@wpic/ui 0.8.2 → 0.8.4

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## 0.8.4
+
+- Make light-mode table borders opaque so their painted color stays identical before and during row hover.
+- Paint the fixed-column separator inside the cell to prevent adjacent cells covering it.
+- Compare outer borders, row separators and fixed-column edges pixel for pixel across hover states.
+
+## 0.8.3
+
+- Increase light-mode table border contrast against hovered rows. Share the stronger token across table card outlines, separators and fixed-column edges while retaining the dark-mode border color.
+- Verify painted border contrast as well as edge stability during hover.
+
 ## 0.8.2
 
 - Match WTable row, header, summary, expansion and footer separators to the theme border used by WCard, fixing inconsistent light-mode grays.

package/dist/wpic-ui.cjs

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("lucide-vue-next"),n1=require("@floating-ui/vue"),s0=require("pinia");var A1=typeof document<"u"?document.currentScript:null;const d0={key:0,class:"absolute inset-0 flex items-center justify-center rounded-[inherit]","aria-hidden":"true"},F1=e.defineComponent({__name:"WButton",props:{variant:{},size:{},loading:{type:Boolean},disabled:{type:Boolean},active:{type:Boolean},icon:{type:[Object,Function]},href:{}},emits:["click"],setup(n,{emit:d}){const t=n,o=d;return(s,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.href?"a":"button"),{href:n.href,disabled:n.disabled||n.loading,"data-variant":t.variant??"primary","data-size":t.size??"md","data-active":n.active?"true":void 0,onClick:l[0]||(l[0]=a=>o("click",a)),class:e.normalizeClass(["wpic-button","relative inline-flex items-center justify-center font-medium transition-all duration-150 cursor-pointer select-none","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/50 focus-visible:ring-offset-1","active:scale-[0.98]",n.disabled||n.loading?"opacity-40 cursor-not-allowed pointer-events-none":"",n.active?"wpic-button--active":"",(t.size??"md")==="sm"?"h-8 touch-manipulation px-2.5 gap-1.5 rounded-md text-sm":"",(t.size??"md")==="md"?(t.variant==="subtle"?"h-11":"h-9")+" px-3.5 gap-2 rounded-lg":"",(t.size??"md")==="lg"?(t.variant==="subtle"?"h-12":"h-11")+" px-4 gap-2 rounded-lg":"",(t.size??"md")==="xs"?"h-5 w-5 p-0 rounded-full text-xs":"",(t.variant??"primary")==="primary"?"wpic-btn-primary text-white":"",(t.variant??"primary")==="secondary"?"bg-zinc-100 hover:bg-zinc-200 text-zinc-700 dark:bg-zinc-800 dark:hover:bg-zinc-700 dark:text-zinc-200":"",(t.variant??"primary")==="subtle"?"bg-zinc-100 border border-zinc-100 hover:bg-zinc-200/70 text-zinc-700 dark:bg-zinc-800 dark:border-zinc-800 dark:hover:bg-zinc-700 dark:text-zinc-200":"",(t.variant??"primary")==="destructive"?"bg-red-500 hover:bg-red-600 text-white":"",(t.variant??"primary")==="ghost"?"bg-transparent hover:bg-zinc-100 text-zinc-600 hover:text-zinc-900 dark:hover:bg-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-100":"",(t.variant??"primary")==="outline"?"bg-transparent border border-zinc-200 hover:bg-zinc-50 text-zinc-700 dark:border-zinc-800 dark:hover:bg-zinc-800 dark:text-zinc-300":""])},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(["inline-flex items-center justify-center gap-[inherit]",n.loading?"invisible":""])},[n.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.icon),{key:0,size:(t.size??"md")==="xs"?10:(t.size??"md")==="sm"?12:((t.size??"md")==="lg",15)},null,8,["size"])):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"default")],2),n.loading?(e.openBlock(),e.createElementBlock("span",d0,[e.createVNode(e.unref(C.Loader2),{size:(t.size??"md")==="xs"?10:(t.size??"md")==="sm"?13:(t.size??"md")==="lg"?17:15,class:"animate-spin"},null,8,["size"])])):e.createCommentVNode("",!0)]),_:3},8,["href","disabled","data-variant","data-size","data-active","class"]))}}),u0={class:"wpic-button-group inline-flex"},x2=e.defineComponent({__name:"WButtonGroup",setup(n){return(d,t)=>(e.openBlock(),e.createElementBlock("div",u0,[e.renderSlot(d.$slots,"default")]))}}),m0={class:"wpic-filter flex items-center gap-1"},h0=["onClick"],p0=e.defineComponent({__name:"WFilter",props:{options:{},modelValue:{}},emits:["update:modelValue"],setup(n){return(d,t)=>(e.openBlock(),e.createElementBlock("div",m0,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.options,(o,s)=>(e.openBlock(),e.createElementBlock("button",{key:s,type:"button",onClick:l=>d.$emit("update:modelValue",o.value),class:e.normalizeClass(["px-2.5 py-1 text-base font-medium rounded-full transition-all duration-150 cursor-pointer whitespace-nowrap",n.modelValue===o.value?"bg-zinc-100 dark:bg-zinc-800 text-zinc-900 dark:text-zinc-100 border border-zinc-300 dark:border-zinc-600":"text-zinc-400 dark:text-zinc-500 hover:text-zinc-600 dark:hover:text-zinc-300 border border-transparent"])},e.toDisplayString(o.label),11,h0))),128))]))}}),v0={class:"wpic-form-label block mb-1 font-medium text-zinc-600 dark:text-zinc-400"},f0={key:0,class:"ml-0.5",style:{color:"#EF4444"}},a2=e.defineComponent({__name:"WFormLabel",props:{required:{type:Boolean}},setup(n){return(d,t)=>(e.openBlock(),e.createElementBlock("label",v0,[e.renderSlot(d.$slots,"default"),n.required?(e.openBlock(),e.createElementBlock("span",f0,"*")):e.createCommentVNode("",!0)]))}}),C0={class:"relative flex items-center w-full"},g0={key:1,class:"pointer-events-none absolute left-2.5 text-zinc-400 dark:text-zinc-500"},k0=["data-size","data-variant","type","placeholder","disabled","required"],z0={key:2,class:"pointer-events-none absolute right-2.5 text-zinc-400 dark:text-zinc-500"},o2=e.defineComponent({inheritAttrs:!1,__name:"WInput",props:e.mergeModels({icon:{type:[Object,Function]},label:{},placeholder:{},required:{type:Boolean},type:{},disabled:{type:Boolean},size:{},clearable:{type:Boolean},loading:{type:Boolean},variant:{},prepend:{},append:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const d=e.useModel(n,"modelValue"),t=n,o=e.useSlots(),s=e.computed(()=>t.prepend!==void 0||!!o.prepend),l=e.computed(()=>t.append!==void 0||!!o.append),a=e.computed(()=>{if(t.icon)return t.icon;if(t.type==="date")return C.Calendar;if(t.type==="money")return C.DollarSign}),m=e.computed(()=>({sm:12,md:13,lg:14,xl:16})[t.size??"md"]),v=e.computed(()=>t.type==="money"?"number":t.type??"text"),p=e.ref();function c(){t.type==="date"&&p.value?.showPicker()}if(typeof document<"u"){const E="winput-date-no-picker";if(!document.getElementById(E)){const V=document.createElement("style");V.id=E,V.textContent='input[type="date"]::-webkit-calendar-picker-indicator { display: none; }',document.head.appendChild(V)}const y="winput-number-no-spinner";if(!document.getElementById(y)){const V=document.createElement("style");V.id=y,V.textContent="input.winput-number::-webkit-outer-spin-button, input.winput-number::-webkit-inner-spin-button { display: none; } input.winput-number { -moz-appearance: textfield; }",document.head.appendChild(V)}}return(E,y)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(E.$attrs,{class:"w-full"}),[t.label?(e.openBlock(),e.createBlock(a2,{key:0,required:t.required},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["required"])):e.createCommentVNode("",!0),e.createElementVNode("div",C0,[a.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),{key:0,size:m.value,class:e.normalizeClass(["absolute shrink-0 text-zinc-400 dark:text-zinc-500",[t.size==="xl"?"left-4":"left-2.5",t.type==="date"?"cursor-pointer":"pointer-events-none"]]),onClick:c},null,8,["size","class"])):s.value?(e.openBlock(),e.createElementBlock("span",g0,[e.renderSlot(E.$slots,"prepend",{},()=>[e.createTextVNode(e.toDisplayString(t.prepend),1)])])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{ref_key:"inputRef",ref:p,class:e.normalizeClass(["wpic-control",["w-full rounded-lg outline-none transition-colors",t.size==="sm"?"text-sm":"text-base",v.value==="number"?"winput-number":"",t.size==="sm"?"h-8":t.size==="lg"?"h-11":t.size==="xl"?"h-14":"h-9",a.value||s.value?t.size==="xl"?"pl-11":"pl-9":t.size==="xl"?"pl-4":"pl-2.5",l.value&&(t.clearable&&d.value||t.loading)?"pr-14":l.value?"pr-9":t.clearable&&d.value||t.loading?t.size==="xl"?"pr-10":"pr-7":t.size==="xl"?"pr-4":"pr-2.5",t.disabled?(t.variant??"default")==="subtle"?"bg-zinc-100 dark:bg-zinc-800 border border-zinc-100 dark:border-zinc-800 text-zinc-400 dark:text-zinc-500 cursor-not-allowed opacity-60":"bg-zinc-50 dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-800 text-zinc-400 dark:text-zinc-500 cursor-not-allowed opacity-60":(t.variant??"default")==="subtle"?"bg-zinc-100 dark:bg-zinc-800 border border-zinc-100 dark:border-zinc-800 text-zinc-900 dark:text-zinc-100 placeholder:text-zinc-400 dark:placeholder:text-zinc-500 cursor-text hover:bg-zinc-200/70 dark:hover:bg-zinc-700":"bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 text-zinc-900 dark:text-zinc-100 placeholder:text-zinc-400 dark:placeholder:text-zinc-500 wpic-input-field cursor-text"]]),"data-size":t.size??"md","data-variant":t.variant??"default","onUpdate:modelValue":y[0]||(y[0]=V=>d.value=V),type:v.value,placeholder:t.placeholder??"",disabled:t.disabled,required:t.required},null,10,k0),[[e.vModelDynamic,d.value]]),l.value?(e.openBlock(),e.createElementBlock("span",z0,[e.renderSlot(E.$slots,"append",{},()=>[e.createTextVNode(e.toDisplayString(t.append),1)])])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(e.unref(C.Loader2),{key:3,size:t.size==="xl"?14:11,class:e.normalizeClass(["absolute animate-spin text-zinc-400 dark:text-zinc-500",l.value?"right-8":t.size==="xl"?"right-4":"right-2"])},null,8,["size","class"])):t.clearable&&d.value?(e.openBlock(),e.createElementBlock("button",{key:4,type:"button",onClick:y[1]||(y[1]=V=>d.value=""),class:e.normalizeClass(["absolute flex items-center justify-center text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300 transition-colors cursor-pointer",l.value?"right-8":t.size==="xl"?"right-4":"right-2"])},[e.createVNode(e.unref(C.X),{size:t.size==="xl"?14:11},null,8,["size"])],2)):e.createCommentVNode("",!0)])],16))}}),b0=["disabled"],l2=e.defineComponent({__name:"WCheckbox",props:e.mergeModels({disabled:{type:Boolean}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const d=e.useModel(n,"modelValue");return(t,o)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["wpic-checkbox relative inline-flex items-center gap-2 select-none",n.disabled?"cursor-not-allowed opacity-50":"cursor-pointer"])},[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":o[0]||(o[0]=s=>d.value=s),disabled:n.disabled,class:"peer sr-only"},null,8,b0),[[e.vModelCheckbox,d.value]]),e.createElementVNode("span",{class:e.normalizeClass(["wpic-checkbox-box",["flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border transition-all duration-150","peer-focus-visible:ring-2 peer-focus-visible:ring-zinc-400/40 peer-focus-visible:ring-offset-1 peer-focus-visible:ring-offset-white dark:peer-focus-visible:ring-offset-zinc-950",d.value?"border-zinc-900 bg-zinc-900 text-white dark:border-zinc-100 dark:bg-zinc-100 dark:text-zinc-950":"border-zinc-300 bg-white text-transparent shadow-sm hover:border-zinc-400 dark:border-zinc-700 dark:bg-zinc-900 dark:hover:border-zinc-500"]])},[e.createVNode(e.unref(C.Check),{size:11,"stroke-width":"2.6"})],2),e.renderSlot(t.$slots,"default")],2))}}),O1=e.defineComponent({__name:"WSpinner",props:{size:{default:"md"},tone:{default:"muted"}},setup(n){const d=n,t={sm:"h-4 w-4 border-2",md:"h-5 w-5 border-2",lg:"h-7 w-7 border-[3px]"};return(o,s)=>(e.openBlock(),e.createElementBlock("span",{role:"status","aria-live":"polite","aria-label":"Loading",class:e.normalizeClass(["wpic-spinner","inline-block shrink-0 animate-spin rounded-full border-current border-t-transparent",t[d.size],d.tone==="muted"?"text-zinc-300 dark:text-zinc-700":"text-[var(--wpic-primary,#6366f1)]"])},null,2))}}),y0={key:0,class:"text-zinc-400 dark:text-zinc-500 whitespace-nowrap shrink-0"},x0={key:1,role:"status","aria-live":"polite",class:"flex items-center justify-center py-12 gap-3 text-base text-zinc-400 dark:text-zinc-500"},w0={class:"wpic-table__scroll",style:{"overflow-x":"auto"}},M0={class:"w-full border-collapse"},B0={key:0,style:{width:"36px"}},V0={key:1,style:{width:"32px"}},E0={key:0},N0={class:"wpic-table__header wpic-table__divider border-b border-zinc-100 dark:border-zinc-800"},S0=["onClick"],L0={key:1},D0={key:0,class:"wpic-table__summary wpic-table__divider border-b border-zinc-200 font-medium dark:border-zinc-700"},F0={key:0},$0={key:1},A0=["onClick"],T0=["onClick"],H0={key:0,class:"wpic-table__divider border-b border-zinc-100 dark:border-zinc-800"},P0=["colspan"],j0={key:2},W0=["colspan"],R0={class:"flex flex-col items-center gap-2"},I0={class:"tabular-nums text-zinc-400 dark:text-zinc-500"},Z0={key:0,class:"flex items-center gap-0.5"},U0=["aria-label","disabled"],K0={key:0,class:"w-6 text-center text-base select-none text-zinc-400 dark:text-zinc-500"},O0=["onClick"],Y0=["aria-label","disabled"],q0=e.defineComponent({__name:"WTable",props:{data:{},columns:{},loading:{type:Boolean},loadingSpinner:{type:Boolean,default:!0},labels:{},emptyText:{},pageSize:{},serverTotal:{},serverPage:{},searchPlaceholder:{default:"Search…"},rowClickable:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},expandable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},selectedKeys:{},rowKey:{default:"id"},flushEdges:{type:Boolean,default:!1},rowClass:{},rowStyle:{},summaryRow:{},compact:{type:Boolean},padding:{},showFooter:{type:Boolean,default:!0}},emits:["row-click","update:selectedKeys","row-select","update:serverPage"],setup(n,{expose:d,emit:t}){const o=n,s=t,l=e.ref(new Set);function a(N){l.value.has(N)?l.value.delete(N):l.value.add(N)}const m=e.useSlots(),v=e.computed(()=>o.pageSize??25),p=e.ref(null),c=e.ref("asc");function E(N){p.value===N?c.value=c.value==="asc"?"desc":"asc":(p.value=N,c.value="asc")}const y=e.ref(""),V=e.computed(()=>o.columns.some(N=>N.searchable)),w=e.computed(()=>{let N=o.data??[];const X=y.value.trim().toLowerCase();if(X){const k=o.columns.filter(D=>D.searchable).map(D=>D.field);N=N.filter(D=>k.some(K=>String(D[K]??"").toLowerCase().includes(X)))}if(p.value){const k=p.value;N=[...N].sort((D,K)=>{const e1=D[k]??"",r1=K[k]??"",h1=typeof e1=="number"&&typeof r1=="number"?e1-r1:String(e1).toLowerCase().localeCompare(String(r1).toLowerCase());return c.value==="asc"?h1:-h1})}return N}),z=e.ref(1),f=e.computed(()=>o.serverTotal!==void 0),F=e.computed({get:()=>f.value?o.serverPage??1:z.value,set:N=>{f.value?s("update:serverPage",N):z.value=N}}),q=e.computed(()=>f.value?o.serverTotal??0:w.value.length),t1=e.computed(()=>Math.max(1,Math.ceil(q.value/v.value)));e.watch([y,()=>o.data],()=>{f.value||(F.value=1),l.value.clear()});const P=e.computed(()=>{if(f.value)return w.value;const N=(F.value-1)*v.value;return w.value.slice(N,N+v.value)});function Z(N,X){const k=N[o.rowKey];return typeof k=="string"||typeof k=="number"?k:`${F.value}:${X}`}const B=e.computed(()=>new Set(o.selectedKeys??[])),A=e.computed(()=>P.value.map(Z)),L=e.computed(()=>o.selectable&&A.value.length>0&&A.value.every(N=>B.value.has(N)));function M(N,X,k){const D=Z(N,X),K=new Set(o.selectedKeys??[]),e1=k===!0;e1?K.add(D):K.delete(D),s("update:selectedKeys",[...K]),s("row-select",N,e1)}function U(N){const X=new Set(o.selectedKeys??[]),k=N===!0;for(const D of A.value)k?X.add(D):X.delete(D);s("update:selectedKeys",[...X])}const O=e.computed(()=>q.value===0?0:(F.value-1)*v.value+1),i1=e.computed(()=>Math.min(F.value*v.value,q.value)),j=e.computed(()=>{const N=t1.value;if(N<=7)return Array.from({length:N},(e1,r1)=>r1+1);const X=F.value,k=[],D=new Set([1,N,X-1,X,X+1].filter(e1=>e1>=1&&e1<=N));let K=0;for(const e1 of[...D].sort((r1,h1)=>r1-h1))e1-K>1&&k.push("…"),k.push(e1),K=e1;return k}),J=e.computed(()=>o.padding?`wpic-table--padding-${o.padding}`:o.compact?"wpic-table--padding-sm":"wpic-table--padding-inherit"),W=N=>N==="right"?"text-right":N==="center"?"text-center":"text-left",l1=(N,X)=>[X,o.flushEdges&&N===0&&!o.expandable&&!o.selectable?"pl-0":"wpic-table__pad-l",o.flushEdges&&N===o.columns.length-1?"pr-0":"wpic-table__pad-r"],s1=N=>({...N.width?{width:N.width}:{},...N.minWidth?{minWidth:N.minWidth}:{}});return d({filteredCount:e.computed(()=>w.value.length),searchQuery:y}),(N,X)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["wpic-table",J.value])},[(V.value||e.unref(m).toolbar)&&!n.loading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["flex items-center gap-2 wpic-table__divider border-b border-zinc-100 dark:border-zinc-800 wpic-table__pad-x",n.compact?"py-1":"py-2"])},[V.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(o2,{modelValue:y.value,"onUpdate:modelValue":X[0]||(X[0]=k=>y.value=k),placeholder:n.searchPlaceholder,icon:e.unref(C.Search),class:"flex-1"},null,8,["modelValue","placeholder","icon"]),y.value?(e.openBlock(),e.createElementBlock("span",y0,e.toDisplayString(w.value.length)+" "+e.toDisplayString(n.labels?.results??"results"),1)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.renderSlot(N.$slots,"toolbar")],2)):e.createCommentVNode("",!0),n.loading?(e.openBlock(),e.createElementBlock("div",x0,[n.loadingSpinner?(e.openBlock(),e.createBlock(O1,{key:0,tone:"muted"})):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(n.labels?.loading??"Loading…"),1)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",w0,[e.createElementVNode("table",M0,[e.createElementVNode("colgroup",null,[n.selectable?(e.openBlock(),e.createElementBlock("col",B0)):e.createCommentVNode("",!0),n.expandable?(e.openBlock(),e.createElementBlock("col",V0)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,k=>(e.openBlock(),e.createElementBlock("col",{key:k.field,style:e.normalizeStyle(s1(k))},null,4))),128))]),o.showHeader!==!1?(e.openBlock(),e.createElementBlock("thead",E0,[e.createElementVNode("tr",N0,[n.selectable?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass(["w-9 pr-2",n.compact?"py-1":"py-2",n.flushEdges?"pl-0":"pl-2"])},[e.createVNode(l2,{"model-value":L.value,onClick:X[1]||(X[1]=e.withModifiers(()=>{},["stop"])),"onUpdate:modelValue":U},null,8,["model-value"])],2)):e.createCommentVNode("",!0),n.expandable?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass(["w-8 pr-2",n.compact?"py-1":"py-2",n.flushEdges&&!n.selectable?"pl-0":"pl-2"])},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,(k,D)=>(e.openBlock(),e.createElementBlock("th",{key:k.field,class:e.normalizeClass([l1(D,n.compact?"py-1":"py-2"),"whitespace-nowrap text-zinc-500 dark:text-zinc-300 font-medium",W(k.align),D===0&&!n.expandable&&!n.selectable?"wpic-table__sticky sticky left-0 z-10":""]),style:e.normalizeStyle({...s1(k)})},[e.renderSlot(N.$slots,"th-"+k.field,{col:k,sortField:p.value,sortDir:c.value,toggleSort:E},()=>[k.sortable?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:K=>E(k.field),class:e.normalizeClass(["inline-flex items-center gap-1 cursor-pointer transition-colors whitespace-nowrap",k.align==="right"?"ml-auto":""]),style:{color:"inherit"}},[e.createTextVNode(e.toDisplayString(k.label)+" ",1),p.value===k.field&&c.value==="asc"?(e.openBlock(),e.createBlock(e.unref(C.ChevronUp),{key:0,size:11,style:{color:"#5E6AD2"}})):p.value===k.field&&c.value==="desc"?(e.openBlock(),e.createBlock(e.unref(C.ChevronDown),{key:1,size:11,style:{color:"#5E6AD2"}})):(e.openBlock(),e.createBlock(e.unref(C.ChevronsUpDown),{key:2,size:10,style:{opacity:"0.3"}}))],10,S0)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(k.label),1)],64))])],6))),128))])])):e.createCommentVNode("",!0),n.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("tbody",L0,[n.summaryRow?(e.openBlock(),e.createElementBlock("tr",D0,[n.selectable?(e.openBlock(),e.createElementBlock("td",F0)):e.createCommentVNode("",!0),n.expandable?(e.openBlock(),e.createElementBlock("td",$0)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,(k,D)=>(e.openBlock(),e.createElementBlock("td",{key:k.field,class:e.normalizeClass([l1(D,n.compact?"py-1":"py-2.5"),W(k.align),D===0&&!n.expandable&&!n.selectable?"wpic-table__sticky sticky left-0 z-10 text-zinc-900 dark:text-zinc-100":"text-zinc-700 dark:text-zinc-200"])},[e.renderSlot(N.$slots,"summary-"+k.field,{row:n.summaryRow,value:n.summaryRow[k.field]},()=>[e.createTextVNode(e.toDisplayString(n.summaryRow[k.field]??"—"),1)])],2))),128))])):e.createCommentVNode("",!0),P.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(P.value,(k,D)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:D},[e.createElementVNode("tr",{class:e.normalizeClass(["wpic-table__row group wpic-table__divider border-b border-zinc-100 dark:border-zinc-800",[n.expandable&&l.value.has(D)?"border-b-0":"",n.rowClass?.(k)]]),style:e.normalizeStyle({cursor:n.rowClickable||n.expandable?"pointer":"default",...n.rowStyle?.(k)??{}}),onClick:K=>n.expandable?a(D):n.rowClickable&&s("row-click",k)},[n.selectable?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass(["w-9 pr-2",n.compact?"py-1":"py-2.5",n.flushEdges?"pl-0":"pl-2"]),onClick:X[2]||(X[2]=e.withModifiers(()=>{},["stop"]))},[e.createVNode(l2,{"model-value":B.value.has(Z(k,D)),"onUpdate:modelValue":K=>M(k,D,K)},null,8,["model-value","onUpdate:modelValue"])],2)):e.createCommentVNode("",!0),n.expandable?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass(["w-8 pr-1 text-zinc-400 dark:text-zinc-500",n.compact?"py-1":"py-2.5",n.flushEdges&&!n.selectable?"pl-0":"pl-3"])},[l.value.has(D)?(e.openBlock(),e.createBlock(e.unref(C.ChevronDown),{key:0,size:13,style:{transition:"transform .15s"}})):(e.openBlock(),e.createBlock(e.unref(C.ChevronRight),{key:1,size:13,style:{transition:"transform .15s"}}))],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,(K,e1)=>(e.openBlock(),e.createElementBlock("td",{key:K.field,class:e.normalizeClass([l1(e1,n.compact?"py-1":"py-2.5"),W(K.align),e1===0&&!n.expandable&&!n.selectable?"wpic-table__sticky sticky left-0 z-10 text-zinc-900 dark:text-zinc-100 font-medium":"text-zinc-700 dark:text-zinc-200"]),onClick:r1=>n.expandable?(n.rowClickable&&s("row-click",k),r1.stopPropagation()):void 0},[e.renderSlot(N.$slots,K.field,{row:k,value:k[K.field]},()=>[e.createTextVNode(e.toDisplayString(k[K.field]??"—"),1)])],10,T0))),128))],14,A0),n.expandable&&l.value.has(D)?(e.openBlock(),e.createElementBlock("tr",H0,[e.createElementVNode("td",{colspan:n.columns.length+(n.expandable?1:0)+(n.selectable?1:0),class:"wpic-table__pad-x pb-3 pt-0"},[e.renderSlot(N.$slots,"expand",{row:k})],8,P0)])):e.createCommentVNode("",!0)],64))),128)):(e.openBlock(),e.createElementBlock("tr",j0,[e.createElementVNode("td",{colspan:n.columns.length+(n.expandable?1:0)+(n.selectable?1:0),class:"py-16 text-center text-zinc-400 dark:text-zinc-500"},[e.createElementVNode("div",R0,[e.renderSlot(N.$slots,"empty-icon"),e.createTextVNode(" "+e.toDisplayString(n.emptyText??"No data"),1)])],8,W0)]))]))])]),n.showFooter&&q.value>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["flex items-center justify-between wpic-table__divider border-t border-zinc-100 dark:border-zinc-800 wpic-table__pad-x",n.compact?"py-1":"py-2.5"])},[e.createElementVNode("span",I0,[t1.value>1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(O.value)+"–"+e.toDisplayString(i1.value)+" "+e.toDisplayString(n.labels?.of??"of")+" "+e.toDisplayString(q.value),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(q.value)+" "+e.toDisplayString(q.value===1?n.labels?.item??"item":n.labels?.items??"items"),1)],64))]),t1.value>1?(e.openBlock(),e.createElementBlock("div",Z0,[e.createElementVNode("button",{"aria-label":n.labels?.previous??"Previous page",onClick:X[3]||(X[3]=k=>F.value--),disabled:F.value===1,class:"h-7 w-7 flex items-center justify-center rounded-md transition-colors cursor-pointer disabled:opacity-30 hover:bg-zinc-50 dark:hover:bg-zinc-800/50 text-zinc-400"},[e.createVNode(e.unref(C.ChevronLeft),{size:13})],8,U0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(j.value,k=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:k},[k==="…"?(e.openBlock(),e.createElementBlock("span",K0,"…")):(e.openBlock(),e.createElementBlock("button",{key:1,onClick:D=>F.value=k,class:e.normalizeClass(["h-7 min-w-7 px-2 rounded-md text-sm font-medium transition-colors cursor-pointer",F.value===k?"":"text-zinc-700 dark:text-zinc-200 hover:bg-zinc-100 dark:hover:bg-zinc-700"]),style:e.normalizeStyle(F.value===k?"background:rgba(94,106,210,0.1);color:#5E6AD2":void 0)},e.toDisplayString(k),15,O0))],64))),128)),e.createElementVNode("button",{"aria-label":n.labels?.next??"Next page",onClick:X[4]||(X[4]=k=>F.value++),disabled:F.value===t1.value,class:"h-7 w-7 flex items-center justify-center rounded-md transition-colors cursor-pointer disabled:opacity-30 hover:bg-zinc-50 dark:hover:bg-zinc-800/50 text-zinc-400"},[e.createVNode(e.unref(C.ChevronRight),{size:13})],8,Y0)])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],64))],2))}}),Q0={class:"w-spreadsheet-frame__surface"},J0={key:0,class:"w-spreadsheet-frame__heading"},X0={key:1,class:"w-spreadsheet-frame__status"},G0=["title","aria-label"],_0={key:1,class:"flex min-h-64 items-center justify-center gap-3 text-zinc-400 dark:text-zinc-500"},e3={key:0,class:"w-spreadsheet__row-axis-col"},n3={key:0},t3={key:0,class:"w-spreadsheet__corner"},l3={key:0,class:"w-spreadsheet__axis"},c3=["colspan","title","tabindex","onClick","onKeydown","onPointerenter","onPointerdown"],a3={key:0,class:"w-spreadsheet__editor"},o3=["type","value","min","placeholder","onInput"],r3=["onPointerdown"],i3=e.defineComponent({__name:"WSpreadsheet",props:{columns:{},rows:{},showAxes:{type:Boolean,default:!0},showColumnLetters:{type:Boolean,default:!0},showRowNumbers:{type:Boolean,default:!0},minWidth:{default:"960px"},maxHeight:{default:"68vh"},sortable:{type:Boolean},expandable:{type:Boolean},showExpandButton:{type:Boolean},actionsOnHover:{type:Boolean},downloadable:{type:Boolean},showDownloadButton:{type:Boolean},downloadFilename:{},fillHandle:{type:Boolean},expanded:{type:Boolean},downloadRequest:{},loading:{type:Boolean}},emits:["update:expanded","cell-change"],setup(n,{expose:d,emit:t}){const o=n,s=t,l=e.computed(()=>o.showAxes&&o.showColumnLetters),a=e.computed(()=>o.showAxes&&o.showRowNumbers),m=e.computed(()=>o.columns.some(x=>x.sticky)),v=e.ref(null),p=e.ref("asc"),c=e.ref(o.expanded??!1),E=e.ref(null),y=e.ref(null),V=e.ref(null),w=e.ref(null),z=e.ref(null);function f(){if(!o.downloadable)return;const x=S=>`"${String(S??"").replace(/"/g,'""')}"`,T=B.value.map(S=>o.columns.map(H=>x(P(S,H.key))).join(",")).join(`\r
-`),$=new Blob([`\uFEFF${T}`],{type:"text/csv;charset=utf-8"}),G=URL.createObjectURL($),Q=document.createElement("a");Q.href=G,Q.download=o.downloadFilename||"spreadsheet.csv",Q.click(),URL.revokeObjectURL(G)}function F(x,T=!0){if(c.value===x)return;const $=performance.now();console.debug(`[WSpreadsheet] ${x?"expand":"minimize"} requested`),c.value=x,T&&s("update:expanded",x),requestAnimationFrame(()=>requestAnimationFrame(()=>{console.debug(`[WSpreadsheet] ${x?"expand":"minimize"} painted in ${(performance.now()-$).toFixed(1)}ms`)}))}e.watch(()=>o.expanded,x=>{x!=null&&F(x,!1)}),e.watch(()=>o.downloadRequest,(x,T)=>{x!=null&&x!==T&&f()}),d({expand:()=>{o.expandable&&F(!0)},collapse:()=>{F(!1)},toggleExpanded:()=>{o.expandable&&F(!c.value)},download:f});function q(x){x.key==="Escape"&&c.value&&F(!1)}function t1(x){if(x.target?.closest(".w-spreadsheet__cell")?.querySelector(".w-spreadsheet__input"))return;w.value=null,z.value=null;const G=document.activeElement;G&&E.value?.contains(G)&&G.blur()}e.onMounted(()=>{document.addEventListener("keydown",q),document.addEventListener("pointerdown",t1)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",q),document.removeEventListener("pointerdown",t1),window.removeEventListener("pointerup",D)});function P(x,T){return x.cells.find($=>$.key===T)?.value??""}function Z(x){if(typeof x=="number")return x;const T=String(x).trim().replace(/[\s,]/g,"");return T!==""&&/^-?\d+(\.\d+)?$/.test(T)?Number(T):String(x).toLocaleLowerCase()}const B=e.computed(()=>{if(!v.value)return o.rows;const x=o.rows.filter(G=>G.sortable!==!1),T=p.value==="asc"?1:-1;x.sort((G,Q)=>{const S=Z(P(G,v.value)),H=Z(P(Q,v.value));return typeof S=="number"&&typeof H=="number"?(S-H)*T:String(S).localeCompare(String(H),void 0,{numeric:!0})*T});let $=0;return o.rows.map(G=>G.sortable===!1?G:x[$++])});function A(x){const T=o.columns.find($=>$.key===x.key);return!!(o.sortable&&x.variant==="header"&&T?.sortable!==!1)}function L(x){A(x)&&(v.value===x.key?p.value=p.value==="asc"?"desc":"asc":(v.value=x.key,p.value="asc"))}function M(x,T){return x.cells.slice(0,T).reduce(($,G)=>$+(G.colspan||1),0)}function U(x,T){return!!o.columns[M(x,T)]?.sticky}function O(x,T){const $=M(x,T);return!!(o.columns[$]?.sticky&&!o.columns.slice(0,$).some(G=>G.sticky))}function i1(x,T){const $=M(x,T);if(!o.columns[$]?.sticky)return;const G=o.columns.slice(0,$).map(Q=>Q.width||"0px");return{left:G.length?`calc(${G.join(" + ")})`:"0px"}}function j(x,T){return`${x.key}\0${T.key}`}function J(x,T){!T.editable||y.value||(w.value={rowKey:x.key,cellKey:T.key},z.value=null)}function W(x,T){return w.value?.rowKey===x.key&&w.value?.cellKey===T.key}function l1(x,T,$){const G=B.value[x];!o.fillHandle||!$.editable||!G||!W(G,$)||(z.value=null,y.value={row:x,cell:T,value:String($.value??"")},V.value={row:x,cell:T},window.addEventListener("pointerup",D,{once:!0}))}function s1(x,T){y.value&&(V.value={row:x,cell:T})}function N(x,T){if(!y.value||!V.value)return!1;const $=Math.min(y.value.row,V.value.row),G=Math.max(y.value.row,V.value.row),Q=Math.min(y.value.cell,V.value.cell),S=Math.max(y.value.cell,V.value.cell);return x>=$&&x<=G&&T>=Q&&T<=S}function X(x,T){if(!N(x,T)||!y.value||!V.value)return{};const $=Math.min(y.value.row,V.value.row),G=Math.max(y.value.row,V.value.row),Q=Math.min(y.value.cell,V.value.cell),S=Math.max(y.value.cell,V.value.cell);return{"w-spreadsheet__cell--fill-range":!0,"w-spreadsheet__cell--fill-top":x===$,"w-spreadsheet__cell--fill-bottom":x===G,"w-spreadsheet__cell--fill-left":T===Q,"w-spreadsheet__cell--fill-right":T===S}}function k(x,T){const $=j(x,T);return{"w-spreadsheet__cell--fill-completed":!!z.value?.cells.has($),"w-spreadsheet__cell--fill-source":z.value?.source===$}}function D(){if(!y.value||!V.value)return;const x=y.value,T=V.value,$=Math.min(x.row,T.row),G=Math.max(x.row,T.row),Q=Math.min(x.cell,T.cell),S=Math.max(x.cell,T.cell),H=new Set,R=B.value[x.row],c1=R?.cells[x.cell];for(let p1=$;p1<=G;p1++){const x1=B.value[p1];if(x1)for(let B1=Q;B1<=S;B1++){const w1=x1.cells[B1];w1?.editable&&(H.add(j(x1,w1)),s("cell-change",{rowKey:x1.key,cellKey:w1.key,value:x.value,row:x1,cell:w1}))}}y.value=null,V.value=null,z.value=R&&c1?{cells:H,source:j(R,c1)}:null}function K(x){let T=x+1,$="";for(;T>0;)T-=1,$=String.fromCharCode(65+T%26)+$,T=Math.floor(T/26);return $}function e1(x){return[`w-spreadsheet__cell--${x.variant||"default"}`,`w-spreadsheet__cell--${x.align||"left"}`,`w-spreadsheet__cell--tone-${x.tone||"default"}`,{"w-spreadsheet__cell--wrap":!!x.wrap},x.class||""]}function r1(x,T,$){const G=$.target.value;s("cell-change",{rowKey:x.key,cellKey:T.key,value:G,row:x,cell:T})}function h1(x){const $=x.currentTarget.previousElementSibling;$?.focus(),$?.showPicker?.()}return(x,T)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"frameRef",ref:E,class:e.normalizeClass(["w-spreadsheet-frame",{"w-spreadsheet-frame--expanded":c.value}])},[c.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"w-spreadsheet-frame__backdrop","aria-label":"Restore spreadsheet",onClick:T[0]||(T[0]=$=>F(!1))})):e.createCommentVNode("",!0),e.createElementVNode("div",Q0,[n.expandable&&(n.showExpandButton!==!1||c.value)||n.downloadable&&(n.showDownloadButton!==!1||c.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["w-spreadsheet-frame__toolbar",{"w-spreadsheet-frame__toolbar--hover":n.actionsOnHover&&!c.value}])},[c.value&&x.$slots["expanded-header"]?(e.openBlock(),e.createElementBlock("div",J0,[e.renderSlot(x.$slots,"expanded-header")])):e.createCommentVNode("",!0),x.$slots["toolbar-status"]?(e.openBlock(),e.createElementBlock("div",X0,[e.renderSlot(x.$slots,"toolbar-status")])):e.createCommentVNode("",!0),e.renderSlot(x.$slots,"toolbar"),n.downloadable&&(n.showDownloadButton!==!1||c.value)?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",class:"w-spreadsheet-frame__expand",title:"Download spreadsheet","aria-label":"Download spreadsheet",onClick:f},[e.createVNode(e.unref(C.Download),{size:16})])):e.createCommentVNode("",!0),n.expandable&&(n.showExpandButton!==!1||c.value)?(e.openBlock(),e.createElementBlock("button",{key:3,type:"button",class:"w-spreadsheet-frame__expand",title:c.value?"Restore spreadsheet":"Expand spreadsheet","aria-label":c.value?"Restore spreadsheet":"Expand spreadsheet",onClick:T[1]||(T[1]=$=>F(!c.value))},[c.value?(e.openBlock(),e.createBlock(e.unref(C.Minimize),{key:0,size:16})):(e.openBlock(),e.createBlock(e.unref(C.Expand),{key:1,size:16}))],8,G0)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),n.loading?(e.openBlock(),e.createElementBlock("div",_0,[e.createVNode(O1),T[2]||(T[2]=e.createElementVNode("span",null,"Preparing sales estimate…",-1))])):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["w-spreadsheet",{"w-spreadsheet--with-column-axis":l.value}]),style:e.normalizeStyle({maxHeight:c.value?"calc(100vh - 96px)":n.maxHeight})},[e.createElementVNode("table",{class:e.normalizeClass(["w-spreadsheet__table",{"w-spreadsheet__table--sticky-columns":m.value}]),style:e.normalizeStyle({minWidth:n.minWidth})},[e.createElementVNode("colgroup",null,[a.value?(e.openBlock(),e.createElementBlock("col",e3)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,$=>(e.openBlock(),e.createElementBlock("col",{key:$.key,style:e.normalizeStyle({width:$.width})},null,4))),128))]),l.value?(e.openBlock(),e.createElementBlock("thead",n3,[e.createElementVNode("tr",null,[a.value?(e.openBlock(),e.createElementBlock("th",t3)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,($,G)=>(e.openBlock(),e.createElementBlock("th",{key:$.key,class:"w-spreadsheet__axis"},e.toDisplayString($.label||K(G)),1))),128))])])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,($,G)=>(e.openBlock(),e.createElementBlock("tr",{key:$.key,class:e.normalizeClass({"w-spreadsheet__row--sticky":$.sticky})},[a.value?(e.openBlock(),e.createElementBlock("th",l3,e.toDisplayString(G+1),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.cells,(Q,S)=>(e.openBlock(),e.createElementBlock("td",{key:Q.key,class:e.normalizeClass(["w-spreadsheet__cell",[e1(Q),{"w-spreadsheet__cell--sortable":A(Q),"w-spreadsheet__cell--sticky":U($,S),"w-spreadsheet__cell--sticky-first":O($,S),"w-spreadsheet__cell--active":W($,Q)},X(G,S),k($,Q)]]),colspan:Q.colspan||1,title:Q.title,style:e.normalizeStyle(i1($,S)),tabindex:A(Q)?0:void 0,onClick:H=>L(Q),onKeydown:[e.withKeys(e.withModifiers(H=>L(Q),["prevent"]),["enter"]),e.withKeys(e.withModifiers(H=>L(Q),["prevent"]),["space"])],onPointerenter:H=>s1(G,S),onPointerdown:H=>J($,Q)},[e.renderSlot(x.$slots,`cell-${Q.key}`,{row:$,cell:Q,rowIndex:G},()=>[Q.editable?(e.openBlock(),e.createElementBlock("div",a3,[e.createElementVNode("input",{class:e.normalizeClass(["w-spreadsheet__input",{"w-spreadsheet__input--date":Q.inputType==="date"}]),type:Q.inputType||"text",value:Q.value??"",min:Q.min,placeholder:Q.placeholder,onInput:H=>r1($,Q,H)},null,42,o3),Q.inputType==="date"?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"w-spreadsheet__calendar","aria-label":"Choose date",title:"Choose date",onClick:h1},[e.createVNode(e.unref(C.CalendarDays),{size:16})])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(Q.value??""),1)],64))]),A(Q)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value===Q.key?p.value==="asc"?e.unref(C.ChevronUp):e.unref(C.ChevronDown):e.unref(C.ChevronsUpDown)),{key:0,class:"w-spreadsheet__sort-icon",size:14})):e.createCommentVNode("",!0),n.fillHandle&&Q.editable&&W($,Q)?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"w-spreadsheet__fill-handle","aria-label":"Fill adjacent cells",title:"Drag to fill adjacent cells",onPointerdown:e.withModifiers(H=>l1(G,S,Q),["stop","prevent"])},null,40,r3)):e.createCommentVNode("",!0)],46,c3))),128))],2))),128))])],6)],6))])],2))}}),b1=(n,d)=>{const t=n.__vccOpts||n;for(const[o,s]of d)t[o]=s;return t},s3={},d3={class:"min-w-40 rounded-lg bg-white p-1.5 shadow-md shadow-zinc-900/5 dark:bg-zinc-700 dark:shadow-black/20"};function u3(n,d){return e.openBlock(),e.createElementBlock("div",d3,[e.renderSlot(n.$slots,"default")])}const c2=b1(s3,[["render",u3]]),m3=["disabled"],L1=e.defineComponent({__name:"WActionMenuItem",props:{danger:{type:Boolean},disabled:{type:Boolean}},emits:["click"],setup(n,{emit:d}){const t=d;return(o,s)=>(e.openBlock(),e.createElementBlock("button",{type:"button",disabled:n.disabled,onClick:s[0]||(s[0]=l=>t("click",l)),class:e.normalizeClass(["flex h-8 w-full items-center gap-2 rounded-md px-2 text-left font-medium transition disabled:cursor-not-allowed disabled:opacity-40",n.danger?"text-red-500 hover:bg-red-50 dark:hover:bg-red-950/30":"text-zinc-600 hover:bg-zinc-100 hover:text-zinc-900 dark:text-zinc-100 dark:hover:bg-zinc-600 dark:hover:text-white"])},[e.renderSlot(o.$slots,"default")],10,m3))}}),w2={light:{trendPositive:"#15803D",trendNegative:"#DB2777",canvas:"#F8F8F8",surface:"#FFFFFF",input:"#FFFFFF",raised:"#F2F3EF",popover:"#FFFFFF",border:"rgb(32 33 29 / 0.07)",borderHover:"rgb(32 33 29 / 0.16)",text:"#20211D",muted:"#64675C",dim:"#707467",accent:"#85C531",onAccent:"#17210B",primary:"#171717",primaryHover:"#303030",onPrimary:"#FFFFFF",secondary:"#EFEFEF",secondaryHover:"#E3E3E3",onSecondary:"#20211D",secondaryShadow:"none",switchOn:"linear-gradient(35deg, #32dc08 0%, #9de400 48%, #e9e600 100%)",switchOff:"#D4D4D8",switchDisabled:"#E4E4E7",switchThumb:"#FFFFFF",focusRing:"color-mix(in srgb, var(--wpic-accent) 18%, transparent)",positive:"#85C531",negative:"#B94238"},dark:{trendPositive:"#86EFAC",trendNegative:"#FDA4AF",canvas:"#090A05",surface:"#151515",input:"#151515",raised:"#2A2A28",popover:"#1F201D",border:"rgb(255 255 255 / 0.06)",borderHover:"rgb(255 255 255 / 0.14)",text:"#F5F5F5",muted:"#B4B4B4",dim:"#969696",accent:"#85C531",onAccent:"#17210B",primary:"#FFFFFF",primaryHover:"#E8E8E8",onPrimary:"#171717",secondary:"linear-gradient(180deg, #3A3B36, #30312D)",secondaryHover:"linear-gradient(180deg, #40413B, #353630)",onSecondary:"#F5F5F5",secondaryShadow:"inset 0 1px 0 rgb(255 255 255 / 0.15), 0 1px 2px rgb(0 0 0 / 0.12)",switchOn:"linear-gradient(35deg, #32dc08 0%, #9de400 48%, #e9e600 100%)",switchOff:"#343530",switchDisabled:"#252525",switchThumb:"#FFFFFF",focusRing:"color-mix(in srgb, var(--wpic-accent) 18%, transparent)",positive:"#85C531",negative:"#F0A09A"}},h3={light:["#3B73E1","#0891A6","#8B5CD6","#C58A16","#D64D79","#527FA8"],dark:["#7C9FE0","#5FB8C4","#AF94D5","#D8B26A","#D88FA5","#94A8BD"]};function M2(n,d={}){const t={...w2[n],...d},o={};for(const[s,l]of Object.entries(t))o[`--wpic-${s.replace(/[A-Z]/g,a=>`-${a.toLowerCase()}`)}`]=l;return Object.assign(o,{"--bg-main":t.canvas,"--bg-card":t.surface,"--bg-input":t.input,"--border-subtle":t.border,"--border-strong":t.border,"--border-hover":t.borderHover,"--text-main":t.text,"--text-muted":t.muted,"--text-dim":t.dim,"--wpic-primary":t.accent,"--wpic-primary-hover":t.accent,"--wpic-control-height":"36px","--wpic-segment-active":n==="dark"?t.secondaryHover:t.surface,"--wpic-segment-shadow":n==="dark"?t.secondaryShadow:`inset 0 0 0 1px ${t.border}, 0 1px 2px rgb(0 0 0 / 0.08)`,"--wpic-button-primary":t.primary,"--wpic-button-primary-hover":t.primaryHover}),o}const B2=Symbol("wpic-theme");function T1(){return e.inject(B2,e.computed(()=>null))}const p3=["data-wpic-theme"],y1=e.defineComponent({__name:"WPopover",props:{open:{type:Boolean},anchor:{},placement:{},width:{},minWidth:{},height:{},minHeight:{},maxHeight:{},panelScroll:{type:Boolean,default:!0},offset:{},matchAnchorWidth:{type:Boolean},freezePositionOnOpen:{type:Boolean,default:!0},flip:{type:Boolean,default:!0},zIndex:{default:9999},extraPanels:{}},emits:["close"],setup(n,{emit:d}){const t=n,o=T1(),s=d,l=Symbol.for("wpic-ui-popover-descendants"),a=e.inject(l,null),m=new Set;e.provide(l,{add(M){m.add(M),a?.add(M)},remove(M){m.delete(M),a?.remove(M)}});const v=e.computed(()=>{const M=t.anchor;return M?e.isRef(M)?M.value:M:null}),p=e.ref(null),c=e.ref(null),E=e.computed(()=>c.value??t.placement??"bottom-start"),y=e.computed(()=>{const M=[n1.offset(t.offset??6)];return t.flip&&!c.value&&M.push(n1.flip()),M.push(n1.shift({padding:4})),M.push(n1.size({padding:8,apply({availableHeight:U,rects:O,elements:i1}){const j=Math.max(U-8,50),W={maxHeight:t.maxHeight?`min(${t.maxHeight}, ${j}px)`:`${j}px`,overflowY:t.panelScroll?"auto":"hidden"};if(t.height&&(W.height=`min(${t.height}, ${j}px)`),t.minHeight&&(W.minHeight=`min(${t.minHeight}, ${j}px)`),t.matchAnchorWidth){const l1=`${O.reference.width}px`;W.width=l1,W.minWidth=l1}Object.assign(i1.floating.style,W)}})),M}),{floatingStyles:V,placement:w,update:z,isPositioned:f}=n1.useFloating(v,p,{placement:E,strategy:"fixed",open:e.computed(()=>t.open),whileElementsMounted:n1.autoUpdate,middleware:y}),F=e.computed(()=>{const M=w.value;return M.startsWith("top")?"bottom":M.startsWith("bottom")?"top":M.startsWith("left")?"right":M.startsWith("right")?"left":"top"}),q=M=>{const U=M.target,O=v.value,i1=p.value;i1&&i1.contains(U)||[...m].some(j=>j.contains(U))||O&&O.contains(U)||t.extraPanels?.some(j=>j?.contains(U))||s("close")},t1=M=>{if(M.key!=="Escape"||!t.open||[...m].some(O=>O.isConnected&&O.style.display!=="none"))return;M.preventDefault(),M.stopImmediatePropagation(),s("close");const U=v.value;U?.matches("button, input, [tabindex]")?U.focus():U?.querySelector("button, input, [tabindex]")?.focus()};let P=!1,Z=!1;function B(){Z||(document.addEventListener("pointerdown",q,!0),document.addEventListener("keydown",t1,!0),Z=!0)}function A(){Z&&(document.removeEventListener("pointerdown",q,!0),document.removeEventListener("keydown",t1,!0),Z=!1)}e.watch(()=>t.open,M=>{M?e.nextTick(()=>{P||!t.open||(z(),B())}):(c.value=null,A())},{immediate:!0}),e.watch(p,(M,U)=>{U&&a?.remove(U),M&&a?.add(M)}),e.watch(f,M=>{M&&t.open&&t.freezePositionOnOpen&&!c.value&&(c.value=w.value)}),e.onBeforeUnmount(()=>{P=!0,A(),p.value&&a?.remove(p.value)});const L=e.computed(()=>({...t.matchAnchorWidth?{}:{width:t.width??"auto"},...t.minWidth?{minWidth:t.minWidth}:{},transformOrigin:F.value,zIndex:t.zIndex}));return(M,U)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",class:"wpic-popover"},[e.withDirectives(e.createElementVNode("div",{ref_key:"floatingEl",ref:p,"data-wpic-theme":e.unref(o)?.mode,class:e.normalizeClass([{"wpic-theme":e.unref(o),dark:e.unref(o)?.mode==="dark"},"wpic-popover-panel flex flex-col bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-xl shadow-xl dark:shadow-black/40 overflow-hidden"]),style:e.normalizeStyle([e.unref(o)?.variables,e.unref(V),L.value])},[e.renderSlot(M.$slots,"default")],14,p3),[[e.vShow,n.open]])]))}}),v3={key:0,class:"fixed right-0 top-0 z-[9997] flex h-full w-20 items-center justify-center border-l-2 border-[var(--wpic-primary)] bg-[var(--wpic-primary)]/10 text-[var(--wpic-primary)] pointer-events-none"},f3=["data-variant","data-maximized"],C3=["title"],g3={class:"min-w-0 flex-1 px-2 text-center"},k3={class:"truncate font-medium text-zinc-700 dark:text-zinc-200"},z3={key:0,class:"truncate text-zinc-500 dark:text-zinc-400"},b3={class:"flex shrink-0 items-center gap-1"},y3=["title"],x3=["title"],w3=["title"],M3=["title"],B3={class:"flex h-11 shrink-0 items-center justify-between px-3"},V3={class:"font-medium text-zinc-700 dark:text-zinc-200"},E3=["title"],N3={class:"space-y-2 px-3 pb-3"},S3={class:"truncate"},L3={class:"flex-1 overflow-y-auto overflow-x-visible px-2 pb-3"},D3={class:"mb-2 flex h-7 items-center justify-between px-2 font-medium text-zinc-500 dark:text-zinc-400"},F3={class:"truncate"},$3=["title"],A3={class:"space-y-0.5"},T3={key:0,class:"rounded-lg border border-dashed border-zinc-200 px-2 py-2 text-zinc-500 dark:border-zinc-700 dark:text-zinc-400"},H3=["onMouseenter"],P3=["onClick"],j3={class:"min-w-0 flex-1 truncate"},W3={key:0,class:"shrink-0 text-zinc-400"},R3={key:0,class:"px-3 py-2 text-zinc-400 dark:text-zinc-500"},I3=["onPointerdown","onClick"],Z3={class:"min-w-0 flex-1 truncate"},U3={class:"shrink-0 text-zinc-400"},K3={class:"mt-4"},O3={class:"flex h-7 items-center px-2 font-medium text-zinc-500 dark:text-zinc-400"},Y3={class:"truncate"},q3={class:"space-y-0.5"},Q3={key:0,class:"rounded-lg border border-dashed border-zinc-200 px-2 py-2 text-zinc-500 dark:border-zinc-700 dark:text-zinc-400"},J3=["onPointerdown","onClick"],X3={class:"block truncate"},G3={class:"shrink-0 text-zinc-400"},_3=["onClick"],e4=["onPointerenter","onMouseenter"],n4={class:"truncate"},t4={class:"flex min-h-0 flex-1"},l4={class:"flex min-w-0 flex-1 flex-col"},c4={key:0,class:"flex h-full flex-col items-center justify-center px-5 text-center text-zinc-500 dark:text-zinc-400"},a4={class:"font-medium"},o4={key:1,class:"flex h-full flex-col items-center justify-center px-5 text-center"},r4={class:"mb-3 flex h-11 w-11 items-center justify-center rounded-xl bg-zinc-100 text-zinc-500 dark:bg-zinc-700 dark:text-zinc-300"},i4={class:"font-semibold text-zinc-800 dark:text-zinc-100"},s4={key:0,class:"mt-1 max-w-xs text-zinc-500 dark:text-zinc-400"},d4={key:2,class:"space-y-4"},u4={class:"max-w-[82%]"},m4=["src","alt"],h4={class:"max-w-40 truncate"},p4={key:0,class:"shrink-0 text-zinc-400"},v4={key:0,class:"flex items-center gap-2 text-zinc-500 dark:text-zinc-400"},f4={key:1,class:"wpic-chat-loading-card",role:"status","aria-label":"Generating image"},C4=["innerHTML","onClick"],g4=["href","onClick"],k4=["src"],z4=["title","aria-label","onClick"],b4=["title","aria-label","onClick"],y4=["title","onClick"],x4=["onClick"],w4=["title","onClick"],M4={key:0,class:"mb-2 flex flex-wrap justify-end gap-1.5"},B4=["src","alt"],V4={class:"max-w-40 truncate"},E4={key:0,class:"shrink-0 text-zinc-400"},N4={key:1,class:"shrink-0 text-zinc-400"},S4=["title","onClick"],L4={class:"wpic-chat-panel__composer rounded-xl border border-zinc-200 bg-zinc-50 transition-colors focus-within:border-[var(--wpic-primary)]/50 dark:border-zinc-700 dark:bg-zinc-700"},D4={key:0,class:"mx-2 mt-2 overflow-hidden rounded-lg bg-white shadow-sm ring-1 ring-zinc-200 dark:bg-zinc-800 dark:ring-zinc-600"},F4=["onMousedown"],$4={class:"min-w-0 truncate font-medium text-zinc-900 dark:text-zinc-100"},A4={key:0,class:"max-w-32 shrink-0 truncate text-xs text-zinc-500 dark:text-zinc-400"},T4=["accept"],H4=["value","placeholder","disabled"],P4={class:"flex items-center justify-between px-2 pb-2"},j4=["disabled","title"],W4=["title"],R4=["disabled","title"],z2=80,I4=e.defineComponent({__name:"WChatPanel",props:{open:{type:Boolean},messages:{},mentionItems:{default:()=>[]},projects:{default:()=>[]},sessions:{default:()=>[]},modelValue:{default:""},title:{default:"Chat"},subtitle:{default:""},selectedProjectId:{default:null},selectedSessionId:{default:null},placeholder:{default:"Ask anything..."},emptyTitle:{default:"How can I help?"},emptyDescription:{default:""},noProjectsLabel:{default:"No projects yet"},noConversationsLabel:{default:"No conversations yet"},allLabel:{default:"All"},recentLabel:{default:"Recent"},projectsLabel:{default:"Projects"},conversationsLabel:{default:"Conversations"},sendLabel:{default:"Send"},newLabel:{default:"New chat"},newProjectLabel:{default:"New project"},newConversationLabel:{default:"New conversation"},renameProjectLabel:{default:"Rename project"},renameConversationLabel:{default:"Rename conversation"},deleteProjectLabel:{default:"Delete project"},deleteConversationLabel:{default:"Delete conversation"},clearLabel:{default:"Clear"},copyLabel:{default:"Copy"},copiedLabel:{default:"Copied"},newChatFromMessageLabel:{default:"Start new chat from this message"},attachFilesLabel:{default:"Attach files"},removeAttachmentLabel:{default:"Remove attachment"},stopLabel:{default:"Stop"},applyPromptLabel:{default:"Apply prompt"},applyAllLabel:{default:"Apply all"},applySettingLabel:{default:"Apply setting"},thinkingLabel:{default:"Thinking..."},dockLabel:{default:"Dock"},undockLabel:{default:"Undock"},closeLabel:{default:"Close"},helpfulLabel:{default:"Helpful"},notHelpfulLabel:{default:"Not helpful"},attachments:{default:()=>[]},accept:{default:""},customAttachmentPicker:{type:Boolean,default:!1},showNavigator:{type:Boolean,default:!0},hideNewConversation:{type:Boolean,default:!1},hideClear:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},cancellable:{type:Boolean,default:!1},docked:{type:Boolean,default:!1},maximized:{type:Boolean,default:!1},maximizedMargin:{default:20},width:{default:420},height:{default:560},x:{default:-1},y:{default:-1},topOffset:{default:0},minWidth:{default:340},minHeight:{default:400},zIndex:{default:80},variant:{default:"default"}},emits:["close","send","clear","new","new-project","new-conversation","select-project","select-session","rename-project","rename-session","delete-project","delete-session","move-session","edit-message","new-chat-from-message","message-feedback","apply-message-proposal","navigate","cancel","attach","files-selected","remove-attachment","update:modelValue","update:docked","update:maximized","update:width","update:height","update:x","update:y"],setup(n,{emit:d}){const t=n,o=d,s=e.useSlots(),l=e.ref(null),a=e.ref(null),m=e.ref(null),v=e.ref(null),p=e.ref(null),c=e.ref(null),E=e.ref(0),y=e.ref(0),V=e.ref(!1),w=e.ref(null),z=e.ref(null);let f=null;const F=e.ref(!1),q=e.ref(!1),t1=e.ref(!1);e.ref(new Set);const P=e.ref(null),Z=e.ref(null),B=e.ref({}),A=e.ref(null);let L=null,M=null;function U(){M?.disconnect(),M=null;const r=a.value,i=p.value;if(!r||!i||typeof ResizeObserver>"u")return;const u=()=>i.style.setProperty("--wpic-chat-footer-height",`${r.getBoundingClientRect().height}px`);u(),M=new ResizeObserver(u),M.observe(r)}const O=e.computed(()=>A.value?[]:t.messages.filter(r=>r.role!=="system")),i1=e.computed(()=>t.loading||A.value!==null),j=e.computed(()=>t.modelValue.trim().length>0&&!t.loading),J=e.computed(()=>t.attachments.length>0),W=e.computed(()=>{const r=t.modelValue.slice(0,y.value),i=r.match(/(?:^|\s)@([^\s@]*)$/);return i?{start:r.length-i[0].length+(i[0].startsWith(" ")?1:0),query:i[1].toLowerCase()}:null}),l1=e.computed(()=>{const r=W.value;if(!r)return[];const i=r.query;return t.mentionItems.filter(u=>u.label.toLowerCase().includes(i)).slice(0,6)}),s1=e.computed(()=>t.showNavigator&&V.value),N=e.computed(()=>t.selectedProjectId??null),X=e.computed(()=>t.sessions.filter(r=>!r.projectId)),k=e.computed(()=>{const r=new Map;for(const i of t.projects)r.set(i.id,[]);for(const i of t.sessions){if(!i.projectId)continue;const u=r.get(i.projectId);u&&u.push(i)}return r});function D(r){const i=r.toLowerCase();if(i.includes("doubao-seedance-1-5-pro-251215")||i.includes("doubao seedance 1.5")||i.includes("seedance 1.5")||i.includes("seedance video"))return"jimeng:doubao-seedance-1-5-pro-251215";if(i.includes("imagen 4")||i.includes("imagen-4"))return"google:imagen-4.0-generate-001";if(i.includes("gpt-image-1")||i.includes("gpt image 1"))return"openai:gpt-image-1";if(i.includes("gpt-image-2")||i.includes("gpt image 2"))return"openai:gpt-image-2";if(i.includes("doubao-seedream-4-5-251128"))return"jimeng:doubao-seedream-4-5-251128";if(i.includes("doubao-seedream-4-0-250828"))return"jimeng:doubao-seedream-4-0-250828";if(i.includes("doubao seedream 5")||i.includes("seedream 5")||i.includes("doubao seedream 4.5")||i.includes("seedream 4.5"))return"jimeng:doubao-seedream-4-5-251128";if(i.includes("doubao seedream 4")||i.includes("seedream 4"))return"jimeng:doubao-seedream-4-0-250828";if(i.includes("auto"))return"auto";const u=r.match(/\b([a-z][a-z0-9_-]+):([a-z0-9._-]+)\b/i);if(u)return`${u[1].toLowerCase()}:${u[2]}`}function K(r){if(r!=="auto"){if(r.includes("seedance"))return"video";if(r.includes("gpt-image")||r.includes("imagen")||r.includes("seedream")||r.includes("jimeng:"))return"image"}}function e1(r){const i=[],u=new Set,g=/\b(gpt[-\s]?image[-\s]?[12]|imagen\s*4|doubao\s+seedance\s+1\.5(?:\s+pro)?|seedance\s+1\.5(?:\s+pro)?|doubao\s+seedream\s+(?:5(?:\.0)?|4\.5|4)|seedream\s+(?:5(?:\.0)?|4\.5|4)|[a-z][a-z0-9_-]+:[a-z0-9._-]+|auto)\b/gi;for(const h of r.matchAll(g)){const b=h[1],I=D(b);!I||u.has(I)||(u.add(I),i.push({label:b,value:I}))}return i}function r1(r,i){return r.match(new RegExp(`${i}=["']([^"']+)["']`,"i"))?.[1]}function h1(r){const i={};for(const g of r.matchAll(/\[SETTING\s+([^\]]+)\]([\s\S]*?)\[\/SETTING\]/gi)){const h=g[1]??"",b=r1(h,"key"),I=r1(h,"value")??g[2]?.trim();if(!(!b||!I))if(b==="duration"||b==="fps"||b==="count"){const Y=Number(I);Number.isFinite(Y)&&(i[b]=Y)}else if(b==="model"){const Y=D(I)??D(g[2]?.trim()??"");Y&&(i.model=Y)}else(b==="aspect"||b==="resolution"||b==="format")&&(i[b]=I)}const u=r.split(/\r?\n/).map(g=>g.replace(/^[\s>*-]+/,"").trim()).filter(Boolean);for(const g of u){const h=g.toLowerCase();if(/(supporte|supports?|disponible|available|dur[eé]es?\s*:|ratios?\s*:|jusqu['’]?à|up to)/i.test(h))continue;const b=g.split(":").slice(1).join(":").trim()||g,I=b.match(/\b(\d{1,2}:\d{1,2})\b/);(h.includes("format")||h.includes("aspect")||h.includes("ratio"))&&I&&(i.aspect=I[1]);const Y=b.match(/\b([1248]K)\b/i);(h.includes("résolution")||h.includes("resolution"))&&Y&&(i.resolution=Y[1].toUpperCase());const _=b.match(/\b(\d{1,3})\s*(?:s|sec|secondes?|seconds?)\b/i);(h.includes("durée")||h.includes("duration"))&&_&&(i.duration=Number(_[1]));const a1=b.match(/\b(\d{1,3})\s*fps\b/i);h.includes("fps")&&a1&&(i.fps=Number(a1[1]));const o1=b.match(/\b(\d{1,2})\b/);if((h.includes("count")||h.includes("nombre")||h.includes("variantes"))&&o1&&(i.count=Number(o1[1])),h.includes("modèle")||h.includes("modele")||h.includes("model")){const v1=D(b);v1&&(i.model=v1)}h.includes("jpg")||h.includes("jpeg")?i.format="jpg":h.includes("png")?i.format="png":h.includes("webp")&&(i.format="webp")}return Object.keys(i).length?i:void 0}function x(r){const i=r.match(/\[TASK(?:\s+([^\]]+))?\](?:([\s\S]*?)\[\/TASK\])?/i);if(i){const g=(r1(i[1]??"","value")??i[2]?.trim())?.toLowerCase();if(["image","video","audio","text"].includes(String(g)))return g}const u=r.split(/\r?\n/).map(g=>g.replace(/^[\s>*-]+/,"").trim()).filter(Boolean);for(const g of u){const h=g.toLowerCase(),b=g.split(":").slice(1).join(":").trim().toLowerCase()||h;if(/(task|type|mode|surface|format|réglage|reglage|setting)/i.test(h)){if(/\baudio\b|subtitles?|sous-titres?|transcri|tts|voice|voix/.test(b))return"audio";if(/\bvid[eé]o\b|\bvideo\b|\bfps\b|duration|dur[eé]e/.test(b))return"video";if(/\bimage\b|photo|visuel|illustration|aspect|ratio|resolution|résolution/.test(b))return"image";if(/\btext\b|texte|copy|caption|script/.test(b))return"text"}}}function T(r){const i=r.match(/\[PROMPT\]([\s\S]*?)\[\/PROMPT\]/i)?.[1];if(i){const _=B1(i).trim().replace(/^["“]|["”]$/g,"");if(_)return _}const u=r.replace(/\r\n/g,`
+`),$=new Blob([`\uFEFF${T}`],{type:"text/csv;charset=utf-8"}),G=URL.createObjectURL($),Q=document.createElement("a");Q.href=G,Q.download=o.downloadFilename||"spreadsheet.csv",Q.click(),URL.revokeObjectURL(G)}function F(x,T=!0){if(c.value===x)return;const $=performance.now();console.debug(`[WSpreadsheet] ${x?"expand":"minimize"} requested`),c.value=x,T&&s("update:expanded",x),requestAnimationFrame(()=>requestAnimationFrame(()=>{console.debug(`[WSpreadsheet] ${x?"expand":"minimize"} painted in ${(performance.now()-$).toFixed(1)}ms`)}))}e.watch(()=>o.expanded,x=>{x!=null&&F(x,!1)}),e.watch(()=>o.downloadRequest,(x,T)=>{x!=null&&x!==T&&f()}),d({expand:()=>{o.expandable&&F(!0)},collapse:()=>{F(!1)},toggleExpanded:()=>{o.expandable&&F(!c.value)},download:f});function q(x){x.key==="Escape"&&c.value&&F(!1)}function t1(x){if(x.target?.closest(".w-spreadsheet__cell")?.querySelector(".w-spreadsheet__input"))return;w.value=null,z.value=null;const G=document.activeElement;G&&E.value?.contains(G)&&G.blur()}e.onMounted(()=>{document.addEventListener("keydown",q),document.addEventListener("pointerdown",t1)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",q),document.removeEventListener("pointerdown",t1),window.removeEventListener("pointerup",D)});function P(x,T){return x.cells.find($=>$.key===T)?.value??""}function Z(x){if(typeof x=="number")return x;const T=String(x).trim().replace(/[\s,]/g,"");return T!==""&&/^-?\d+(\.\d+)?$/.test(T)?Number(T):String(x).toLocaleLowerCase()}const B=e.computed(()=>{if(!v.value)return o.rows;const x=o.rows.filter(G=>G.sortable!==!1),T=p.value==="asc"?1:-1;x.sort((G,Q)=>{const S=Z(P(G,v.value)),H=Z(P(Q,v.value));return typeof S=="number"&&typeof H=="number"?(S-H)*T:String(S).localeCompare(String(H),void 0,{numeric:!0})*T});let $=0;return o.rows.map(G=>G.sortable===!1?G:x[$++])});function A(x){const T=o.columns.find($=>$.key===x.key);return!!(o.sortable&&x.variant==="header"&&T?.sortable!==!1)}function L(x){A(x)&&(v.value===x.key?p.value=p.value==="asc"?"desc":"asc":(v.value=x.key,p.value="asc"))}function M(x,T){return x.cells.slice(0,T).reduce(($,G)=>$+(G.colspan||1),0)}function U(x,T){return!!o.columns[M(x,T)]?.sticky}function O(x,T){const $=M(x,T);return!!(o.columns[$]?.sticky&&!o.columns.slice(0,$).some(G=>G.sticky))}function i1(x,T){const $=M(x,T);if(!o.columns[$]?.sticky)return;const G=o.columns.slice(0,$).map(Q=>Q.width||"0px");return{left:G.length?`calc(${G.join(" + ")})`:"0px"}}function j(x,T){return`${x.key}\0${T.key}`}function J(x,T){!T.editable||y.value||(w.value={rowKey:x.key,cellKey:T.key},z.value=null)}function W(x,T){return w.value?.rowKey===x.key&&w.value?.cellKey===T.key}function l1(x,T,$){const G=B.value[x];!o.fillHandle||!$.editable||!G||!W(G,$)||(z.value=null,y.value={row:x,cell:T,value:String($.value??"")},V.value={row:x,cell:T},window.addEventListener("pointerup",D,{once:!0}))}function s1(x,T){y.value&&(V.value={row:x,cell:T})}function N(x,T){if(!y.value||!V.value)return!1;const $=Math.min(y.value.row,V.value.row),G=Math.max(y.value.row,V.value.row),Q=Math.min(y.value.cell,V.value.cell),S=Math.max(y.value.cell,V.value.cell);return x>=$&&x<=G&&T>=Q&&T<=S}function X(x,T){if(!N(x,T)||!y.value||!V.value)return{};const $=Math.min(y.value.row,V.value.row),G=Math.max(y.value.row,V.value.row),Q=Math.min(y.value.cell,V.value.cell),S=Math.max(y.value.cell,V.value.cell);return{"w-spreadsheet__cell--fill-range":!0,"w-spreadsheet__cell--fill-top":x===$,"w-spreadsheet__cell--fill-bottom":x===G,"w-spreadsheet__cell--fill-left":T===Q,"w-spreadsheet__cell--fill-right":T===S}}function k(x,T){const $=j(x,T);return{"w-spreadsheet__cell--fill-completed":!!z.value?.cells.has($),"w-spreadsheet__cell--fill-source":z.value?.source===$}}function D(){if(!y.value||!V.value)return;const x=y.value,T=V.value,$=Math.min(x.row,T.row),G=Math.max(x.row,T.row),Q=Math.min(x.cell,T.cell),S=Math.max(x.cell,T.cell),H=new Set,R=B.value[x.row],c1=R?.cells[x.cell];for(let p1=$;p1<=G;p1++){const x1=B.value[p1];if(x1)for(let B1=Q;B1<=S;B1++){const w1=x1.cells[B1];w1?.editable&&(H.add(j(x1,w1)),s("cell-change",{rowKey:x1.key,cellKey:w1.key,value:x.value,row:x1,cell:w1}))}}y.value=null,V.value=null,z.value=R&&c1?{cells:H,source:j(R,c1)}:null}function K(x){let T=x+1,$="";for(;T>0;)T-=1,$=String.fromCharCode(65+T%26)+$,T=Math.floor(T/26);return $}function e1(x){return[`w-spreadsheet__cell--${x.variant||"default"}`,`w-spreadsheet__cell--${x.align||"left"}`,`w-spreadsheet__cell--tone-${x.tone||"default"}`,{"w-spreadsheet__cell--wrap":!!x.wrap},x.class||""]}function r1(x,T,$){const G=$.target.value;s("cell-change",{rowKey:x.key,cellKey:T.key,value:G,row:x,cell:T})}function h1(x){const $=x.currentTarget.previousElementSibling;$?.focus(),$?.showPicker?.()}return(x,T)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"frameRef",ref:E,class:e.normalizeClass(["w-spreadsheet-frame",{"w-spreadsheet-frame--expanded":c.value}])},[c.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"w-spreadsheet-frame__backdrop","aria-label":"Restore spreadsheet",onClick:T[0]||(T[0]=$=>F(!1))})):e.createCommentVNode("",!0),e.createElementVNode("div",Q0,[n.expandable&&(n.showExpandButton!==!1||c.value)||n.downloadable&&(n.showDownloadButton!==!1||c.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["w-spreadsheet-frame__toolbar",{"w-spreadsheet-frame__toolbar--hover":n.actionsOnHover&&!c.value}])},[c.value&&x.$slots["expanded-header"]?(e.openBlock(),e.createElementBlock("div",J0,[e.renderSlot(x.$slots,"expanded-header")])):e.createCommentVNode("",!0),x.$slots["toolbar-status"]?(e.openBlock(),e.createElementBlock("div",X0,[e.renderSlot(x.$slots,"toolbar-status")])):e.createCommentVNode("",!0),e.renderSlot(x.$slots,"toolbar"),n.downloadable&&(n.showDownloadButton!==!1||c.value)?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",class:"w-spreadsheet-frame__expand",title:"Download spreadsheet","aria-label":"Download spreadsheet",onClick:f},[e.createVNode(e.unref(C.Download),{size:16})])):e.createCommentVNode("",!0),n.expandable&&(n.showExpandButton!==!1||c.value)?(e.openBlock(),e.createElementBlock("button",{key:3,type:"button",class:"w-spreadsheet-frame__expand",title:c.value?"Restore spreadsheet":"Expand spreadsheet","aria-label":c.value?"Restore spreadsheet":"Expand spreadsheet",onClick:T[1]||(T[1]=$=>F(!c.value))},[c.value?(e.openBlock(),e.createBlock(e.unref(C.Minimize),{key:0,size:16})):(e.openBlock(),e.createBlock(e.unref(C.Expand),{key:1,size:16}))],8,G0)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),n.loading?(e.openBlock(),e.createElementBlock("div",_0,[e.createVNode(O1),T[2]||(T[2]=e.createElementVNode("span",null,"Preparing sales estimate…",-1))])):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["w-spreadsheet",{"w-spreadsheet--with-column-axis":l.value}]),style:e.normalizeStyle({maxHeight:c.value?"calc(100vh - 96px)":n.maxHeight})},[e.createElementVNode("table",{class:e.normalizeClass(["w-spreadsheet__table",{"w-spreadsheet__table--sticky-columns":m.value}]),style:e.normalizeStyle({minWidth:n.minWidth})},[e.createElementVNode("colgroup",null,[a.value?(e.openBlock(),e.createElementBlock("col",e3)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,$=>(e.openBlock(),e.createElementBlock("col",{key:$.key,style:e.normalizeStyle({width:$.width})},null,4))),128))]),l.value?(e.openBlock(),e.createElementBlock("thead",n3,[e.createElementVNode("tr",null,[a.value?(e.openBlock(),e.createElementBlock("th",t3)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,($,G)=>(e.openBlock(),e.createElementBlock("th",{key:$.key,class:"w-spreadsheet__axis"},e.toDisplayString($.label||K(G)),1))),128))])])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,($,G)=>(e.openBlock(),e.createElementBlock("tr",{key:$.key,class:e.normalizeClass({"w-spreadsheet__row--sticky":$.sticky})},[a.value?(e.openBlock(),e.createElementBlock("th",l3,e.toDisplayString(G+1),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.cells,(Q,S)=>(e.openBlock(),e.createElementBlock("td",{key:Q.key,class:e.normalizeClass(["w-spreadsheet__cell",[e1(Q),{"w-spreadsheet__cell--sortable":A(Q),"w-spreadsheet__cell--sticky":U($,S),"w-spreadsheet__cell--sticky-first":O($,S),"w-spreadsheet__cell--active":W($,Q)},X(G,S),k($,Q)]]),colspan:Q.colspan||1,title:Q.title,style:e.normalizeStyle(i1($,S)),tabindex:A(Q)?0:void 0,onClick:H=>L(Q),onKeydown:[e.withKeys(e.withModifiers(H=>L(Q),["prevent"]),["enter"]),e.withKeys(e.withModifiers(H=>L(Q),["prevent"]),["space"])],onPointerenter:H=>s1(G,S),onPointerdown:H=>J($,Q)},[e.renderSlot(x.$slots,`cell-${Q.key}`,{row:$,cell:Q,rowIndex:G},()=>[Q.editable?(e.openBlock(),e.createElementBlock("div",a3,[e.createElementVNode("input",{class:e.normalizeClass(["w-spreadsheet__input",{"w-spreadsheet__input--date":Q.inputType==="date"}]),type:Q.inputType||"text",value:Q.value??"",min:Q.min,placeholder:Q.placeholder,onInput:H=>r1($,Q,H)},null,42,o3),Q.inputType==="date"?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"w-spreadsheet__calendar","aria-label":"Choose date",title:"Choose date",onClick:h1},[e.createVNode(e.unref(C.CalendarDays),{size:16})])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(Q.value??""),1)],64))]),A(Q)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value===Q.key?p.value==="asc"?e.unref(C.ChevronUp):e.unref(C.ChevronDown):e.unref(C.ChevronsUpDown)),{key:0,class:"w-spreadsheet__sort-icon",size:14})):e.createCommentVNode("",!0),n.fillHandle&&Q.editable&&W($,Q)?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"w-spreadsheet__fill-handle","aria-label":"Fill adjacent cells",title:"Drag to fill adjacent cells",onPointerdown:e.withModifiers(H=>l1(G,S,Q),["stop","prevent"])},null,40,r3)):e.createCommentVNode("",!0)],46,c3))),128))],2))),128))])],6)],6))])],2))}}),b1=(n,d)=>{const t=n.__vccOpts||n;for(const[o,s]of d)t[o]=s;return t},s3={},d3={class:"min-w-40 rounded-lg bg-white p-1.5 shadow-md shadow-zinc-900/5 dark:bg-zinc-700 dark:shadow-black/20"};function u3(n,d){return e.openBlock(),e.createElementBlock("div",d3,[e.renderSlot(n.$slots,"default")])}const c2=b1(s3,[["render",u3]]),m3=["disabled"],L1=e.defineComponent({__name:"WActionMenuItem",props:{danger:{type:Boolean},disabled:{type:Boolean}},emits:["click"],setup(n,{emit:d}){const t=d;return(o,s)=>(e.openBlock(),e.createElementBlock("button",{type:"button",disabled:n.disabled,onClick:s[0]||(s[0]=l=>t("click",l)),class:e.normalizeClass(["flex h-8 w-full items-center gap-2 rounded-md px-2 text-left font-medium transition disabled:cursor-not-allowed disabled:opacity-40",n.danger?"text-red-500 hover:bg-red-50 dark:hover:bg-red-950/30":"text-zinc-600 hover:bg-zinc-100 hover:text-zinc-900 dark:text-zinc-100 dark:hover:bg-zinc-600 dark:hover:text-white"])},[e.renderSlot(o.$slots,"default")],10,m3))}}),w2={light:{trendPositive:"#15803D",trendNegative:"#DB2777",canvas:"#F8F8F8",surface:"#FFFFFF",input:"#FFFFFF",raised:"#F2F3EF",popover:"#FFFFFF",border:"rgb(32 33 29 / 0.07)",borderHover:"rgb(32 33 29 / 0.16)",text:"#20211D",muted:"#64675C",dim:"#707467",accent:"#85C531",onAccent:"#17210B",primary:"#171717",primaryHover:"#303030",onPrimary:"#FFFFFF",secondary:"#EFEFEF",secondaryHover:"#E3E3E3",onSecondary:"#20211D",secondaryShadow:"none",switchOn:"linear-gradient(35deg, #32dc08 0%, #9de400 48%, #e9e600 100%)",switchOff:"#D4D4D8",switchDisabled:"#E4E4E7",switchThumb:"#FFFFFF",focusRing:"color-mix(in srgb, var(--wpic-accent) 18%, transparent)",positive:"#85C531",negative:"#B94238"},dark:{trendPositive:"#86EFAC",trendNegative:"#FDA4AF",canvas:"#090A05",surface:"#151515",input:"#151515",raised:"#2A2A28",popover:"#1F201D",border:"rgb(255 255 255 / 0.06)",borderHover:"rgb(255 255 255 / 0.14)",text:"#F5F5F5",muted:"#B4B4B4",dim:"#969696",accent:"#85C531",onAccent:"#17210B",primary:"#FFFFFF",primaryHover:"#E8E8E8",onPrimary:"#171717",secondary:"linear-gradient(180deg, #3A3B36, #30312D)",secondaryHover:"linear-gradient(180deg, #40413B, #353630)",onSecondary:"#F5F5F5",secondaryShadow:"inset 0 1px 0 rgb(255 255 255 / 0.15), 0 1px 2px rgb(0 0 0 / 0.12)",switchOn:"linear-gradient(35deg, #32dc08 0%, #9de400 48%, #e9e600 100%)",switchOff:"#343530",switchDisabled:"#252525",switchThumb:"#FFFFFF",focusRing:"color-mix(in srgb, var(--wpic-accent) 18%, transparent)",positive:"#85C531",negative:"#F0A09A"}},h3={light:["#3B73E1","#0891A6","#8B5CD6","#C58A16","#D64D79","#527FA8"],dark:["#7C9FE0","#5FB8C4","#AF94D5","#D8B26A","#D88FA5","#94A8BD"]};function M2(n,d={}){const t={...w2[n],...d},o={};for(const[s,l]of Object.entries(t))o[`--wpic-${s.replace(/[A-Z]/g,a=>`-${a.toLowerCase()}`)}`]=l;return Object.assign(o,{"--bg-main":t.canvas,"--bg-card":t.surface,"--bg-input":t.input,"--border-subtle":t.border,"--border-strong":t.border,"--border-hover":t.borderHover,"--text-main":t.text,"--text-muted":t.muted,"--text-dim":t.dim,"--wpic-primary":t.accent,"--wpic-primary-hover":t.accent,"--wpic-control-height":"36px","--wpic-table-border":n==="light"?`color-mix(in srgb, ${t.text} 11.5%, ${t.surface})`:t.border,"--wpic-segment-active":n==="dark"?t.secondaryHover:t.surface,"--wpic-segment-shadow":n==="dark"?t.secondaryShadow:`inset 0 0 0 1px ${t.border}, 0 1px 2px rgb(0 0 0 / 0.08)`,"--wpic-button-primary":t.primary,"--wpic-button-primary-hover":t.primaryHover}),o}const B2=Symbol("wpic-theme");function T1(){return e.inject(B2,e.computed(()=>null))}const p3=["data-wpic-theme"],y1=e.defineComponent({__name:"WPopover",props:{open:{type:Boolean},anchor:{},placement:{},width:{},minWidth:{},height:{},minHeight:{},maxHeight:{},panelScroll:{type:Boolean,default:!0},offset:{},matchAnchorWidth:{type:Boolean},freezePositionOnOpen:{type:Boolean,default:!0},flip:{type:Boolean,default:!0},zIndex:{default:9999},extraPanels:{}},emits:["close"],setup(n,{emit:d}){const t=n,o=T1(),s=d,l=Symbol.for("wpic-ui-popover-descendants"),a=e.inject(l,null),m=new Set;e.provide(l,{add(M){m.add(M),a?.add(M)},remove(M){m.delete(M),a?.remove(M)}});const v=e.computed(()=>{const M=t.anchor;return M?e.isRef(M)?M.value:M:null}),p=e.ref(null),c=e.ref(null),E=e.computed(()=>c.value??t.placement??"bottom-start"),y=e.computed(()=>{const M=[n1.offset(t.offset??6)];return t.flip&&!c.value&&M.push(n1.flip()),M.push(n1.shift({padding:4})),M.push(n1.size({padding:8,apply({availableHeight:U,rects:O,elements:i1}){const j=Math.max(U-8,50),W={maxHeight:t.maxHeight?`min(${t.maxHeight}, ${j}px)`:`${j}px`,overflowY:t.panelScroll?"auto":"hidden"};if(t.height&&(W.height=`min(${t.height}, ${j}px)`),t.minHeight&&(W.minHeight=`min(${t.minHeight}, ${j}px)`),t.matchAnchorWidth){const l1=`${O.reference.width}px`;W.width=l1,W.minWidth=l1}Object.assign(i1.floating.style,W)}})),M}),{floatingStyles:V,placement:w,update:z,isPositioned:f}=n1.useFloating(v,p,{placement:E,strategy:"fixed",open:e.computed(()=>t.open),whileElementsMounted:n1.autoUpdate,middleware:y}),F=e.computed(()=>{const M=w.value;return M.startsWith("top")?"bottom":M.startsWith("bottom")?"top":M.startsWith("left")?"right":M.startsWith("right")?"left":"top"}),q=M=>{const U=M.target,O=v.value,i1=p.value;i1&&i1.contains(U)||[...m].some(j=>j.contains(U))||O&&O.contains(U)||t.extraPanels?.some(j=>j?.contains(U))||s("close")},t1=M=>{if(M.key!=="Escape"||!t.open||[...m].some(O=>O.isConnected&&O.style.display!=="none"))return;M.preventDefault(),M.stopImmediatePropagation(),s("close");const U=v.value;U?.matches("button, input, [tabindex]")?U.focus():U?.querySelector("button, input, [tabindex]")?.focus()};let P=!1,Z=!1;function B(){Z||(document.addEventListener("pointerdown",q,!0),document.addEventListener("keydown",t1,!0),Z=!0)}function A(){Z&&(document.removeEventListener("pointerdown",q,!0),document.removeEventListener("keydown",t1,!0),Z=!1)}e.watch(()=>t.open,M=>{M?e.nextTick(()=>{P||!t.open||(z(),B())}):(c.value=null,A())},{immediate:!0}),e.watch(p,(M,U)=>{U&&a?.remove(U),M&&a?.add(M)}),e.watch(f,M=>{M&&t.open&&t.freezePositionOnOpen&&!c.value&&(c.value=w.value)}),e.onBeforeUnmount(()=>{P=!0,A(),p.value&&a?.remove(p.value)});const L=e.computed(()=>({...t.matchAnchorWidth?{}:{width:t.width??"auto"},...t.minWidth?{minWidth:t.minWidth}:{},transformOrigin:F.value,zIndex:t.zIndex}));return(M,U)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",class:"wpic-popover"},[e.withDirectives(e.createElementVNode("div",{ref_key:"floatingEl",ref:p,"data-wpic-theme":e.unref(o)?.mode,class:e.normalizeClass([{"wpic-theme":e.unref(o),dark:e.unref(o)?.mode==="dark"},"wpic-popover-panel flex flex-col bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-xl shadow-xl dark:shadow-black/40 overflow-hidden"]),style:e.normalizeStyle([e.unref(o)?.variables,e.unref(V),L.value])},[e.renderSlot(M.$slots,"default")],14,p3),[[e.vShow,n.open]])]))}}),v3={key:0,class:"fixed right-0 top-0 z-[9997] flex h-full w-20 items-center justify-center border-l-2 border-[var(--wpic-primary)] bg-[var(--wpic-primary)]/10 text-[var(--wpic-primary)] pointer-events-none"},f3=["data-variant","data-maximized"],C3=["title"],g3={class:"min-w-0 flex-1 px-2 text-center"},k3={class:"truncate font-medium text-zinc-700 dark:text-zinc-200"},z3={key:0,class:"truncate text-zinc-500 dark:text-zinc-400"},b3={class:"flex shrink-0 items-center gap-1"},y3=["title"],x3=["title"],w3=["title"],M3=["title"],B3={class:"flex h-11 shrink-0 items-center justify-between px-3"},V3={class:"font-medium text-zinc-700 dark:text-zinc-200"},E3=["title"],N3={class:"space-y-2 px-3 pb-3"},S3={class:"truncate"},L3={class:"flex-1 overflow-y-auto overflow-x-visible px-2 pb-3"},D3={class:"mb-2 flex h-7 items-center justify-between px-2 font-medium text-zinc-500 dark:text-zinc-400"},F3={class:"truncate"},$3=["title"],A3={class:"space-y-0.5"},T3={key:0,class:"rounded-lg border border-dashed border-zinc-200 px-2 py-2 text-zinc-500 dark:border-zinc-700 dark:text-zinc-400"},H3=["onMouseenter"],P3=["onClick"],j3={class:"min-w-0 flex-1 truncate"},W3={key:0,class:"shrink-0 text-zinc-400"},R3={key:0,class:"px-3 py-2 text-zinc-400 dark:text-zinc-500"},I3=["onPointerdown","onClick"],Z3={class:"min-w-0 flex-1 truncate"},U3={class:"shrink-0 text-zinc-400"},K3={class:"mt-4"},O3={class:"flex h-7 items-center px-2 font-medium text-zinc-500 dark:text-zinc-400"},Y3={class:"truncate"},q3={class:"space-y-0.5"},Q3={key:0,class:"rounded-lg border border-dashed border-zinc-200 px-2 py-2 text-zinc-500 dark:border-zinc-700 dark:text-zinc-400"},J3=["onPointerdown","onClick"],X3={class:"block truncate"},G3={class:"shrink-0 text-zinc-400"},_3=["onClick"],e4=["onPointerenter","onMouseenter"],n4={class:"truncate"},t4={class:"flex min-h-0 flex-1"},l4={class:"flex min-w-0 flex-1 flex-col"},c4={key:0,class:"flex h-full flex-col items-center justify-center px-5 text-center text-zinc-500 dark:text-zinc-400"},a4={class:"font-medium"},o4={key:1,class:"flex h-full flex-col items-center justify-center px-5 text-center"},r4={class:"mb-3 flex h-11 w-11 items-center justify-center rounded-xl bg-zinc-100 text-zinc-500 dark:bg-zinc-700 dark:text-zinc-300"},i4={class:"font-semibold text-zinc-800 dark:text-zinc-100"},s4={key:0,class:"mt-1 max-w-xs text-zinc-500 dark:text-zinc-400"},d4={key:2,class:"space-y-4"},u4={class:"max-w-[82%]"},m4=["src","alt"],h4={class:"max-w-40 truncate"},p4={key:0,class:"shrink-0 text-zinc-400"},v4={key:0,class:"flex items-center gap-2 text-zinc-500 dark:text-zinc-400"},f4={key:1,class:"wpic-chat-loading-card",role:"status","aria-label":"Generating image"},C4=["innerHTML","onClick"],g4=["href","onClick"],k4=["src"],z4=["title","aria-label","onClick"],b4=["title","aria-label","onClick"],y4=["title","onClick"],x4=["onClick"],w4=["title","onClick"],M4={key:0,class:"mb-2 flex flex-wrap justify-end gap-1.5"},B4=["src","alt"],V4={class:"max-w-40 truncate"},E4={key:0,class:"shrink-0 text-zinc-400"},N4={key:1,class:"shrink-0 text-zinc-400"},S4=["title","onClick"],L4={class:"wpic-chat-panel__composer rounded-xl border border-zinc-200 bg-zinc-50 transition-colors focus-within:border-[var(--wpic-primary)]/50 dark:border-zinc-700 dark:bg-zinc-700"},D4={key:0,class:"mx-2 mt-2 overflow-hidden rounded-lg bg-white shadow-sm ring-1 ring-zinc-200 dark:bg-zinc-800 dark:ring-zinc-600"},F4=["onMousedown"],$4={class:"min-w-0 truncate font-medium text-zinc-900 dark:text-zinc-100"},A4={key:0,class:"max-w-32 shrink-0 truncate text-xs text-zinc-500 dark:text-zinc-400"},T4=["accept"],H4=["value","placeholder","disabled"],P4={class:"flex items-center justify-between px-2 pb-2"},j4=["disabled","title"],W4=["title"],R4=["disabled","title"],z2=80,I4=e.defineComponent({__name:"WChatPanel",props:{open:{type:Boolean},messages:{},mentionItems:{default:()=>[]},projects:{default:()=>[]},sessions:{default:()=>[]},modelValue:{default:""},title:{default:"Chat"},subtitle:{default:""},selectedProjectId:{default:null},selectedSessionId:{default:null},placeholder:{default:"Ask anything..."},emptyTitle:{default:"How can I help?"},emptyDescription:{default:""},noProjectsLabel:{default:"No projects yet"},noConversationsLabel:{default:"No conversations yet"},allLabel:{default:"All"},recentLabel:{default:"Recent"},projectsLabel:{default:"Projects"},conversationsLabel:{default:"Conversations"},sendLabel:{default:"Send"},newLabel:{default:"New chat"},newProjectLabel:{default:"New project"},newConversationLabel:{default:"New conversation"},renameProjectLabel:{default:"Rename project"},renameConversationLabel:{default:"Rename conversation"},deleteProjectLabel:{default:"Delete project"},deleteConversationLabel:{default:"Delete conversation"},clearLabel:{default:"Clear"},copyLabel:{default:"Copy"},copiedLabel:{default:"Copied"},newChatFromMessageLabel:{default:"Start new chat from this message"},attachFilesLabel:{default:"Attach files"},removeAttachmentLabel:{default:"Remove attachment"},stopLabel:{default:"Stop"},applyPromptLabel:{default:"Apply prompt"},applyAllLabel:{default:"Apply all"},applySettingLabel:{default:"Apply setting"},thinkingLabel:{default:"Thinking..."},dockLabel:{default:"Dock"},undockLabel:{default:"Undock"},closeLabel:{default:"Close"},helpfulLabel:{default:"Helpful"},notHelpfulLabel:{default:"Not helpful"},attachments:{default:()=>[]},accept:{default:""},customAttachmentPicker:{type:Boolean,default:!1},showNavigator:{type:Boolean,default:!0},hideNewConversation:{type:Boolean,default:!1},hideClear:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},cancellable:{type:Boolean,default:!1},docked:{type:Boolean,default:!1},maximized:{type:Boolean,default:!1},maximizedMargin:{default:20},width:{default:420},height:{default:560},x:{default:-1},y:{default:-1},topOffset:{default:0},minWidth:{default:340},minHeight:{default:400},zIndex:{default:80},variant:{default:"default"}},emits:["close","send","clear","new","new-project","new-conversation","select-project","select-session","rename-project","rename-session","delete-project","delete-session","move-session","edit-message","new-chat-from-message","message-feedback","apply-message-proposal","navigate","cancel","attach","files-selected","remove-attachment","update:modelValue","update:docked","update:maximized","update:width","update:height","update:x","update:y"],setup(n,{emit:d}){const t=n,o=d,s=e.useSlots(),l=e.ref(null),a=e.ref(null),m=e.ref(null),v=e.ref(null),p=e.ref(null),c=e.ref(null),E=e.ref(0),y=e.ref(0),V=e.ref(!1),w=e.ref(null),z=e.ref(null);let f=null;const F=e.ref(!1),q=e.ref(!1),t1=e.ref(!1);e.ref(new Set);const P=e.ref(null),Z=e.ref(null),B=e.ref({}),A=e.ref(null);let L=null,M=null;function U(){M?.disconnect(),M=null;const r=a.value,i=p.value;if(!r||!i||typeof ResizeObserver>"u")return;const u=()=>i.style.setProperty("--wpic-chat-footer-height",`${r.getBoundingClientRect().height}px`);u(),M=new ResizeObserver(u),M.observe(r)}const O=e.computed(()=>A.value?[]:t.messages.filter(r=>r.role!=="system")),i1=e.computed(()=>t.loading||A.value!==null),j=e.computed(()=>t.modelValue.trim().length>0&&!t.loading),J=e.computed(()=>t.attachments.length>0),W=e.computed(()=>{const r=t.modelValue.slice(0,y.value),i=r.match(/(?:^|\s)@([^\s@]*)$/);return i?{start:r.length-i[0].length+(i[0].startsWith(" ")?1:0),query:i[1].toLowerCase()}:null}),l1=e.computed(()=>{const r=W.value;if(!r)return[];const i=r.query;return t.mentionItems.filter(u=>u.label.toLowerCase().includes(i)).slice(0,6)}),s1=e.computed(()=>t.showNavigator&&V.value),N=e.computed(()=>t.selectedProjectId??null),X=e.computed(()=>t.sessions.filter(r=>!r.projectId)),k=e.computed(()=>{const r=new Map;for(const i of t.projects)r.set(i.id,[]);for(const i of t.sessions){if(!i.projectId)continue;const u=r.get(i.projectId);u&&u.push(i)}return r});function D(r){const i=r.toLowerCase();if(i.includes("doubao-seedance-1-5-pro-251215")||i.includes("doubao seedance 1.5")||i.includes("seedance 1.5")||i.includes("seedance video"))return"jimeng:doubao-seedance-1-5-pro-251215";if(i.includes("imagen 4")||i.includes("imagen-4"))return"google:imagen-4.0-generate-001";if(i.includes("gpt-image-1")||i.includes("gpt image 1"))return"openai:gpt-image-1";if(i.includes("gpt-image-2")||i.includes("gpt image 2"))return"openai:gpt-image-2";if(i.includes("doubao-seedream-4-5-251128"))return"jimeng:doubao-seedream-4-5-251128";if(i.includes("doubao-seedream-4-0-250828"))return"jimeng:doubao-seedream-4-0-250828";if(i.includes("doubao seedream 5")||i.includes("seedream 5")||i.includes("doubao seedream 4.5")||i.includes("seedream 4.5"))return"jimeng:doubao-seedream-4-5-251128";if(i.includes("doubao seedream 4")||i.includes("seedream 4"))return"jimeng:doubao-seedream-4-0-250828";if(i.includes("auto"))return"auto";const u=r.match(/\b([a-z][a-z0-9_-]+):([a-z0-9._-]+)\b/i);if(u)return`${u[1].toLowerCase()}:${u[2]}`}function K(r){if(r!=="auto"){if(r.includes("seedance"))return"video";if(r.includes("gpt-image")||r.includes("imagen")||r.includes("seedream")||r.includes("jimeng:"))return"image"}}function e1(r){const i=[],u=new Set,g=/\b(gpt[-\s]?image[-\s]?[12]|imagen\s*4|doubao\s+seedance\s+1\.5(?:\s+pro)?|seedance\s+1\.5(?:\s+pro)?|doubao\s+seedream\s+(?:5(?:\.0)?|4\.5|4)|seedream\s+(?:5(?:\.0)?|4\.5|4)|[a-z][a-z0-9_-]+:[a-z0-9._-]+|auto)\b/gi;for(const h of r.matchAll(g)){const b=h[1],I=D(b);!I||u.has(I)||(u.add(I),i.push({label:b,value:I}))}return i}function r1(r,i){return r.match(new RegExp(`${i}=["']([^"']+)["']`,"i"))?.[1]}function h1(r){const i={};for(const g of r.matchAll(/\[SETTING\s+([^\]]+)\]([\s\S]*?)\[\/SETTING\]/gi)){const h=g[1]??"",b=r1(h,"key"),I=r1(h,"value")??g[2]?.trim();if(!(!b||!I))if(b==="duration"||b==="fps"||b==="count"){const Y=Number(I);Number.isFinite(Y)&&(i[b]=Y)}else if(b==="model"){const Y=D(I)??D(g[2]?.trim()??"");Y&&(i.model=Y)}else(b==="aspect"||b==="resolution"||b==="format")&&(i[b]=I)}const u=r.split(/\r?\n/).map(g=>g.replace(/^[\s>*-]+/,"").trim()).filter(Boolean);for(const g of u){const h=g.toLowerCase();if(/(supporte|supports?|disponible|available|dur[eé]es?\s*:|ratios?\s*:|jusqu['’]?à|up to)/i.test(h))continue;const b=g.split(":").slice(1).join(":").trim()||g,I=b.match(/\b(\d{1,2}:\d{1,2})\b/);(h.includes("format")||h.includes("aspect")||h.includes("ratio"))&&I&&(i.aspect=I[1]);const Y=b.match(/\b([1248]K)\b/i);(h.includes("résolution")||h.includes("resolution"))&&Y&&(i.resolution=Y[1].toUpperCase());const _=b.match(/\b(\d{1,3})\s*(?:s|sec|secondes?|seconds?)\b/i);(h.includes("durée")||h.includes("duration"))&&_&&(i.duration=Number(_[1]));const a1=b.match(/\b(\d{1,3})\s*fps\b/i);h.includes("fps")&&a1&&(i.fps=Number(a1[1]));const o1=b.match(/\b(\d{1,2})\b/);if((h.includes("count")||h.includes("nombre")||h.includes("variantes"))&&o1&&(i.count=Number(o1[1])),h.includes("modèle")||h.includes("modele")||h.includes("model")){const v1=D(b);v1&&(i.model=v1)}h.includes("jpg")||h.includes("jpeg")?i.format="jpg":h.includes("png")?i.format="png":h.includes("webp")&&(i.format="webp")}return Object.keys(i).length?i:void 0}function x(r){const i=r.match(/\[TASK(?:\s+([^\]]+))?\](?:([\s\S]*?)\[\/TASK\])?/i);if(i){const g=(r1(i[1]??"","value")??i[2]?.trim())?.toLowerCase();if(["image","video","audio","text"].includes(String(g)))return g}const u=r.split(/\r?\n/).map(g=>g.replace(/^[\s>*-]+/,"").trim()).filter(Boolean);for(const g of u){const h=g.toLowerCase(),b=g.split(":").slice(1).join(":").trim().toLowerCase()||h;if(/(task|type|mode|surface|format|réglage|reglage|setting)/i.test(h)){if(/\baudio\b|subtitles?|sous-titres?|transcri|tts|voice|voix/.test(b))return"audio";if(/\bvid[eé]o\b|\bvideo\b|\bfps\b|duration|dur[eé]e/.test(b))return"video";if(/\bimage\b|photo|visuel|illustration|aspect|ratio|resolution|résolution/.test(b))return"image";if(/\btext\b|texte|copy|caption|script/.test(b))return"text"}}}function T(r){const i=r.match(/\[PROMPT\]([\s\S]*?)\[\/PROMPT\]/i)?.[1];if(i){const _=B1(i).trim().replace(/^["“]|["”]$/g,"");if(_)return _}const u=r.replace(/\r\n/g,`
 `).split(`
 `),g=[];let h=!1,b=!1,I=!1;for(const _ of u){const a1=_.trim().replace(/^[\s>*-]+/,"").replace(/^#{1,6}\s+/,"").replace(/^\*\*|\*\*$/g,"").trim();if(b){if(/^```/.test(a1))break;g.push(_);continue}if(!h){const o1=a1.match(/^(?:(?:voici|essayez|utilisez|use|try)\s+(?:ce\s+)?(?:prompt)|prompt\s+(?:modifi[eé]|am[eé]lior[eé]|propos[eé]|recommand[eé])|prompt)\s*:\s*(.*)$/i);if(!o1){I||=/\bprompt\b/i.test(a1),I&&/^```/.test(a1)&&(h=!0,b=!0);continue}h=!0,o1[1]?.trim()&&g.push(o1[1].trim());continue}if(/^(?:r[eé]glages?(?:\s+recommand[eé]s?)?|settings?|mod[eè]le|model)\s*:/i.test(a1))break;g.push(_)}return B1(g.join(`
 `)).trim().replace(/^["“]|["”]$/g,"")||void 0}function $(r){return/\[PROMPT\]([\s\S]*?)\[\/PROMPT\]/i.test(r)}function G(r){return/\[TASK(?:\s+[^\]]+)?\]/i.test(r)}function Q(r){const i=r.match(/\[TASK(?:\s+([^\]]+))?\]([\s\S]*?)\[\/TASK\]/i),u=`${i?.[1]??""} ${i?.[2]??""}`.toLowerCase();return $(r)&&(/\bimage\b/.test(u)||!G(r))}function S(r){return/\[(?:TASK|PROMPT|SETTING)\b/i.test(r)}function H(r){const i=g=>Array.isArray(g)?g.flatMap(h=>{if(!h||typeof h!="object")return[];const b=h,I=typeof b.url=="string"?b.url:null;return I?[{type:typeof b.type=="string"?b.type:"image",url:I,posterUrl:typeof b.posterUrl=="string"?b.posterUrl:null,width:typeof b.width=="number"?b.width:null,height:typeof b.height=="number"?b.height:null,generationId:typeof b.generationId=="string"?b.generationId:null,href:typeof b.href=="string"?b.href:null}]:[]}):[],u=r.metadata?.generatedMedia;return i(u).filter(g=>g.type==="image"||!g.type)}function R(r){const i=r.metadata?.attachments;return Array.isArray(i)?i.flatMap((u,g)=>{if(!u||typeof u!="object")return[];const h=u,b=h.metadata&&typeof h.metadata=="object"?h.metadata:{},I=typeof h.name=="string"&&h.name.trim()?h.name.trim():`Attachment ${g+1}`;return[{id:typeof h.id=="string"?h.id:`${r.id??"message"}-attachment-${g}`,name:I,mimeType:typeof h.mimeType=="string"?h.mimeType:null,bytes:typeof h.bytes=="number"?h.bytes:null,status:"ready",displayUrl:typeof h.displayUrl=="string"?h.displayUrl:typeof b.displayUrl=="string"?b.displayUrl:null,publicUrl:typeof h.publicUrl=="string"?h.publicUrl:typeof b.publicUrl=="string"?b.publicUrl:null,assetId:typeof h.assetId=="string"?h.assetId:null,mediaItemId:typeof h.mediaItemId=="string"?h.mediaItemId:null,metadata:b}]}):[]}function c1(r){const i=r.metadata&&typeof r.metadata=="object"?r.metadata:{},u=r.mimeType??"",g=typeof i.kind=="string"?i.kind:"",h=r.displayUrl??(typeof i.displayUrl=="string"?i.displayUrl:null);return!h||!u.startsWith("image/")&&g!=="image"?null:h}function p1(r){if(r.role!=="assistant"||!r.streaming)return!1;const i=r.content.trim();return i==="Generating image..."||S(i)}function x1(r){return r.replace(/\[PROMPT\]([\s\S]*?)\[\/PROMPT\]/gi,"$1").replace(/\[SETTING\s+[^\]]*\]([\s\S]*?)\[\/SETTING\]/gi,"$1").replace(/\[TASK(?:\s+[^\]]*)?\]([\s\S]*?)\[\/TASK\]/gi,"").replace(/^\s*\[TASK(?:\s+[^\]]*)?\]\s*$/gim,"")}function B1(r){return r.replace(/\[PROMPT\]|\[\/PROMPT\]/gi,"").replace(/\[SETTING\s+[^\]]*\]|\[\/SETTING\]/gi,"").replace(/\[TASK\s+[^\]]*\]|\[\/TASK\]/gi,"").split(`

package/dist/wpic-ui.css

@@ -452,10 +452,13 @@ input[type="range"].slider-themed::-webkit-slider-thumb {
 .wpic-table__row:hover { background: var(--wpic-raised, var(--bg-input)); }
 .wpic-table__sticky {
   background: inherit;
-  box-shadow: 1px 0 0 var(--wpic-border, var(--border-strong));
+  box-shadow: inset -1px 0 0 var(--wpic-table-border, var(--border-strong));
 }
 
 /* Match row separators to the enclosing themed card in both modes. */
-.wpic-theme .wpic-table__divider { border-color: var(--wpic-border); }
+.wpic-theme .wpic-table__divider,
+.wpic-theme .wpic-card--bordered:has(> .wpic-card__body > .wpic-table) {
+  border-color: var(--wpic-table-border, var(--wpic-border));
+}
 
 @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-700:oklch(53.2% .157 131.589);--color-lime-800:oklch(45.3% .124 130.933);--color-lime-900:oklch(40.5% .101 131.063);--color-lime-950:oklch(27.4% .072 132.109);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-teal-950:oklch(27.7% .046 192.524);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-900:oklch(39.8% .07 227.392);--color-cyan-950:oklch(30.2% .056 229.695);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-900:oklch(39.1% .09 240.876);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-indigo-950:oklch(25.7% .09 281.288);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-violet-950:oklch(28.3% .141 291.089);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-fuchsia-50:oklch(97.7% .017 320.058);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-400:oklch(74% .238 322.16);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-900:oklch(40.1% .17 325.612);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-pink-950:oklch(28.4% .109 3.907);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-stone-950:oklch(14.7% .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-2{inset-inline:calc(var(--spacing) * 2)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-8{top:calc(var(--spacing) * 8)}.right-0{right:calc(var(--spacing) * 0)}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.right-8{right:calc(var(--spacing) * 8)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-6{bottom:calc(var(--spacing) * 6)}.left-0{left:calc(var(--spacing) * 0)}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1\/2{left:50%}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[51\]{z-index:51}.z-\[60\]{z-index:60}.z-\[9997\]{z-index:9997}.z-\[9999\]{z-index:9999}.z-\[100010\]{z-index:100010}.m-2{margin:calc(var(--spacing) * 2)}.m-9{margin:calc(var(--spacing) * 9)}.m-26{margin:calc(var(--spacing) * 26)}.m-39{margin:calc(var(--spacing) * 39)}.m-42{margin:calc(var(--spacing) * 42)}.m-45{margin:calc(var(--spacing) * 45)}.m-47{margin:calc(var(--spacing) * 47)}.m-49{margin:calc(var(--spacing) * 49)}.m-68{margin:calc(var(--spacing) * 68)}.m-137{margin:calc(var(--spacing) * 137)}.m-261{margin:calc(var(--spacing) * 261)}.m-288{margin:calc(var(--spacing) * 288)}.m-308{margin:calc(var(--spacing) * 308)}.m-340{margin:calc(var(--spacing) * 340)}.m-342{margin:calc(var(--spacing) * 342)}.m-368{margin:calc(var(--spacing) * 368)}.m-457{margin:calc(var(--spacing) * 457)}.m-667{margin:calc(var(--spacing) * 667)}.m-680{margin:calc(var(--spacing) * 680)}.m-791{margin:calc(var(--spacing) * 791)}.m-792{margin:calc(var(--spacing) * 792)}.m-898{margin:calc(var(--spacing) * 898)}.m-933{margin:calc(var(--spacing) * 933)}.m-970{margin:calc(var(--spacing) * 970)}.m-1091{margin:calc(var(--spacing) * 1091)}.m-1152{margin:calc(var(--spacing) * 1152)}.m-1171{margin:calc(var(--spacing) * 1171)}.m-1230{margin:calc(var(--spacing) * 1230)}.m-1292{margin:calc(var(--spacing) * 1292)}.m-1303{margin:calc(var(--spacing) * 1303)}.m-1372{margin:calc(var(--spacing) * 1372)}.m-1525{margin:calc(var(--spacing) * 1525)}.m-1618{margin:calc(var(--spacing) * 1618)}.m-1933{margin:calc(var(--spacing) * 1933)}.m-1991{margin:calc(var(--spacing) * 1991)}.m-2001{margin:calc(var(--spacing) * 2001)}.m-2042{margin:calc(var(--spacing) * 2042)}.m-2396{margin:calc(var(--spacing) * 2396)}.m-2728{margin:calc(var(--spacing) * 2728)}.m-2762{margin:calc(var(--spacing) * 2762)}.m-2777{margin:calc(var(--spacing) * 2777)}.m-2810{margin:calc(var(--spacing) * 2810)}.m-2911{margin:calc(var(--spacing) * 2911)}.m-2925{margin:calc(var(--spacing) * 2925)}.m-2999{margin:calc(var(--spacing) * 2999)}.m-3023{margin:calc(var(--spacing) * 3023)}.m-3168{margin:calc(var(--spacing) * 3168)}.m-3346{margin:calc(var(--spacing) * 3346)}.m-3386{margin:calc(var(--spacing) * 3386)}.m-3537{margin:calc(var(--spacing) * 3537)}.m-3608{margin:calc(var(--spacing) * 3608)}.m-3685{margin:calc(var(--spacing) * 3685)}.m-3760{margin:calc(var(--spacing) * 3760)}.m-4170{margin:calc(var(--spacing) * 4170)}.m-4329{margin:calc(var(--spacing) * 4329)}.m-4487{margin:calc(var(--spacing) * 4487)}.m-4930{margin:calc(var(--spacing) * 4930)}.m-6605{margin:calc(var(--spacing) * 6605)}.m-7150{margin:calc(var(--spacing) * 7150)}.m-8730{margin:calc(var(--spacing) * 8730)}.m-9464{margin:calc(var(--spacing) * 9464)}.m-9992{margin:calc(var(--spacing) * 9992)}.m-11707{margin:calc(var(--spacing) * 11707)}.m-29952{margin:calc(var(--spacing) * 29952)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-px{margin-top:1px}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-px{margin-bottom:1px}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-1{width:calc(var(--spacing) * 1);height:calc(var(--spacing) * 1)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-\[500px\]{height:500px}.h-\[calc\(100\%-16px\)\]{height:calc(100% - 16px)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[280px\]{max-height:280px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-64{min-height:calc(var(--spacing) * 64)}.min-h-\[3\.75rem\]{min-height:3.75rem}.min-h-\[52vh\]{min-height:52vh}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-20{width:calc(var(--spacing) * 20)}.w-44{width:calc(var(--spacing) * 44)}.w-\[70px\]{width:70px}.w-\[130px\]{width:130px}.w-\[320px\]{width:320px}.w-\[360px\]{width:360px}.w-\[420px\]{width:420px}.w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-32{max-width:calc(var(--spacing) * 32)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-\[24rem\]{max-width:24rem}.max-w-\[36rem\]{max-width:36rem}.max-w-\[42rem\]{max-width:42rem}.max-w-\[56rem\]{max-width:56rem}.max-w-\[72rem\]{max-width:72rem}.max-w-\[80\%\]{max-width:80%}.max-w-\[82\%\]{max-width:82%}.max-w-\[85\%\]{max-width:85%}.max-w-\[88\%\]{max-width:88%}.max-w-\[90\%\]{max-width:90%}.max-w-\[90vw\]{max-width:90vw}.max-w-\[92\%\]{max-width:92%}.max-w-\[100px\]{max-width:100px}.max-w-\[200px\]{max-width:200px}.max-w-\[calc\(100\%-1\.5rem\)\]{max-width:calc(100% - 1.5rem)}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-\[32px\]{min-width:32px}.min-w-\[600px\]{min-width:600px}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.basis-64{flex-basis:calc(var(--spacing) * 64)}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-e-resize{cursor:e-resize}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-n-resize{cursor:n-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-nw-resize{cursor:nw-resize}.cursor-pointer{cursor:pointer}.cursor-s-resize{cursor:s-resize}.cursor-se-resize{cursor:se-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-text{cursor:text}.cursor-w-resize{cursor:w-resize}.touch-manipulation{touch-action:manipulation}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[88px_repeat\(11\,minmax\(0\,1fr\)\)\]{grid-template-columns:88px repeat(11,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[inherit\]{gap:inherit}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-zinc-200>:not(:last-child)){border-color:var(--color-zinc-200)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-visible{overflow-x:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[4px\]{border-radius:4px}.rounded-\[18px\]{border-radius:18px}.rounded-\[28px\]{border-radius:28px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-tr-sm{border-top-right-radius:var(--radius-sm)}.rounded-br-\[4px\]{border-bottom-right-radius:4px}.rounded-bl-\[4px\]{border-bottom-left-radius:4px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[var\(--wpic-primary\)\]{border-color:var(--wpic-primary)}.border-amber-100{border-color:var(--color-amber-100)}.border-black\/5{border-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.border-black\/5{border-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.border-black\/10{border-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-current{border-color:currentColor}.border-emerald-100{border-color:var(--color-emerald-100)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-400\/20{border-color:#00d29433}@supports (color:color-mix(in lab,red,red)){.border-emerald-400\/20{border-color:color-mix(in oklab,var(--color-emerald-400) 20%,transparent)}}.border-emerald-500{border-color:var(--color-emerald-500)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-400\/20{border-color:#7d87ff33}@supports (color:color-mix(in lab,red,red)){.border-indigo-400\/20{border-color:color-mix(in oklab,var(--color-indigo-400) 20%,transparent)}}.border-indigo-500{border-color:var(--color-indigo-500)}.border-indigo-500\/20{border-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.border-indigo-500\/20{border-color:color-mix(in oklab,var(--color-indigo-500) 20%,transparent)}}.border-indigo-500\/30{border-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.border-indigo-500\/30{border-color:color-mix(in oklab,var(--color-indigo-500) 30%,transparent)}}.border-neutral-50{border-color:var(--color-neutral-50)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-400\/20{border-color:#a1a1a133}@supports (color:color-mix(in lab,red,red)){.border-neutral-400\/20{border-color:color-mix(in oklab,var(--color-neutral-400) 20%,transparent)}}.border-neutral-900{border-color:var(--color-neutral-900)}.border-red-200{border-color:var(--color-red-200)}.border-red-400{border-color:var(--color-red-400)}.border-red-500{border-color:var(--color-red-500)}.border-rose-100{border-color:var(--color-rose-100)}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-400\/20{border-color:#ff667f33}@supports (color:color-mix(in lab,red,red)){.border-rose-400\/20{border-color:color-mix(in oklab,var(--color-rose-400) 20%,transparent)}}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-yellow-100{border-color:var(--color-yellow-100)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-200\/20{border-color:#fff08533}@supports (color:color-mix(in lab,red,red)){.border-yellow-200\/20{border-color:color-mix(in oklab,var(--color-yellow-200) 20%,transparent)}}.border-zinc-100{border-color:var(--color-zinc-100)}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-200\/40{border-color:#e4e4e766}@supports (color:color-mix(in lab,red,red)){.border-zinc-200\/40{border-color:color-mix(in oklab,var(--color-zinc-200) 40%,transparent)}}.border-zinc-300{border-color:var(--color-zinc-300)}.border-zinc-600{border-color:var(--color-zinc-600)}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-700\/60{border-color:#3f3f4699}@supports (color:color-mix(in lab,red,red)){.border-zinc-700\/60{border-color:color-mix(in oklab,var(--color-zinc-700) 60%,transparent)}}.border-zinc-800{border-color:var(--color-zinc-800)}.border-zinc-800\/40{border-color:#27272a66}@supports (color:color-mix(in lab,red,red)){.border-zinc-800\/40{border-color:color-mix(in oklab,var(--color-zinc-800) 40%,transparent)}}.border-zinc-800\/60{border-color:#27272a99}@supports (color:color-mix(in lab,red,red)){.border-zinc-800\/60{border-color:color-mix(in oklab,var(--color-zinc-800) 60%,transparent)}}.border-zinc-900{border-color:var(--color-zinc-900)}.border-t-transparent{border-top-color:#0000}.bg-\[\#0f0f11\]{background-color:#0f0f11}.bg-\[\#1c1c1e\]\/95{background-color:#1c1c1ef2}.bg-\[\#85C531\]{background-color:#85c531}.bg-\[\#85C531\]\/10{background-color:#85c5311a}.bg-\[\#85C531\]\/15{background-color:#85c53126}.bg-\[\#09090b\]{background-color:#09090b}.bg-\[\#191919\]{background-color:#191919}.bg-\[var\(--wpic-primary\)\],.bg-\[var\(--wpic-primary\)\]\/10{background-color:var(--wpic-primary)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--wpic-primary\)\]\/10{background-color:color-mix(in oklab,var(--wpic-primary) 10%,transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-300{background-color:var(--color-amber-300)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-400\/70{background-color:#fcbb00b3}@supports (color:color-mix(in lab,red,red)){.bg-amber-400\/70{background-color:color-mix(in oklab,var(--color-amber-400) 70%,transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-600{background-color:var(--color-amber-600)}.bg-amber-700{background-color:var(--color-amber-700)}.bg-amber-800{background-color:var(--color-amber-800)}.bg-amber-900{background-color:var(--color-amber-900)}.bg-amber-950{background-color:var(--color-amber-950)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-black\/0{background-color:color-mix(in oklab,var(--color-black) 0%,transparent)}}.bg-black\/25{background-color:#00000040}@supports (color:color-mix(in lab,red,red)){.bg-black\/25{background-color:color-mix(in oklab,var(--color-black) 25%,transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab,red,red)){.bg-black\/45{background-color:color-mix(in oklab,var(--color-black) 45%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-300{background-color:var(--color-blue-300)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-blue-800{background-color:var(--color-blue-800)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-blue-950{background-color:var(--color-blue-950)}.bg-blue-950\/60{background-color:#16245699}@supports (color:color-mix(in lab,red,red)){.bg-blue-950\/60{background-color:color-mix(in oklab,var(--color-blue-950) 60%,transparent)}}.bg-current{background-color:currentColor}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-cyan-200{background-color:var(--color-cyan-200)}.bg-cyan-300{background-color:var(--color-cyan-300)}.bg-cyan-400{background-color:var(--color-cyan-400)}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-cyan-600{background-color:var(--color-cyan-600)}.bg-cyan-700{background-color:var(--color-cyan-700)}.bg-cyan-800{background-color:var(--color-cyan-800)}.bg-cyan-900{background-color:var(--color-cyan-900)}.bg-cyan-950{background-color:var(--color-cyan-950)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-200{background-color:var(--color-emerald-200)}.bg-emerald-300{background-color:var(--color-emerald-300)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-400\/15{background-color:#00d29426}@supports (color:color-mix(in lab,red,red)){.bg-emerald-400\/15{background-color:color-mix(in oklab,var(--color-emerald-400) 15%,transparent)}}.bg-emerald-400\/70{background-color:#00d294b3}@supports (color:color-mix(in lab,red,red)){.bg-emerald-400\/70{background-color:color-mix(in oklab,var(--color-emerald-400) 70%,transparent)}}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/30{background-color:#00bb7f4d}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/30{background-color:color-mix(in oklab,var(--color-emerald-500) 30%,transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-emerald-700{background-color:var(--color-emerald-700)}.bg-emerald-800{background-color:var(--color-emerald-800)}.bg-emerald-900{background-color:var(--color-emerald-900)}.bg-emerald-950{background-color:var(--color-emerald-950)}.bg-fuchsia-50{background-color:var(--color-fuchsia-50)}.bg-fuchsia-100{background-color:var(--color-fuchsia-100)}.bg-fuchsia-200{background-color:var(--color-fuchsia-200)}.bg-fuchsia-300{background-color:var(--color-fuchsia-300)}.bg-fuchsia-400{background-color:var(--color-fuchsia-400)}.bg-fuchsia-500{background-color:var(--color-fuchsia-500)}.bg-fuchsia-600{background-color:var(--color-fuchsia-600)}.bg-fuchsia-700{background-color:var(--color-fuchsia-700)}.bg-fuchsia-800{background-color:var(--color-fuchsia-800)}.bg-fuchsia-900{background-color:var(--color-fuchsia-900)}.bg-fuchsia-950{background-color:var(--color-fuchsia-950)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-950{background-color:var(--color-gray-950)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-700{background-color:var(--color-green-700)}.bg-green-800{background-color:var(--color-green-800)}.bg-green-900{background-color:var(--color-green-900)}.bg-green-950{background-color:var(--color-green-950)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-indigo-300{background-color:var(--color-indigo-300)}.bg-indigo-400{background-color:var(--color-indigo-400)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-500\/5{background-color:#625fff0d}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/5{background-color:color-mix(in oklab,var(--color-indigo-500) 5%,transparent)}}.bg-indigo-500\/8{background-color:#625fff14}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/8{background-color:color-mix(in oklab,var(--color-indigo-500) 8%,transparent)}}.bg-indigo-500\/10{background-color:#625fff1a}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/10{background-color:color-mix(in oklab,var(--color-indigo-500) 10%,transparent)}}.bg-indigo-500\/15{background-color:#625fff26}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/15{background-color:color-mix(in oklab,var(--color-indigo-500) 15%,transparent)}}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/20{background-color:color-mix(in oklab,var(--color-indigo-500) 20%,transparent)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-600\/20{background-color:#4f39f633}@supports (color:color-mix(in lab,red,red)){.bg-indigo-600\/20{background-color:color-mix(in oklab,var(--color-indigo-600) 20%,transparent)}}.bg-indigo-700{background-color:var(--color-indigo-700)}.bg-indigo-800{background-color:var(--color-indigo-800)}.bg-indigo-900{background-color:var(--color-indigo-900)}.bg-indigo-900\/30{background-color:#312c854d}@supports (color:color-mix(in lab,red,red)){.bg-indigo-900\/30{background-color:color-mix(in oklab,var(--color-indigo-900) 30%,transparent)}}.bg-indigo-900\/40{background-color:#312c8566}@supports (color:color-mix(in lab,red,red)){.bg-indigo-900\/40{background-color:color-mix(in oklab,var(--color-indigo-900) 40%,transparent)}}.bg-indigo-950{background-color:var(--color-indigo-950)}.bg-lime-50{background-color:var(--color-lime-50)}.bg-lime-100{background-color:var(--color-lime-100)}.bg-lime-200{background-color:var(--color-lime-200)}.bg-lime-300{background-color:var(--color-lime-300)}.bg-lime-400{background-color:var(--color-lime-400)}.bg-lime-500{background-color:var(--color-lime-500)}.bg-lime-600{background-color:var(--color-lime-600)}.bg-lime-700{background-color:var(--color-lime-700)}.bg-lime-800{background-color:var(--color-lime-800)}.bg-lime-900{background-color:var(--color-lime-900)}.bg-lime-950{background-color:var(--color-lime-950)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-300{background-color:var(--color-neutral-300)}.bg-neutral-300\/80{background-color:#d4d4d4cc}@supports (color:color-mix(in lab,red,red)){.bg-neutral-300\/80{background-color:color-mix(in oklab,var(--color-neutral-300) 80%,transparent)}}.bg-neutral-400{background-color:var(--color-neutral-400)}.bg-neutral-400\/10{background-color:#a1a1a11a}@supports (color:color-mix(in lab,red,red)){.bg-neutral-400\/10{background-color:color-mix(in oklab,var(--color-neutral-400) 10%,transparent)}}.bg-neutral-500{background-color:var(--color-neutral-500)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-neutral-600\/60{background-color:#52525299}@supports (color:color-mix(in lab,red,red)){.bg-neutral-600\/60{background-color:color-mix(in oklab,var(--color-neutral-600) 60%,transparent)}}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-neutral-900\/50{background-color:#17171780}@supports (color:color-mix(in lab,red,red)){.bg-neutral-900\/50{background-color:color-mix(in oklab,var(--color-neutral-900) 50%,transparent)}}.bg-neutral-950{background-color:var(--color-neutral-950)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-200{background-color:var(--color-orange-200)}.bg-orange-300{background-color:var(--color-orange-300)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-orange-700{background-color:var(--color-orange-700)}.bg-orange-800{background-color:var(--color-orange-800)}.bg-orange-900{background-color:var(--color-orange-900)}.bg-orange-950{background-color:var(--color-orange-950)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-200{background-color:var(--color-pink-200)}.bg-pink-300{background-color:var(--color-pink-300)}.bg-pink-400{background-color:var(--color-pink-400)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-pink-600{background-color:var(--color-pink-600)}.bg-pink-700{background-color:var(--color-pink-700)}.bg-pink-800{background-color:var(--color-pink-800)}.bg-pink-900{background-color:var(--color-pink-900)}.bg-pink-950{background-color:var(--color-pink-950)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-purple-300{background-color:var(--color-purple-300)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-purple-800{background-color:var(--color-purple-800)}.bg-purple-900{background-color:var(--color-purple-900)}.bg-purple-950{background-color:var(--color-purple-950)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-300{background-color:var(--color-red-300)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-400\/70{background-color:#ff6568b3}@supports (color:color-mix(in lab,red,red)){.bg-red-400\/70{background-color:color-mix(in oklab,var(--color-red-400) 70%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-700{background-color:var(--color-red-700)}.bg-red-800{background-color:var(--color-red-800)}.bg-red-900{background-color:var(--color-red-900)}.bg-red-950{background-color:var(--color-red-950)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-200{background-color:var(--color-rose-200)}.bg-rose-300{background-color:var(--color-rose-300)}.bg-rose-400{background-color:var(--color-rose-400)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-500\/15{background-color:#ff235726}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/15{background-color:color-mix(in oklab,var(--color-rose-500) 15%,transparent)}}.bg-rose-600{background-color:var(--color-rose-600)}.bg-rose-700{background-color:var(--color-rose-700)}.bg-rose-800{background-color:var(--color-rose-800)}.bg-rose-900{background-color:var(--color-rose-900)}.bg-rose-950{background-color:var(--color-rose-950)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-sky-200{background-color:var(--color-sky-200)}.bg-sky-300{background-color:var(--color-sky-300)}.bg-sky-400{background-color:var(--color-sky-400)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-sky-600{background-color:var(--color-sky-600)}.bg-sky-700{background-color:var(--color-sky-700)}.bg-sky-800{background-color:var(--color-sky-800)}.bg-sky-900{background-color:var(--color-sky-900)}.bg-sky-950{background-color:var(--color-sky-950)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-slate-500{background-color:var(--color-slate-500)}.bg-slate-600{background-color:var(--color-slate-600)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950{background-color:var(--color-slate-950)}.bg-stone-50{background-color:var(--color-stone-50)}.bg-stone-100{background-color:var(--color-stone-100)}.bg-stone-200{background-color:var(--color-stone-200)}.bg-stone-300{background-color:var(--color-stone-300)}.bg-stone-400{background-color:var(--color-stone-400)}.bg-stone-500{background-color:var(--color-stone-500)}.bg-stone-600{background-color:var(--color-stone-600)}.bg-stone-700{background-color:var(--color-stone-700)}.bg-stone-800{background-color:var(--color-stone-800)}.bg-stone-900{background-color:var(--color-stone-900)}.bg-stone-950{background-color:var(--color-stone-950)}.bg-teal-50{background-color:var(--color-teal-50)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-200{background-color:var(--color-teal-200)}.bg-teal-300{background-color:var(--color-teal-300)}.bg-teal-400{background-color:var(--color-teal-400)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-teal-600{background-color:var(--color-teal-600)}.bg-teal-700{background-color:var(--color-teal-700)}.bg-teal-800{background-color:var(--color-teal-800)}.bg-teal-900{background-color:var(--color-teal-900)}.bg-teal-900\/30{background-color:#0b4f4a4d}@supports (color:color-mix(in lab,red,red)){.bg-teal-900\/30{background-color:color-mix(in oklab,var(--color-teal-900) 30%,transparent)}}.bg-teal-950{background-color:var(--color-teal-950)}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-100{background-color:var(--color-violet-100)}.bg-violet-200{background-color:var(--color-violet-200)}.bg-violet-300{background-color:var(--color-violet-300)}.bg-violet-400{background-color:var(--color-violet-400)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-violet-600{background-color:var(--color-violet-600)}.bg-violet-700{background-color:var(--color-violet-700)}.bg-violet-800{background-color:var(--color-violet-800)}.bg-violet-900{background-color:var(--color-violet-900)}.bg-violet-950{background-color:var(--color-violet-950)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-yellow-300{background-color:var(--color-yellow-300)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-400\/15{background-color:#fac80026}@supports (color:color-mix(in lab,red,red)){.bg-yellow-400\/15{background-color:color-mix(in oklab,var(--color-yellow-400) 15%,transparent)}}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-yellow-700{background-color:var(--color-yellow-700)}.bg-yellow-800{background-color:var(--color-yellow-800)}.bg-yellow-900{background-color:var(--color-yellow-900)}.bg-yellow-950{background-color:var(--color-yellow-950)}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-100{background-color:var(--color-zinc-100)}.bg-zinc-100\/90{background-color:#f4f4f5e6}@supports (color:color-mix(in lab,red,red)){.bg-zinc-100\/90{background-color:color-mix(in oklab,var(--color-zinc-100) 90%,transparent)}}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-300{background-color:var(--color-zinc-300)}.bg-zinc-400{background-color:var(--color-zinc-400)}.bg-zinc-500{background-color:var(--color-zinc-500)}.bg-zinc-600{background-color:var(--color-zinc-600)}.bg-zinc-600\/40{background-color:#52525c66}@supports (color:color-mix(in lab,red,red)){.bg-zinc-600\/40{background-color:color-mix(in oklab,var(--color-zinc-600) 40%,transparent)}}.bg-zinc-700{background-color:var(--color-zinc-700)}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-800\/50{background-color:#27272a80}@supports (color:color-mix(in lab,red,red)){.bg-zinc-800\/50{background-color:color-mix(in oklab,var(--color-zinc-800) 50%,transparent)}}.bg-zinc-800\/60{background-color:#27272a99}@supports (color:color-mix(in lab,red,red)){.bg-zinc-800\/60{background-color:color-mix(in oklab,var(--color-zinc-800) 60%,transparent)}}.bg-zinc-800\/95{background-color:#27272af2}@supports (color:color-mix(in lab,red,red)){.bg-zinc-800\/95{background-color:color-mix(in oklab,var(--color-zinc-800) 95%,transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\/50{background-color:#18181b80}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\/50{background-color:color-mix(in oklab,var(--color-zinc-900) 50%,transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\/90{background-color:#09090be6}@supports (color:color-mix(in lab,red,red)){.bg-zinc-950\/90{background-color:color-mix(in oklab,var(--color-zinc-950) 90%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-indigo-600{--tw-gradient-from:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-700{--tw-gradient-to:var(--color-violet-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-black{fill:var(--color-black)}.fill-white{fill:var(--color-white)}.fill-zinc-900{fill:var(--color-zinc-900)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-1\.5\!{padding-inline:calc(var(--spacing) * 1.5)!important}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-px{padding-block:1px}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-px{padding-top:1px}.pr-0{padding-right:calc(var(--spacing) * 0)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-7{padding-right:calc(var(--spacing) * 7)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-14{padding-right:calc(var(--spacing) * 14)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-\[2\.5px\]{padding-bottom:2.5px}.pb-\[2px\]{padding-bottom:2px}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-11{padding-left:calc(var(--spacing) * 11)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-\[inherit\]{font-family:inherit}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[\#85C531\]{color:#85c531}.text-\[\.\.\.\]{color:...}.text-\[var\(--text-main\)\]{color:var(--text-main)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--wpic-muted\)\]{color:var(--wpic-muted)}.text-\[var\(--wpic-primary\)\]{color:var(--wpic-primary)}.text-\[var\(--wpic-primary\,\#6366f1\)\]{color:var(--wpic-primary,#6366f1)}.text-\[var\(--wpic-primary-fg\,\#fff\)\]{color:var(--wpic-primary-fg,#fff)}.text-\[var\(--wpic-text\)\]{color:var(--wpic-text)}.text-black{color:var(--color-black)}.text-blue-300\/85{color:#90c5ffd9}@supports (color:color-mix(in lab,red,red)){.text-blue-300\/85{color:color-mix(in oklab,var(--color-blue-300) 85%,transparent)}}.text-blue-500{color:var(--color-blue-500)}.text-blue-800{color:var(--color-blue-800)}.text-blue-950{color:var(--color-blue-950)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-300\/85{color:#5ee9b5d9}@supports (color:color-mix(in lab,red,red)){.text-emerald-300\/85{color:color-mix(in oklab,var(--color-emerald-300) 85%,transparent)}}.text-emerald-400\/70{color:#00d294b3}@supports (color:color-mix(in lab,red,red)){.text-emerald-400\/70{color:color-mix(in oklab,var(--color-emerald-400) 70%,transparent)}}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-950\/85{color:#002c22d9}@supports (color:color-mix(in lab,red,red)){.text-emerald-950\/85{color:color-mix(in oklab,var(--color-emerald-950) 85%,transparent)}}.text-indigo-200{color:var(--color-indigo-200)}.text-indigo-300{color:var(--color-indigo-300)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-900{color:var(--color-indigo-900)}.text-lime-400{color:var(--color-lime-400)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-200{color:var(--color-neutral-200)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-700{color:var(--color-red-700)}.text-rose-300\/85{color:#ffa2aed9}@supports (color:color-mix(in lab,red,red)){.text-rose-300\/85{color:color-mix(in oklab,var(--color-rose-300) 85%,transparent)}}.text-rose-400\/85{color:#ff667fd9}@supports (color:color-mix(in lab,red,red)){.text-rose-400\/85{color:color-mix(in oklab,var(--color-rose-400) 85%,transparent)}}.text-rose-500{color:var(--color-rose-500)}.text-rose-800{color:var(--color-rose-800)}.text-rose-950\/85{color:#4d0218d9}@supports (color:color-mix(in lab,red,red)){.text-rose-950\/85{color:color-mix(in oklab,var(--color-rose-950) 85%,transparent)}}.text-teal-300{color:var(--color-teal-300)}.text-teal-600{color:var(--color-teal-600)}.text-transparent{color:#0000}.text-violet-200{color:var(--color-violet-200)}.text-violet-400{color:var(--color-violet-400)}.text-violet-400\/60{color:#a685ff99}@supports (color:color-mix(in lab,red,red)){.text-violet-400\/60{color:color-mix(in oklab,var(--color-violet-400) 60%,transparent)}}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-800{color:var(--color-violet-800)}.text-white{color:var(--color-white)}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.text-white\/30{color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-yellow-200\/85{color:#fff085d9}@supports (color:color-mix(in lab,red,red)){.text-yellow-200\/85{color:color-mix(in oklab,var(--color-yellow-200) 85%,transparent)}}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-800{color:var(--color-yellow-800)}.text-yellow-950\/85{color:#432004d9}@supports (color:color-mix(in lab,red,red)){.text-yellow-950\/85{color:color-mix(in oklab,var(--color-yellow-950) 85%,transparent)}}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-800{color:var(--color-zinc-800)}.text-zinc-900{color:var(--color-zinc-900)}.text-zinc-950{color:var(--color-zinc-950)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.placeholder-zinc-400::placeholder{color:var(--color-zinc-400)}.placeholder-zinc-500::placeholder{color:var(--color-zinc-500)}.placeholder-zinc-600::placeholder{color:var(--color-zinc-600)}.placeholder-zinc-700::placeholder{color:var(--color-zinc-700)}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 8px 32px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_25px_50px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 25px 50px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-black\/20{--tw-shadow-color:#0003}@supports (color:color-mix(in lab,red,red)){.shadow-black\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-zinc-900\/5{--tw-shadow-color:#18181b0d}@supports (color:color-mix(in lab,red,red)){.shadow-zinc-900\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-zinc-900) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-zinc-900\/10{--tw-shadow-color:#18181b1a}@supports (color:color-mix(in lab,red,red)){.shadow-zinc-900\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-zinc-900) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-\[\#85C531\]{--tw-ring-color:#85c531}.ring-\[var\(--wpic-primary\)\]\/40{--tw-ring-color:var(--wpic-primary)}@supports (color:color-mix(in lab,red,red)){.ring-\[var\(--wpic-primary\)\]\/40{--tw-ring-color:color-mix(in oklab, var(--wpic-primary) 40%, transparent)}}.ring-emerald-400\/50{--tw-ring-color:#00d29480}@supports (color:color-mix(in lab,red,red)){.ring-emerald-400\/50{--tw-ring-color:color-mix(in oklab, var(--color-emerald-400) 50%, transparent)}}.ring-indigo-500\/30{--tw-ring-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.ring-indigo-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.ring-indigo-500\/40{--tw-ring-color:#625fff66}@supports (color:color-mix(in lab,red,red)){.ring-indigo-500\/40{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 40%, transparent)}}.ring-zinc-200{--tw-ring-color:var(--color-zinc-200)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[padding\]{transition-property:padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[font\:inherit\]{font:inherit}@media(hover:hover){.group-hover\:text-zinc-200:is(:where(.group):hover *){color:var(--color-zinc-200)}.group-hover\:text-zinc-700:is(:where(.group):hover *){color:var(--color-zinc-700)}.group-hover\/conversation\:opacity-100:is(:where(.group\/conversation):hover *){opacity:1}.group-hover\/row\:visible:is(:where(.group\/row):hover *){visibility:visible}}.peer-focus-visible\:ring-2:is(:where(.peer):focus-visible~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-focus-visible\:ring-zinc-400\/40:is(:where(.peer):focus-visible~*){--tw-ring-color:#9f9fa966}@supports (color:color-mix(in lab,red,red)){.peer-focus-visible\:ring-zinc-400\/40:is(:where(.peer):focus-visible~*){--tw-ring-color:color-mix(in oklab, var(--color-zinc-400) 40%, transparent)}}.peer-focus-visible\:ring-offset-1:is(:where(.peer):focus-visible~*){--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.peer-focus-visible\:ring-offset-white:is(:where(.peer):focus-visible~*){--tw-ring-offset-color:var(--color-white)}.placeholder\:text-zinc-400::placeholder{color:var(--color-zinc-400)}.first\:border-0:first-child{border-style:var(--tw-border-style);border-width:0}.first\:pt-0:first-child{padding-top:calc(var(--spacing) * 0)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:border-\[var\(--wpic-primary\)\]\/50:focus-within{border-color:var(--wpic-primary)}@supports (color:color-mix(in lab,red,red)){.focus-within\:border-\[var\(--wpic-primary\)\]\/50:focus-within{border-color:color-mix(in oklab,var(--wpic-primary) 50%,transparent)}}.focus-within\:border-amber-400\/50:focus-within{border-color:#fcbb0080}@supports (color:color-mix(in lab,red,red)){.focus-within\:border-amber-400\/50:focus-within{border-color:color-mix(in oklab,var(--color-amber-400) 50%,transparent)}}.focus-within\:border-amber-500\/30:focus-within{border-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.focus-within\:border-amber-500\/30:focus-within{border-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)}}.focus-within\:border-indigo-400\/50:focus-within{border-color:#7d87ff80}@supports (color:color-mix(in lab,red,red)){.focus-within\:border-indigo-400\/50:focus-within{border-color:color-mix(in oklab,var(--color-indigo-400) 50%,transparent)}}.focus-within\:border-indigo-400\/60:focus-within{border-color:#7d87ff99}@supports (color:color-mix(in lab,red,red)){.focus-within\:border-indigo-400\/60:focus-within{border-color:color-mix(in oklab,var(--color-indigo-400) 60%,transparent)}}.focus-within\:border-indigo-500\/40:focus-within{border-color:#625fff66}@supports (color:color-mix(in lab,red,red)){.focus-within\:border-indigo-500\/40:focus-within{border-color:color-mix(in oklab,var(--color-indigo-500) 40%,transparent)}}.focus-within\:border-indigo-500\/50:focus-within{border-color:#625fff80}@supports (color:color-mix(in lab,red,red)){.focus-within\:border-indigo-500\/50:focus-within{border-color:color-mix(in oklab,var(--color-indigo-500) 50%,transparent)}}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:rounded-2xl:hover{border-radius:var(--radius-2xl)}.hover\:border-zinc-200:hover{border-color:var(--color-zinc-200)}.hover\:border-zinc-300:hover{border-color:var(--color-zinc-300)}.hover\:border-zinc-400:hover{border-color:var(--color-zinc-400)}.hover\:border-zinc-700:hover{border-color:var(--color-zinc-700)}.hover\:bg-\[var\(--wpic-primary-hover\)\]:hover{background-color:var(--wpic-primary-hover)}.hover\:bg-amber-400:hover{background-color:var(--color-amber-400)}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.hover\:bg-black\/60:hover{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/60:hover{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.hover\:bg-black\/\[2\%\]:hover{background-color:#00000005}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/\[2\%\]:hover{background-color:color-mix(in oklab,var(--color-black) 2%,transparent)}}.hover\:bg-indigo-50:hover{background-color:var(--color-indigo-50)}.hover\:bg-indigo-400:hover{background-color:var(--color-indigo-400)}.hover\:bg-indigo-500:hover{background-color:var(--color-indigo-500)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-zinc-50:hover{background-color:var(--color-zinc-50)}.hover\:bg-zinc-100:hover{background-color:var(--color-zinc-100)}.hover\:bg-zinc-100\/80:hover{background-color:#f4f4f5cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-zinc-100\/80:hover{background-color:color-mix(in oklab,var(--color-zinc-100) 80%,transparent)}}.hover\:bg-zinc-200:hover{background-color:var(--color-zinc-200)}.hover\:bg-zinc-200\/70:hover{background-color:#e4e4e7b3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-zinc-200\/70:hover{background-color:color-mix(in oklab,var(--color-zinc-200) 70%,transparent)}}.hover\:bg-zinc-700:hover{background-color:var(--color-zinc-700)}.hover\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\:bg-zinc-800\/50:hover{background-color:#27272a80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-zinc-800\/50:hover{background-color:color-mix(in oklab,var(--color-zinc-800) 50%,transparent)}}.hover\:text-emerald-600:hover{color:var(--color-emerald-600)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-green-500:hover{color:var(--color-green-500)}.hover\:text-inherit:hover{color:inherit}.hover\:text-neutral-400:hover{color:var(--color-neutral-400)}.hover\:text-neutral-600:hover{color:var(--color-neutral-600)}.hover\:text-rose-500:hover{color:var(--color-rose-500)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-white\/70:hover{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.hover\:text-white\/70:hover{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.hover\:text-zinc-200:hover{color:var(--color-zinc-200)}.hover\:text-zinc-300:hover{color:var(--color-zinc-300)}.hover\:text-zinc-600:hover{color:var(--color-zinc-600)}.hover\:text-zinc-700:hover{color:var(--color-zinc-700)}.hover\:text-zinc-800:hover{color:var(--color-zinc-800)}.hover\:text-zinc-900:hover{color:var(--color-zinc-900)}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-gray-400:focus{border-color:var(--color-gray-400)}.focus\:border-red-400:focus{border-color:var(--color-red-400)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-red-500\/20:focus{--tw-ring-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.focus\:ring-red-500\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-indigo-400:focus-visible{--tw-ring-color:var(--color-indigo-400)}.focus-visible\:ring-indigo-500:focus-visible{--tw-ring-color:var(--color-indigo-500)}.focus-visible\:ring-indigo-500\/50:focus-visible{--tw-ring-color:#625fff80}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-indigo-500\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 50%, transparent)}}.focus-visible\:ring-zinc-400\/40:focus-visible{--tw-ring-color:#9f9fa966}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-zinc-400\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-zinc-400) 40%, transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-3:focus-visible{outline-offset:3px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-\[var\(--wpic-primary\)\]:focus-visible{outline-color:var(--wpic-primary)}.focus-visible\:outline-current:focus-visible{outline-color:currentColor}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:bg-zinc-200:active{background-color:var(--color-zinc-200)}.enabled\:cursor-pointer:enabled{cursor:pointer}@media(hover:hover){.enabled\:hover\:bg-zinc-100:enabled:hover{background-color:var(--color-zinc-100)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-55:disabled{opacity:.55}@media(prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media(min-width:40rem){.sm\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:w-4\/5{width:80%}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-wrap{flex-wrap:wrap}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media(min-width:48rem){.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:64rem){.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:flex{display:flex}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:gap-10{gap:calc(var(--spacing) * 10)}}:where(.dark\:divide-zinc-700:where(.dark,.dark *)>:not(:last-child)){border-color:var(--color-zinc-700)}.dark\:border-emerald-400\/20:where(.dark,.dark *){border-color:#00d29433}@supports (color:color-mix(in lab,red,red)){.dark\:border-emerald-400\/20:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-emerald-400) 20%,transparent)}}.dark\:border-indigo-400\/20:where(.dark,.dark *){border-color:#7d87ff33}@supports (color:color-mix(in lab,red,red)){.dark\:border-indigo-400\/20:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-indigo-400) 20%,transparent)}}.dark\:border-neutral-50:where(.dark,.dark *){border-color:var(--color-neutral-50)}.dark\:border-neutral-400\/20:where(.dark,.dark *){border-color:#a1a1a133}@supports (color:color-mix(in lab,red,red)){.dark\:border-neutral-400\/20:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-neutral-400) 20%,transparent)}}.dark\:border-red-900\/60:where(.dark,.dark *){border-color:#82181a99}@supports (color:color-mix(in lab,red,red)){.dark\:border-red-900\/60:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-red-900) 60%,transparent)}}.dark\:border-rose-400\/20:where(.dark,.dark *){border-color:#ff667f33}@supports (color:color-mix(in lab,red,red)){.dark\:border-rose-400\/20:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-rose-400) 20%,transparent)}}.dark\:border-white\/5:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/5:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:border-white\/10:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/10:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:border-yellow-200\/20:where(.dark,.dark *){border-color:#fff08533}@supports (color:color-mix(in lab,red,red)){.dark\:border-yellow-200\/20:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-yellow-200) 20%,transparent)}}.dark\:border-zinc-100:where(.dark,.dark *){border-color:var(--color-zinc-100)}.dark\:border-zinc-600:where(.dark,.dark *){border-color:var(--color-zinc-600)}.dark\:border-zinc-700:where(.dark,.dark *){border-color:var(--color-zinc-700)}.dark\:border-zinc-700\/60:where(.dark,.dark *){border-color:#3f3f4699}@supports (color:color-mix(in lab,red,red)){.dark\:border-zinc-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-zinc-700) 60%,transparent)}}.dark\:border-zinc-800:where(.dark,.dark *){border-color:var(--color-zinc-800)}.dark\:border-zinc-800\/40:where(.dark,.dark *){border-color:#27272a66}@supports (color:color-mix(in lab,red,red)){.dark\:border-zinc-800\/40:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-zinc-800) 40%,transparent)}}.dark\:bg-black\/45:where(.dark,.dark *){background-color:#00000073}@supports (color:color-mix(in lab,red,red)){.dark\:bg-black\/45:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-black) 45%,transparent)}}.dark\:bg-black\/70:where(.dark,.dark *){background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.dark\:bg-black\/70:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.dark\:bg-blue-950\/60:where(.dark,.dark *){background-color:#16245699}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-950\/60:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-950) 60%,transparent)}}.dark\:bg-emerald-400\/15:where(.dark,.dark *){background-color:#00d29426}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-400\/15:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-400) 15%,transparent)}}.dark\:bg-indigo-900\/30:where(.dark,.dark *){background-color:#312c854d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-indigo-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-indigo-900) 30%,transparent)}}.dark\:bg-indigo-900\/40:where(.dark,.dark *){background-color:#312c8566}@supports (color:color-mix(in lab,red,red)){.dark\:bg-indigo-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-indigo-900) 40%,transparent)}}.dark\:bg-neutral-50:where(.dark,.dark *){background-color:var(--color-neutral-50)}.dark\:bg-neutral-400\/10:where(.dark,.dark *){background-color:#a1a1a11a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-neutral-400\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-neutral-400) 10%,transparent)}}.dark\:bg-neutral-600\/60:where(.dark,.dark *){background-color:#52525299}@supports (color:color-mix(in lab,red,red)){.dark\:bg-neutral-600\/60:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-neutral-600) 60%,transparent)}}.dark\:bg-neutral-700:where(.dark,.dark *){background-color:var(--color-neutral-700)}.dark\:bg-neutral-900\/50:where(.dark,.dark *){background-color:#17171780}@supports (color:color-mix(in lab,red,red)){.dark\:bg-neutral-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-neutral-900) 50%,transparent)}}.dark\:bg-red-950\/30:where(.dark,.dark *){background-color:#4608094d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-950) 30%,transparent)}}.dark\:bg-red-950\/40:where(.dark,.dark *){background-color:#46080966}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-red-950) 40%,transparent)}}.dark\:bg-rose-500\/15:where(.dark,.dark *){background-color:#ff235726}@supports (color:color-mix(in lab,red,red)){.dark\:bg-rose-500\/15:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-rose-500) 15%,transparent)}}.dark\:bg-teal-900\/30:where(.dark,.dark *){background-color:#0b4f4a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-teal-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-teal-900) 30%,transparent)}}.dark\:bg-yellow-400\/15:where(.dark,.dark *){background-color:#fac80026}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-400\/15:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-yellow-400) 15%,transparent)}}.dark\:bg-zinc-100:where(.dark,.dark *){background-color:var(--color-zinc-100)}.dark\:bg-zinc-600:where(.dark,.dark *){background-color:var(--color-zinc-600)}.dark\:bg-zinc-700:where(.dark,.dark *){background-color:var(--color-zinc-700)}.dark\:bg-zinc-700\/80:where(.dark,.dark *){background-color:#3f3f46cc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-zinc-700\/80:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-zinc-700) 80%,transparent)}}.dark\:bg-zinc-800:where(.dark,.dark *){background-color:var(--color-zinc-800)}.dark\:bg-zinc-800\/60:where(.dark,.dark *){background-color:#27272a99}@supports (color:color-mix(in lab,red,red)){.dark\:bg-zinc-800\/60:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-zinc-800) 60%,transparent)}}.dark\:bg-zinc-900:where(.dark,.dark *){background-color:var(--color-zinc-900)}.dark\:bg-zinc-900\/50:where(.dark,.dark *){background-color:#18181b80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-zinc-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-zinc-900) 50%,transparent)}}.dark\:bg-zinc-950:where(.dark,.dark *){background-color:var(--color-zinc-950)}.dark\:fill-black:where(.dark,.dark *){fill:var(--color-black)}.dark\:fill-white:where(.dark,.dark *){fill:var(--color-white)}.dark\:font-medium:where(.dark,.dark *){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.dark\:text-blue-300\/85:where(.dark,.dark *){color:#90c5ffd9}@supports (color:color-mix(in lab,red,red)){.dark\:text-blue-300\/85:where(.dark,.dark *){color:color-mix(in oklab,var(--color-blue-300) 85%,transparent)}}.dark\:text-blue-500:where(.dark,.dark *){color:var(--color-blue-500)}.dark\:text-emerald-300\/85:where(.dark,.dark *){color:#5ee9b5d9}@supports (color:color-mix(in lab,red,red)){.dark\:text-emerald-300\/85:where(.dark,.dark *){color:color-mix(in oklab,var(--color-emerald-300) 85%,transparent)}}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-emerald-500:where(.dark,.dark *){color:var(--color-emerald-500)}.dark\:text-indigo-300:where(.dark,.dark *){color:var(--color-indigo-300)}.dark\:text-indigo-400:where(.dark,.dark *){color:var(--color-indigo-400)}.dark\:text-lime-400:where(.dark,.dark *){color:var(--color-lime-400)}.dark\:text-neutral-100:where(.dark,.dark *){color:var(--color-neutral-100)}.dark\:text-neutral-200:where(.dark,.dark *){color:var(--color-neutral-200)}.dark\:text-neutral-300:where(.dark,.dark *){color:var(--color-neutral-300)}.dark\:text-neutral-400:where(.dark,.dark *){color:var(--color-neutral-400)}.dark\:text-neutral-600:where(.dark,.dark *){color:var(--color-neutral-600)}.dark\:text-neutral-900:where(.dark,.dark *){color:var(--color-neutral-900)}.dark\:text-red-300:where(.dark,.dark *){color:var(--color-red-300)}.dark\:text-rose-300\/85:where(.dark,.dark *){color:#ffa2aed9}@supports (color:color-mix(in lab,red,red)){.dark\:text-rose-300\/85:where(.dark,.dark *){color:color-mix(in oklab,var(--color-rose-300) 85%,transparent)}}.dark\:text-rose-400:where(.dark,.dark *){color:var(--color-rose-400)}.dark\:text-rose-400\/85:where(.dark,.dark *){color:#ff667fd9}@supports (color:color-mix(in lab,red,red)){.dark\:text-rose-400\/85:where(.dark,.dark *){color:color-mix(in oklab,var(--color-rose-400) 85%,transparent)}}.dark\:text-teal-300:where(.dark,.dark *){color:var(--color-teal-300)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:text-yellow-200\/85:where(.dark,.dark *){color:#fff085d9}@supports (color:color-mix(in lab,red,red)){.dark\:text-yellow-200\/85:where(.dark,.dark *){color:color-mix(in oklab,var(--color-yellow-200) 85%,transparent)}}.dark\:text-yellow-500:where(.dark,.dark *){color:var(--color-yellow-500)}.dark\:text-zinc-100:where(.dark,.dark *){color:var(--color-zinc-100)}.dark\:text-zinc-200:where(.dark,.dark *){color:var(--color-zinc-200)}.dark\:text-zinc-300:where(.dark,.dark *){color:var(--color-zinc-300)}.dark\:text-zinc-400:where(.dark,.dark *){color:var(--color-zinc-400)}.dark\:text-zinc-500:where(.dark,.dark *){color:var(--color-zinc-500)}.dark\:text-zinc-600:where(.dark,.dark *){color:var(--color-zinc-600)}.dark\:text-zinc-700:where(.dark,.dark *){color:var(--color-zinc-700)}.dark\:text-zinc-900:where(.dark,.dark *){color:var(--color-zinc-900)}.dark\:text-zinc-950:where(.dark,.dark *){color:var(--color-zinc-950)}.dark\:shadow-black\/20:where(.dark,.dark *){--tw-shadow-color:#0003}@supports (color:color-mix(in lab,red,red)){.dark\:shadow-black\/20:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.dark\:shadow-black\/30:where(.dark,.dark *){--tw-shadow-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.dark\:shadow-black\/30:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.dark\:shadow-black\/40:where(.dark,.dark *){--tw-shadow-color:#0006}@supports (color:color-mix(in lab,red,red)){.dark\:shadow-black\/40:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.dark\:ring-zinc-600:where(.dark,.dark *){--tw-ring-color:var(--color-zinc-600)}.dark\:invert:where(.dark,.dark *){--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.dark\:peer-focus-visible\:ring-offset-zinc-950:where(.dark,.dark *):is(:where(.peer):focus-visible~*){--tw-ring-offset-color:var(--color-zinc-950)}.dark\:placeholder\:text-zinc-500:where(.dark,.dark *)::placeholder{color:var(--color-zinc-500)}@media(hover:hover){.dark\:hover\:border-zinc-500:where(.dark,.dark *):hover{border-color:var(--color-zinc-500)}.dark\:hover\:border-zinc-600:where(.dark,.dark *):hover{border-color:var(--color-zinc-600)}.dark\:hover\:bg-black\/70:where(.dark,.dark *):hover{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-black\/70:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.dark\:hover\:bg-indigo-950\/40:where(.dark,.dark *):hover{background-color:#1e1a4d66}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-indigo-950\/40:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-indigo-950) 40%,transparent)}}.dark\:hover\:bg-red-950\/30:where(.dark,.dark *):hover{background-color:#4608094d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-950\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-red-950) 30%,transparent)}}.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:hover\:bg-white\/\[3\%\]:where(.dark,.dark *):hover{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/\[3\%\]:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.dark\:hover\:bg-zinc-600:where(.dark,.dark *):hover{background-color:var(--color-zinc-600)}.dark\:hover\:bg-zinc-700:where(.dark,.dark *):hover{background-color:var(--color-zinc-700)}.dark\:hover\:bg-zinc-700\/70:where(.dark,.dark *):hover{background-color:#3f3f46b3}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-zinc-700\/70:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-zinc-700) 70%,transparent)}}.dark\:hover\:bg-zinc-800:where(.dark,.dark *):hover{background-color:var(--color-zinc-800)}.dark\:hover\:bg-zinc-800\/50:where(.dark,.dark *):hover{background-color:#27272a80}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-zinc-800\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-zinc-800) 50%,transparent)}}.dark\:hover\:text-emerald-400:where(.dark,.dark *):hover{color:var(--color-emerald-400)}.dark\:hover\:text-neutral-400:where(.dark,.dark *):hover{color:var(--color-neutral-400)}.dark\:hover\:text-rose-400:where(.dark,.dark *):hover{color:var(--color-rose-400)}.dark\:hover\:text-white:where(.dark,.dark *):hover{color:var(--color-white)}.dark\:hover\:text-zinc-100:where(.dark,.dark *):hover{color:var(--color-zinc-100)}.dark\:hover\:text-zinc-200:where(.dark,.dark *):hover{color:var(--color-zinc-200)}.dark\:hover\:text-zinc-300:where(.dark,.dark *):hover{color:var(--color-zinc-300)}.dark\:hover\:text-zinc-400:where(.dark,.dark *):hover{color:var(--color-zinc-400)}}.dark\:focus\:border-gray-500:where(.dark,.dark *):focus{border-color:var(--color-gray-500)}.dark\:active\:bg-zinc-700:where(.dark,.dark *):active{background-color:var(--color-zinc-700)}@media(hover:hover){.dark\:enabled\:hover\:bg-zinc-700:where(.dark,.dark *):enabled:hover{background-color:var(--color-zinc-700)}}.\[\&\>\*\]\:max-w-full>*{max-width:100%}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.wpic-btn-primary{background-color:var(--wpic-primary, #6366f1);transition:background-color .15s}.wpic-btn-primary:hover:not(:disabled){background-color:var(--wpic-primary-hover, #4f46e5)}.wpic-btn-primary:focus-visible{outline:2px solid var(--wpic-primary, #6366f1);outline-offset:2px}.wpic-button--active{background-color:#e4e4e7!important;color:#18181b!important}.dark .wpic-button--active{background-color:#3f3f46!important;color:#f4f4f5!important}.wpic-button-group>.wpic-button,.wpic-button-group>button,.wpic-button-group>a{border-radius:0!important;margin-left:-1px;position:relative;z-index:0}.wpic-button-group>.wpic-button:first-child,.wpic-button-group>button:first-child,.wpic-button-group>a:first-child{border-radius:var(--radius, .5rem) 0 0 var(--radius, .5rem)!important;margin-left:0}.wpic-button-group>.wpic-button:last-child,.wpic-button-group>button:last-child,.wpic-button-group>a:last-child{border-radius:0 var(--radius, .5rem) var(--radius, .5rem) 0!important}.wpic-button-group>.wpic-button:only-child,.wpic-button-group>button:only-child,.wpic-button-group>a:only-child{border-radius:var(--radius, .5rem)!important;margin-left:0}.wpic-button-group>.wpic-button:hover,.wpic-button-group>.wpic-button:focus-visible,.wpic-button-group>.wpic-button[data-active=true],.wpic-button-group>button:hover,.wpic-button-group>button:focus-visible,.wpic-button-group>button[data-active=true],.wpic-button-group>a:hover{z-index:1}.w-spreadsheet-frame__surface{position:relative;overflow:hidden;background:#fff}.dark .w-spreadsheet-frame__surface{background:#09090b}.w-spreadsheet-frame__toolbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:6px;border-bottom:1px solid #e4e4e7}.w-spreadsheet-frame__heading{min-width:0;flex:1}.w-spreadsheet-frame__status{display:flex;align-items:center;margin-right:auto;padding-right:6px}.w-spreadsheet-frame__toolbar--hover{position:absolute;top:8px;right:8px;z-index:30;gap:2px;padding:4px;border:0;border-radius:8px;background:#ffffffeb;box-shadow:0 1px 3px #0000001f;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease}.dark .w-spreadsheet-frame__toolbar--hover{background:#09090beb}.w-spreadsheet-frame__surface:hover .w-spreadsheet-frame__toolbar--hover,.w-spreadsheet-frame__surface:focus-within .w-spreadsheet-frame__toolbar--hover{opacity:1;pointer-events:auto;transform:translateY(0)}.dark .w-spreadsheet-frame__toolbar{border-color:#3f3f46}.w-spreadsheet-frame__expand{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#71717a;cursor:pointer}.w-spreadsheet-frame__expand:hover{background:#f4f4f5;color:#27272a}.dark .w-spreadsheet-frame__expand:hover{background:#27272a;color:#f4f4f5}.w-spreadsheet-frame--expanded{position:fixed;inset:0;z-index:100000;display:flex;padding:24px;align-items:stretch}.w-spreadsheet-frame__backdrop{position:absolute;inset:0;border:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.w-spreadsheet-frame--expanded .w-spreadsheet-frame__surface{position:relative;z-index:1;width:100%;box-shadow:0 24px 64px #00000047}@media(max-width:640px){.w-spreadsheet-frame--expanded{padding:12px}}.w-spreadsheet{overflow:auto;background:#fff;color:#18181b}.dark .w-spreadsheet{background:#09090b;color:#f4f4f5}.w-spreadsheet__table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border-top:1px solid #e4e4e7;border-left:1px solid #e4e4e7;font-size:13px}.w-spreadsheet__table--sticky-columns{border-left:0}.w-spreadsheet__table th,.w-spreadsheet__table td{border:0;border-right:1px solid #e4e4e7;border-bottom:1px solid #e4e4e7}.dark .w-spreadsheet__table{border-top-color:#3f3f46;border-left-color:#3f3f46}.dark .w-spreadsheet__table th,.dark .w-spreadsheet__table td{border-right-color:#3f3f46;border-bottom-color:#3f3f46}.w-spreadsheet__row-axis-col{width:44px}.w-spreadsheet__axis,.w-spreadsheet__corner{height:25px;padding:0;background:#f4f4f5;color:#71717a;text-align:center;font-size:11px;font-weight:500;-webkit-user-select:none;user-select:none}.w-spreadsheet thead{position:sticky;top:0;z-index:2}.w-spreadsheet__row--sticky>th,.w-spreadsheet__row--sticky>td{position:sticky;top:0;z-index:1}.w-spreadsheet--with-column-axis .w-spreadsheet__row--sticky>th,.w-spreadsheet--with-column-axis .w-spreadsheet__row--sticky>td{top:25px}.dark .w-spreadsheet__axis,.dark .w-spreadsheet__corner{background:#27272a;color:#a1a1aa}.w-spreadsheet__cell{height:38px;padding:7px 10px;overflow:hidden;background:#fff;text-overflow:ellipsis;white-space:nowrap}.w-spreadsheet__cell--wrap{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.25}.dark .w-spreadsheet__cell{background:#09090b}.w-spreadsheet__cell--title{height:48px;background:#047857;color:#fff;text-align:center;font-size:18px;font-weight:700;letter-spacing:.025em}.dark .w-spreadsheet__cell--title{background:#047857}.w-spreadsheet__cell--label{background:#f4f4f5;color:#52525b;font-weight:600}.dark .w-spreadsheet__cell--label{background:#18181b;color:#d4d4d8}.w-spreadsheet__cell--header{height:34px;background:#e4e4e7;color:#27272a;font-weight:700}.w-spreadsheet__cell--sortable{position:relative;padding-right:30px;cursor:pointer;-webkit-user-select:none;user-select:none}.w-spreadsheet__cell--sticky{position:sticky;z-index:1;background-clip:border-box}.w-spreadsheet__cell--sticky-first{box-shadow:inset 1px 0 #e4e4e7}.dark .w-spreadsheet__cell--sticky-first{box-shadow:inset 1px 0 #3f3f46}.w-spreadsheet__row--sticky>.w-spreadsheet__cell--sticky{z-index:3}.w-spreadsheet__cell--active{box-shadow:inset 0 0 0 2px var(--wpic-primary, #6366f1)}.w-spreadsheet__cell--fill-range:after{position:absolute;inset:-1px;z-index:3;border:0 solid transparent;content:"";pointer-events:none}.w-spreadsheet__cell--fill-range{position:relative}.w-spreadsheet__cell--fill-top:after{border-top:2px solid var(--wpic-primary, #6366f1)}.w-spreadsheet__cell--fill-bottom:after{border-bottom:2px solid var(--wpic-primary, #6366f1)}.w-spreadsheet__cell--fill-left:after{border-left:2px solid var(--wpic-primary, #6366f1)}.w-spreadsheet__cell--fill-right:after{border-right:2px solid var(--wpic-primary, #6366f1)}.w-spreadsheet__cell--fill-completed{background:color-mix(in srgb,var(--wpic-primary, #6366f1) 9%,transparent)!important;box-shadow:inset 0 0 0 1px var(--wpic-primary, #6366f1)}.w-spreadsheet__cell--fill-source{box-shadow:inset 0 0 0 2px var(--wpic-primary, #6366f1)}.w-spreadsheet__fill-handle{position:absolute;right:-1px;bottom:-1px;z-index:4;width:8px;height:8px;padding:0;border:1px solid #fff;background:var(--wpic-primary, #6366f1);cursor:crosshair}.dark .w-spreadsheet__fill-handle{border-color:#09090b}.w-spreadsheet__sort-icon{position:absolute;top:50%;right:9px;color:#71717a;transform:translateY(-50%)}.dark .w-spreadsheet__cell--header{background:#27272a;color:#f4f4f5}.w-spreadsheet__cell--total{background:#f4f4f5;font-weight:700;text-transform:uppercase}.dark .w-spreadsheet__cell--total{background:#18181b}.w-spreadsheet__cell--editable,.w-spreadsheet__cell:has(.w-spreadsheet__input){position:relative;padding:0;background:#fffbeb}.dark .w-spreadsheet__cell--editable,.dark .w-spreadsheet__cell:has(.w-spreadsheet__input){background:#facc151a}.w-spreadsheet__cell--editable:focus-within,.w-spreadsheet__cell:has(.w-spreadsheet__input):focus-within{box-shadow:inset 0 0 0 2px var(--wpic-primary, #6366f1)}.w-spreadsheet__input{display:block;width:100%;height:100%;min-height:36px;box-sizing:border-box;border:0;outline:0;padding:6px 10px;color:inherit;background:transparent;font:inherit}.w-spreadsheet__editor{position:relative;width:100%;height:100%}.w-spreadsheet__input--date{padding-right:38px}.w-spreadsheet__input[type=number]{appearance:textfield;-moz-appearance:textfield}.w-spreadsheet__input[type=number]::-webkit-inner-spin-button,.w-spreadsheet__input[type=number]::-webkit-outer-spin-button{margin:0;appearance:none;-webkit-appearance:none}.w-spreadsheet__calendar{position:absolute;top:50%;right:8px;display:inline-flex;width:24px;height:24px;transform:translateY(-50%);align-items:center;justify-content:center;border:0;border-radius:4px;color:#71717a;background:transparent;cursor:pointer}.w-spreadsheet__calendar:hover{color:#047857;background:#0478571a}.w-spreadsheet__cell--left,.w-spreadsheet__input.w-spreadsheet__cell--left{text-align:left}.w-spreadsheet__cell--center{text-align:center}.w-spreadsheet__cell--right,.w-spreadsheet__cell--right .w-spreadsheet__input{text-align:right;font-variant-numeric:tabular-nums}.w-spreadsheet__cell--tone-muted{color:#a1a1aa}.w-spreadsheet__cell--tone-danger{color:#dc2626}.w-spreadsheet__cell--tone-warning{color:#d97706}.w-spreadsheet__cell--tone-success{color:#059669}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__surface{border-color:#e4e4e7cc;background:linear-gradient(145deg,#ffffff40,#ffffff40 62%,#eef2ff40);box-shadow:0 24px 70px -24px #18181b47,inset 0 1px #ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__corner-border{position:absolute;inset:0;z-index:30;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:.24}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__corner-border rect{fill:none;stroke:url(#wpic-chat-panel-corner-gradient);stroke-width:2px;vector-effect:non-scaling-stroke}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__header{border-bottom:0;background:transparent}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__navigator{border:1px solid rgb(228 228 231 / .75);background:#ffffffe0;-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__messages{padding-bottom:calc(var(--wpic-chat-footer-height, 10rem) + 2rem);background:transparent;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--wpic-chat-footer-height, 10rem)),transparent calc(100% - var(--wpic-chat-footer-height, 10rem)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--wpic-chat-footer-height, 10rem)),transparent calc(100% - var(--wpic-chat-footer-height, 10rem)),transparent 100%)}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__footer{position:absolute;right:0;bottom:0;left:0;z-index:10;border-top:0;background:transparent}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__composer{border-color:transparent;background:#18181b06;box-shadow:none}.wpic-chat-panel[data-variant=glass][data-maximized=true] .wpic-chat-panel__footer{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.wpic-chat-panel[data-variant=glass][data-maximized=true] .wpic-chat-panel__composer{border-color:transparent;background:#18181b06;box-shadow:none}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__send-button{width:2.5rem;height:2.5rem;border-radius:.75rem;color:#fff;background:linear-gradient(to bottom right,#6366f1,#7c3aed);box-shadow:0 4px 10px #6366f140;opacity:1;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__attach-button{width:2.5rem;height:2.5rem;border-radius:0;color:#a1a1aa;background:transparent}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__attach-button:hover:not(:disabled){color:#3f3f46;background:transparent}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__send-button:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(to bottom right,#6366f1,#7c3aed);box-shadow:0 8px 18px #6366f14d}.wpic-chat-panel[data-variant=glass] .wpic-chat-panel__send-button:disabled{color:#ffffffb8;background:#d4d4d8;box-shadow:none;opacity:1}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__surface,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__surface{border-color:#ffffff14;background:linear-gradient(145deg,#18181bcc,#18181bb3 58%,#1e1b4b80);box-shadow:0 28px 80px -24px #000000c7,inset 0 1px #ffffff0f}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__corner-border,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__corner-border{opacity:.42}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__header,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__header{border-bottom:0;background:transparent}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__navigator,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__navigator{border-color:#ffffff14;background:#18181be6}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__messages,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__messages{background:transparent}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__footer,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__footer{border-top:0;background:transparent}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__composer,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__composer{border-color:transparent;background:#ffffff09;box-shadow:none}.dark .wpic-chat-panel[data-variant=glass][data-maximized=true] .wpic-chat-panel__footer,[data-theme=dark] .wpic-chat-panel[data-variant=glass][data-maximized=true] .wpic-chat-panel__footer{background:transparent}.dark .wpic-chat-panel[data-variant=glass][data-maximized=true] .wpic-chat-panel__composer,[data-theme=dark] .wpic-chat-panel[data-variant=glass][data-maximized=true] .wpic-chat-panel__composer{border-color:transparent;background:#ffffff09;box-shadow:none}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__send-button:disabled,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__send-button:disabled{color:#a5b4fc66;background:#1e1b4b;box-shadow:inset 0 0 0 1px #818cf81a}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__attach-button,[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__attach-button{color:#71717a;background:transparent}.dark .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__attach-button:hover:not(:disabled),[data-theme=dark] .wpic-chat-panel[data-variant=glass] .wpic-chat-panel__attach-button:hover:not(:disabled){color:#c4b5fd;background:transparent}.wpic-chat-loading-card{position:relative;isolation:isolate;width:min(18rem,100%);aspect-ratio:4 / 3;min-height:8rem;overflow:hidden;border-radius:.75rem;background:#f4f4f5}.dark .wpic-chat-loading-card,[data-theme=dark] .wpic-chat-loading-card{background:#18181b}.wpic-chat-loading-card:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:2px;background:conic-gradient(from var(--wpic-chat-loading-angle),rgb(212 212 216 / .18),rgb(82 82 91 / .86),rgb(212 212 216 / .18) 28%,rgb(212 212 216 / .18) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:wpic-chat-loading-border-spin 2.4s linear infinite}.dark .wpic-chat-loading-card:before,[data-theme=dark] .wpic-chat-loading-card:before{background:conic-gradient(from var(--wpic-chat-loading-angle),rgb(82 82 91 / .24),rgb(228 228 231 / .84),rgb(82 82 91 / .24) 28%,rgb(82 82 91 / .24) 100%)}.wpic-chat-loading-card:after{content:"";position:absolute;inset:2px;z-index:1;border-radius:calc(.75rem - 2px);background:radial-gradient(var(--wpic-chat-b1s) var(--wpic-chat-b1s) at var(--wpic-chat-b1x) var(--wpic-chat-b1y),rgb(212 212 216 / .92),transparent 70%),radial-gradient(var(--wpic-chat-b2s) var(--wpic-chat-b2s) at var(--wpic-chat-b2x) var(--wpic-chat-b2y),rgb(250 250 250 / .98),transparent 65%),radial-gradient(var(--wpic-chat-b3s) var(--wpic-chat-b3s) at var(--wpic-chat-b3x) var(--wpic-chat-b3y),rgb(228 228 231 / .9),transparent 72%),radial-gradient(var(--wpic-chat-b4s) var(--wpic-chat-b4s) at var(--wpic-chat-b4x) var(--wpic-chat-b4y),rgb(255 255 255 / .95),transparent 60%),radial-gradient(var(--wpic-chat-b5s) var(--wpic-chat-b5s) at var(--wpic-chat-b5x) var(--wpic-chat-b5y),rgb(212 212 216 / .84),transparent 68%);animation:wpic-chat-b1-anim 6.4s ease-in-out -.8s infinite,wpic-chat-b2-anim 8.2s ease-in-out -3.6s infinite,wpic-chat-b3-anim 5.4s ease-in-out -1.8s infinite,wpic-chat-b4-anim 7.6s ease-in-out -4.6s infinite,wpic-chat-b5-anim 9.2s ease-in-out -2.2s infinite}.dark .wpic-chat-loading-card:after,[data-theme=dark] .wpic-chat-loading-card:after{background:radial-gradient(80% 80% at 14% 20%,rgb(255 255 255 / .012),transparent 70%),radial-gradient(74% 74% at 88% 24%,rgb(255 255 255 / .009),transparent 65%),radial-gradient(88% 88% at 24% 88%,rgb(255 255 255 / .011),transparent 72%),radial-gradient(70% 70% at 78% 78%,rgb(255 255 255 / .008),transparent 60%)}.wpic-chat-loading-card__label{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:1rem;color:#3f3f46;font-size:1rem;font-weight:400;opacity:.55;text-align:center}.dark .wpic-chat-loading-card__label,[data-theme=dark] .wpic-chat-loading-card__label{color:#e4e4e7}@property --wpic-chat-loading-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --wpic-chat-b1x{syntax: "<percentage>"; inherits: false; initial-value: 18%;}@property --wpic-chat-b1y{syntax: "<percentage>"; inherits: false; initial-value: 38%;}@property --wpic-chat-b1s{syntax: "<percentage>"; inherits: false; initial-value: 85%;}@property --wpic-chat-b2x{syntax: "<percentage>"; inherits: false; initial-value: 88%;}@property --wpic-chat-b2y{syntax: "<percentage>"; inherits: false; initial-value: 22%;}@property --wpic-chat-b2s{syntax: "<percentage>"; inherits: false; initial-value: 78%;}@property --wpic-chat-b3x{syntax: "<percentage>"; inherits: false; initial-value: 15%;}@property --wpic-chat-b3y{syntax: "<percentage>"; inherits: false; initial-value: 18%;}@property --wpic-chat-b3s{syntax: "<percentage>"; inherits: false; initial-value: 90%;}@property --wpic-chat-b4x{syntax: "<percentage>"; inherits: false; initial-value: 72%;}@property --wpic-chat-b4y{syntax: "<percentage>"; inherits: false; initial-value: 78%;}@property --wpic-chat-b4s{syntax: "<percentage>"; inherits: false; initial-value: 70%;}@property --wpic-chat-b5x{syntax: "<percentage>"; inherits: false; initial-value: 38%;}@property --wpic-chat-b5y{syntax: "<percentage>"; inherits: false; initial-value: 25%;}@property --wpic-chat-b5s{syntax: "<percentage>"; inherits: false; initial-value: 80%;}@keyframes wpic-chat-loading-border-spin{to{--wpic-chat-loading-angle: 360deg}}@keyframes wpic-chat-b1-anim{0%{--wpic-chat-b1x: 12%;--wpic-chat-b1y: 18%;--wpic-chat-b1s: 85%}25%{--wpic-chat-b1x: 82%;--wpic-chat-b1y: 72%;--wpic-chat-b1s: 65%}50%{--wpic-chat-b1x: 22%;--wpic-chat-b1y: 88%;--wpic-chat-b1s: 95%}75%{--wpic-chat-b1x: 78%;--wpic-chat-b1y: 15%;--wpic-chat-b1s: 72%}to{--wpic-chat-b1x: 12%;--wpic-chat-b1y: 18%;--wpic-chat-b1s: 85%}}@keyframes wpic-chat-b2-anim{0%{--wpic-chat-b2x: 88%;--wpic-chat-b2y: 22%;--wpic-chat-b2s: 78%}25%{--wpic-chat-b2x: 18%;--wpic-chat-b2y: 55%;--wpic-chat-b2s: 92%}50%{--wpic-chat-b2x: 65%;--wpic-chat-b2y: 85%;--wpic-chat-b2s: 62%}75%{--wpic-chat-b2x: 28%;--wpic-chat-b2y: 12%;--wpic-chat-b2s: 88%}to{--wpic-chat-b2x: 88%;--wpic-chat-b2y: 22%;--wpic-chat-b2s: 78%}}@keyframes wpic-chat-b3-anim{0%{--wpic-chat-b3x: 15%;--wpic-chat-b3y: 18%;--wpic-chat-b3s: 90%}30%{--wpic-chat-b3x: 76%;--wpic-chat-b3y: 28%;--wpic-chat-b3s: 68%}60%{--wpic-chat-b3x: 45%;--wpic-chat-b3y: 82%;--wpic-chat-b3s: 100%}to{--wpic-chat-b3x: 15%;--wpic-chat-b3y: 18%;--wpic-chat-b3s: 90%}}@keyframes wpic-chat-b4-anim{0%{--wpic-chat-b4x: 72%;--wpic-chat-b4y: 78%;--wpic-chat-b4s: 70%}35%{--wpic-chat-b4x: 24%;--wpic-chat-b4y: 30%;--wpic-chat-b4s: 86%}70%{--wpic-chat-b4x: 86%;--wpic-chat-b4y: 44%;--wpic-chat-b4s: 62%}to{--wpic-chat-b4x: 72%;--wpic-chat-b4y: 78%;--wpic-chat-b4s: 70%}}@keyframes wpic-chat-b5-anim{0%{--wpic-chat-b5x: 38%;--wpic-chat-b5y: 25%;--wpic-chat-b5s: 80%}20%{--wpic-chat-b5x: 72%;--wpic-chat-b5y: 58%;--wpic-chat-b5s: 98%}55%{--wpic-chat-b5x: 20%;--wpic-chat-b5y: 74%;--wpic-chat-b5s: 66%}to{--wpic-chat-b5x: 38%;--wpic-chat-b5y: 25%;--wpic-chat-b5s: 80%}}.wpic-chat-markdown p+p,.wpic-chat-markdown p+ul,.wpic-chat-markdown ul+p,.wpic-chat-markdown pre+p,.wpic-chat-markdown p+pre,.wpic-chat-markdown p+.wpic-chat-table-wrap,.wpic-chat-markdown .wpic-chat-table-wrap+p{margin-top:.65rem}.wpic-chat-markdown strong{font-weight:600}.wpic-chat-markdown em{font-style:italic}.wpic-chat-markdown ul{list-style:disc;padding-left:1.25rem}.wpic-chat-markdown li+li{margin-top:.25rem}.wpic-chat-markdown h3,.wpic-chat-markdown h4,.wpic-chat-markdown h5{font-weight:600;line-height:1.35}.wpic-chat-markdown h3+p,.wpic-chat-markdown h4+p,.wpic-chat-markdown h5+p{margin-top:.4rem}.wpic-chat-markdown code{border-radius:.375rem;background:#f4f4f5e6;padding:.08rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.dark .wpic-chat-markdown code{background:#3f3f46cc}.wpic-chat-markdown pre{overflow-x:auto;border-radius:.5rem;background:#f4f4f5e6;padding:.75rem}.dark .wpic-chat-markdown pre{background:#3f3f46cc}.wpic-chat-markdown pre code{background:transparent;padding:0}.wpic-chat-markdown a{color:var(--wpic-primary);text-decoration:underline;text-underline-offset:2px}.wpic-chat-markdown .wpic-chat-inline-action{display:inline-flex;align-items:center;min-height:1.65rem;max-width:100%;margin:0 .08rem;border:1px solid rgb(212 212 216);border-radius:.375rem;background:#fff;padding:.08rem .45rem;color:#27272a;font:inherit;font-weight:600;line-height:1.25;vertical-align:baseline;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.wpic-chat-markdown .wpic-chat-inline-action:hover{border-color:var(--wpic-primary);background:#f4f4f5;color:var(--wpic-primary)}.wpic-chat-markdown .wpic-chat-actions-end{margin-top:.55rem}.dark .wpic-chat-markdown .wpic-chat-inline-action,[data-theme=dark] .wpic-chat-markdown .wpic-chat-inline-action{border-color:#ffffff2e;background:#27272a;color:#f4f4f5}.dark .wpic-chat-markdown .wpic-chat-inline-action:hover,[data-theme=dark] .wpic-chat-markdown .wpic-chat-inline-action:hover{border-color:#ffffff59;background:#3f3f46;color:#fff}.wpic-chat-markdown .wpic-chat-table-wrap{max-width:100%;overflow-x:auto;border:1px solid rgb(228 228 231);border-radius:.625rem}.dark .wpic-chat-markdown .wpic-chat-table-wrap,[data-theme=dark] .wpic-chat-markdown .wpic-chat-table-wrap{border-color:#ffffff29}.wpic-chat-markdown table{width:100%;border-collapse:collapse}.wpic-chat-markdown th,.wpic-chat-markdown td{padding:.45rem .65rem;text-align:left;vertical-align:top;border-bottom:1px solid rgb(228 228 231)}.dark .wpic-chat-markdown th,.dark .wpic-chat-markdown td,[data-theme=dark] .wpic-chat-markdown th,[data-theme=dark] .wpic-chat-markdown td{border-bottom-color:#ffffff24}.wpic-chat-markdown th{font-weight:600;color:#3f3f46;background:#f4f4f5cc}.dark .wpic-chat-markdown th,[data-theme=dark] .wpic-chat-markdown th{color:#d4d4d8;background:#3f3f4673}.wpic-chat-markdown tr:last-child td{border-bottom:0}.wpic-slider{--wpic-slider-progress: 0%;--wpic-slider-fill: #52525b;--wpic-slider-track: #d4d4d8;--wpic-slider-thumb: #ffffff;--wpic-slider-thumb-border: #a1a1aa;--wpic-slider-grip: #71717a;appearance:none;height:1.125rem;margin:0;background:transparent}.dark .wpic-slider,[data-theme=dark] .wpic-slider{--wpic-slider-fill: #71717a;--wpic-slider-track: #2f2f2f;--wpic-slider-thumb: #a1a1aa;--wpic-slider-thumb-border: #52525b;--wpic-slider-grip: #3f3f46}.wpic-slider::-webkit-slider-runnable-track{height:.25rem;border-radius:999px;background:linear-gradient(to right,var(--wpic-slider-fill) 0 var(--wpic-slider-progress),var(--wpic-slider-track) var(--wpic-slider-progress) 100%)}.wpic-slider::-moz-range-track{height:.25rem;border-radius:999px;background:var(--wpic-slider-track)}.wpic-slider::-moz-range-progress{height:.25rem;border-radius:999px;background:var(--wpic-slider-fill)}.wpic-slider--signed::-webkit-slider-runnable-track{background:var(--wpic-slider-track)}.wpic-slider--signed::-moz-range-progress{background:var(--wpic-slider-track)}.wpic-slider::-webkit-slider-thumb{appearance:none;width:.875rem;height:.875rem;margin-top:-.3125rem;border:2px solid var(--wpic-slider-thumb-border);border-radius:999px;background:var(--wpic-slider-thumb);box-shadow:0 1px 2px #00000029;transition:transform .12s ease,box-shadow .12s ease}.wpic-slider::-moz-range-thumb{width:.6875rem;height:.6875rem;border:2px solid var(--wpic-slider-thumb-border);border-radius:999px;background:var(--wpic-slider-thumb);box-shadow:0 1px 2px #00000029;transition:transform .12s ease,box-shadow .12s ease}.wpic-slider:not(:disabled):hover::-webkit-slider-thumb,.wpic-slider:not(:disabled):focus-visible::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 0 0 4px #71717a24,0 1px 2px #0003}.wpic-slider:not(:disabled):hover::-moz-range-thumb,.wpic-slider:not(:disabled):focus-visible::-moz-range-thumb{transform:scale(1.08);box-shadow:0 0 0 4px #71717a24,0 1px 2px #0003}.wpic-slider:focus-visible{outline:none}.wpic-slider--timeline{height:1.75rem;--wpic-slider-grip-dots: radial-gradient(circle at calc(50% - 5px) calc(50% - 3px) , var(--wpic-slider-grip) 0 1px, transparent 1.5px), radial-gradient(circle at 50% calc(50% - 3px) , var(--wpic-slider-grip) 0 1px, transparent 1.5px), radial-gradient(circle at calc(50% + 5px) calc(50% - 3px) , var(--wpic-slider-grip) 0 1px, transparent 1.5px), radial-gradient(circle at calc(50% - 5px) calc(50% + 3px) , var(--wpic-slider-grip) 0 1px, transparent 1.5px), radial-gradient(circle at 50% calc(50% + 3px) , var(--wpic-slider-grip) 0 1px, transparent 1.5px), radial-gradient(circle at calc(50% + 5px) calc(50% + 3px) , var(--wpic-slider-grip) 0 1px, transparent 1.5px)}.wpic-slider--timeline::-webkit-slider-runnable-track{height:.375rem;background:var(--wpic-slider-track)}.wpic-slider--timeline::-moz-range-track,.wpic-slider--timeline::-moz-range-progress{height:.375rem;background:var(--wpic-slider-track)}.wpic-slider--timeline::-webkit-slider-thumb{width:1.875rem;height:1.125rem;margin-top:-.40625rem;border-width:1px;border-radius:.3125rem;background-color:var(--wpic-slider-thumb);background-image:var(--wpic-slider-grip-dots);box-shadow:0 1px 3px #00000029}.wpic-slider--timeline::-moz-range-thumb{width:1.75rem;height:1rem;border-width:1px;border-radius:.3125rem;background-color:var(--wpic-slider-thumb);background-image:var(--wpic-slider-grip-dots);box-shadow:0 1px 3px #00000029}.wpic-modal-overlay{position:fixed;inset:0;z-index:99999;width:100vw;height:100vh}.wpic-modal-panel{max-height:90vh}.wpic-modal-sm{max-width:24rem}.wpic-modal-md{max-width:32rem}.wpic-modal-lg{max-width:42rem}.wpic-modal-xl{max-width:56rem}.wpic-modal-2xl{max-width:72rem}.wpic-modal-full{max-width:90vw}.w-tabs-container[data-v-a38dcda8]{display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid var(--border-color, #e4e4e7)}.w-tabs[data-v-a38dcda8]{display:flex;position:relative}.w-tabs.size-sm[data-v-a38dcda8]{gap:.125rem}.w-tabs.size-md[data-v-a38dcda8]{gap:.25rem}.w-tabs.size-lg[data-v-a38dcda8]{gap:.375rem}.tab-button[data-v-a38dcda8]{display:flex;align-items:center;padding:.5rem .75rem;background:none;border:none;cursor:pointer;position:relative;transition:all .15s ease;color:var(--tab-color, #71717a);font-size:var(--tab-font-size, 1rem);gap:var(--tab-gap, .25rem)}.tab-button[data-v-a38dcda8]:hover:not(.disabled){color:var(--tab-hover-color, #27272a)}.tab-button.active[data-v-a38dcda8]{color:var(--tab-active-color, #18181b);font-weight:500}.tab-button.disabled[data-v-a38dcda8]{opacity:.4;cursor:not-allowed}.tab-button.active[data-v-a38dcda8]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--v5ac02385);transition:all .15s ease}.tab-button.size-sm[data-v-a38dcda8]{font-size:.875rem;gap:.125rem;padding:.25rem .5rem}.tab-button.size-lg[data-v-a38dcda8]{font-size:1.125rem;gap:.375rem;padding:.75rem 1rem}.tab-icon[data-v-a38dcda8]{width:1rem;height:1rem}.tab-icon.size-sm[data-v-a38dcda8]{width:.875rem;height:.875rem}.tab-icon.size-lg[data-v-a38dcda8]{width:1.25rem;height:1.25rem}.tab-badge[data-v-a38dcda8]{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.125rem .375rem;background-color:var(--badge-bg, #e4e4e7);color:var(--badge-color, #18181b);font-size:.75rem;font-weight:500;line-height:1;margin-left:.25rem}.dark .tab-button[data-v-a38dcda8]:hover:not(.disabled){color:var(--tab-hover-color, #e4e4e7)}.dark .tab-button.active[data-v-a38dcda8]{color:var(--tab-active-color, #f4f4f5)}.dark .tab-badge[data-v-a38dcda8]{background-color:var(--badge-bg, #3f3f46);color:var(--badge-color, #f4f4f5)}.tab-actions[data-v-a38dcda8]{display:flex;align-items:center;gap:4px;padding-bottom:2px}.dark .w-tabs-container[data-v-a38dcda8]{border-bottom-color:#27272a}.dark .w-tabs[data-v-a38dcda8]{border-bottom-color:var(--border-color, #27272a)}.wp-backdrop-enter-active,.wp-backdrop-leave-active{transition:opacity .2s ease}.wp-backdrop-enter-from,.wp-backdrop-leave-to{opacity:0}.wp-panel-enter-active,.wp-panel-leave-active{transition:transform .22s cubic-bezier(.4,0,.2,1)}.wp-panel-enter-from,.wp-panel-leave-to{transform:translate(100%)}.wpic-trend-badge{color:var(--wpic-muted, #64675c);background:color-mix(in srgb,var(--wpic-muted, #64675c) 10%,transparent)}.wpic-trend-badge[data-tone=positive]{color:var(--wpic-trend-positive, #15803d);background:color-mix(in srgb,var(--wpic-trend-positive, #15803d) 12%,transparent)}.wpic-trend-badge[data-tone=negative]{color:var(--wpic-trend-negative, #db2777);background:color-mix(in srgb,var(--wpic-trend-negative, #db2777) 12%,transparent)}.wpic-trend-badge:focus-visible{outline:2px solid currentColor;outline-offset:2px}.wpic-pill-indicator{display:inline-flex;width:1rem;height:1rem;flex:0 0 1rem;align-items:center;justify-content:center;border:1px solid currentColor;transition:border-color .15s,background-color .15s,color .15s}.wpic-pill-group.w-full{display:flex;width:100%;flex-wrap:nowrap}.wpic-pill-group.w-full .wpic-pill{flex:1 1 0;justify-content:center}.wpic-pill-indicator--idle{opacity:.65}.wpic-pill-indicator--active{opacity:1}.wpic-pill--idle{background-color:#f4f4f5;border-color:transparent;color:#71717a}.wpic-pill--idle:hover{background-color:#e4e4e7;border-color:transparent;color:#3f3f46}.wpic-pill--active{background-color:#e4e4e7;border-color:transparent;color:#18181b}.dark .wpic-pill--active{background-color:#3f3f46;border-color:transparent;color:#f4f4f5}.dark .wpic-pill--idle{background-color:#27272a;border-color:transparent;color:#a1a1aa}.dark .wpic-pill--idle:hover{background-color:#3f3f46;border-color:transparent;color:#d4d4d8}.wpic-split-button>.wpic-button:last-child[data-size=xs]{width:auto;padding:0 .375rem}.wpic-split-button>.wpic-button:last-child[data-size=sm]{padding-inline:.375rem}.wpic-split-button>.wpic-button:last-child[data-size=md]{padding-inline:.5rem}.wpic-split-button>.wpic-button:last-child[data-size=lg]{padding-inline:.625rem}.wpic-batch-action-count[data-v-e42125ac]{display:inline-flex;align-items:center;height:2.35rem;padding:0 .65rem;white-space:nowrap;color:#fff;font-size:1rem;font-weight:600}.wpic-batch-action-icon[data-v-e42125ac],.wpic-batch-action[data-v-e42125ac-s]{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:2.35rem;border-radius:.5rem;padding:0 .75rem;white-space:nowrap;color:#f4f4f5;font-size:1rem;font-weight:500;transition:background-color .15s ease,color .15s ease}.wpic-batch-action-icon[data-v-e42125ac]{width:2.35rem;padding:0}.wpic-batch-action-icon[data-v-e42125ac]:hover,.wpic-batch-action[data-v-e42125ac-s]:hover{background:#3f3f46;color:#fff}.wpic-batch-action-icon[data-v-e42125ac]:disabled,.wpic-batch-action[data-v-e42125ac-s]:disabled{cursor:not-allowed;opacity:.65}.wpic-batch-action-icon[data-v-e42125ac]:disabled:hover,.wpic-batch-action[data-v-e42125ac-s]:disabled:hover{background:transparent;color:#f4f4f5}.wpic-batch-action--primary[data-v-e42125ac-s]{background:#e4e4e7;color:#18181b}.wpic-batch-action--primary[data-v-e42125ac-s]:hover{background:#f4f4f5;color:#18181b}.wpic-batch-action--danger[data-v-e42125ac-s]{color:#fca5a5}.wpic-batch-action--danger[data-v-e42125ac-s]:hover{background:#7f1d1d59;color:#fecaca}@media(max-width:640px){.wpic-batch-action-bar[data-v-e42125ac]{right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));left:max(.75rem,env(safe-area-inset-left));max-width:none;transform:none}.wpic-batch-action-icon[data-v-e42125ac],.wpic-batch-action[data-v-e42125ac-s]{min-width:2.75rem;height:2.75rem}.wpic-batch-action-count[data-v-e42125ac]{height:2.75rem}}.wpic-segmented-control{display:inline-flex;flex-shrink:0;align-items:center;border-radius:.375rem;background:transparent;border:1px solid rgb(228 228 231);padding:0}.wpic-segmented-control.w-full{display:flex}.wpic-segmented-control.w-full .wpic-segmented-control__button{flex:1}.wpic-segmented-control__button{display:inline-flex;align-items:center;justify-content:center;border-radius:0;color:#71717a;font-weight:500;line-height:1;transition:background-color .12s ease,color .12s ease;white-space:nowrap;position:relative;cursor:pointer}.wpic-segmented-control__button+.wpic-segmented-control__button{border-left:1px solid rgb(228 228 231)}.wpic-segmented-control__button:first-child{border-top-left-radius:.3125rem;border-bottom-left-radius:.3125rem}.wpic-segmented-control__button:last-child{border-top-right-radius:.3125rem;border-bottom-right-radius:.3125rem}.wpic-segmented-control__button:hover{color:#18181b;background:#fafafa}.wpic-segmented-control__button--active,.wpic-segmented-control__button--active:hover{background:#18181b;color:#fff}.wpic-segmented-control--subtle{background:#f4f4f5;border-color:#f4f4f5;padding:.125rem}.wpic-segmented-control--subtle .wpic-segmented-control__button{border:0;border-radius:0}.wpic-segmented-control--subtle .wpic-segmented-control__button:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.wpic-segmented-control--subtle .wpic-segmented-control__button:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.wpic-segmented-control--subtle .wpic-segmented-control__button+.wpic-segmented-control__button{border-left:0}.wpic-segmented-control--subtle .wpic-segmented-control__button--active,.wpic-segmented-control--subtle .wpic-segmented-control__button--active:hover{background:#fff;border-radius:.25rem;color:#18181b}.wpic-segmented-control--subtle.wpic-segmented-control--xs .wpic-segmented-control__button{min-height:2rem}.wpic-segmented-control--subtle.wpic-segmented-control--sm .wpic-segmented-control__button{height:2rem}.wpic-segmented-control--subtle.wpic-segmented-control--md .wpic-segmented-control__button{height:2.25rem}.wpic-segmented-control--md .wpic-segmented-control__button{height:2.25rem;min-width:3.25rem;padding:0 .75rem;font-size:1rem}.wpic-segmented-control--sm .wpic-segmented-control__button{height:2rem;min-width:2.875rem;padding:0 .5rem;font-size:.875rem}.wpic-segmented-control--xs .wpic-segmented-control__button{min-height:1.5rem;min-width:2.5rem;padding:.125rem .375rem;font-size:.875rem}.wpic-segmented-control--disabled,.wpic-segmented-control__button--disabled{opacity:.5}.wpic-segmented-control--disabled .wpic-segmented-control__button,.wpic-segmented-control__button--disabled{cursor:not-allowed}.dark .wpic-segmented-control{background:transparent;border-color:#3f3f46}.dark .wpic-segmented-control__button+.wpic-segmented-control__button{border-left-color:#3f3f46}.dark .wpic-segmented-control__button{color:#a1a1aa}.dark .wpic-segmented-control__button:hover{color:#fff;background:#27272a}.dark .wpic-segmented-control__button--active,.dark .wpic-segmented-control__button--active:hover{background:#fff;color:#18181b}.dark .wpic-segmented-control--subtle{background:#27272a;border-color:#27272a}.dark .wpic-segmented-control--subtle .wpic-segmented-control__button+.wpic-segmented-control__button{border-left:0}.dark .wpic-segmented-control--subtle .wpic-segmented-control__button--active,.dark .wpic-segmented-control--subtle .wpic-segmented-control__button--active:hover{background:#3f3f46;color:#fff}.yorkshire-tea--mono path[data-v-4207e5e4]:nth-child(1),.yorkshire-tea--mono path[data-v-4207e5e4]:nth-child(2){fill:currentColor}.yorkshire-tea--mono path[data-v-4207e5e4]:nth-child(3){display:none}

package/dist/wpic-ui.js

@@ -1101,6 +1101,8 @@ function H4(n, h = {}) {
     "--wpic-primary": t.accent,
     "--wpic-primary-hover": t.accent,
     "--wpic-control-height": "36px",
+    // Use an opaque light-mode border so row hover cannot change its painted color.
+    "--wpic-table-border": n === "light" ? `color-mix(in srgb, ${t.text} 11.5%, ${t.surface})` : t.border,
     "--wpic-segment-active": n === "dark" ? t.secondaryHover : t.surface,
     "--wpic-segment-shadow": n === "dark" ? t.secondaryShadow : `inset 0 0 0 1px ${t.border}, 0 1px 2px rgb(0 0 0 / 0.08)`,
     "--wpic-button-primary": t.primary,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wpic/ui",
-  "version": "0.8.2",
+  "version": "0.8.4",
   "type": "module",
   "description": "WPIC shared Vue 3 component library",
   "publishConfig": {

package/src/style.css

@@ -451,8 +451,11 @@ input[type="range"].slider-themed::-webkit-slider-thumb {
 .wpic-table__row:hover { background: var(--wpic-raised, var(--bg-input)); }
 .wpic-table__sticky {
   background: inherit;
-  box-shadow: 1px 0 0 var(--wpic-border, var(--border-strong));
+  box-shadow: inset -1px 0 0 var(--wpic-table-border, var(--border-strong));
 }
 
 /* Match row separators to the enclosing themed card in both modes. */
-.wpic-theme .wpic-table__divider { border-color: var(--wpic-border); }
+.wpic-theme .wpic-table__divider,
+.wpic-theme .wpic-card--bordered:has(> .wpic-card__body > .wpic-table) {
+  border-color: var(--wpic-table-border, var(--wpic-border));
+}