hans-ui-design-lib 1.0.36 → 1.0.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +42 -40
- package/dist/index.es.js +11 -2
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -183,7 +183,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
183
183
|
hans-toast
|
|
184
184
|
hans-toast-${r}
|
|
185
185
|
${e}
|
|
186
|
-
`,fte=({toastColor:r,toastVariant:e,position:t,offset:a,stackOffset:n,zIndex:i,style:o})=>{const s=ute({toastColor:r,toastVariant:e}),l=t.startsWith("top"),u=t.endsWith("right");return{...o||{},[l?"top":"bottom"]:`${a}px`,[u?"right":"left"]:`${a}px`,"--hans-toast-bg":s.background,"--hans-toast-border":s.border,"--hans-toast-text":s.text,"--hans-toast-accent":s.accent,"--hans-toast-shadow":s.shadow,"--hans-toast-stack-offset":`${n}px`,transform:`translateY(${l?n:n*-1}px)`,zIndex:i}},hte=({isControlled:r,setInternalVisible:e,onVisibilityChange:t,onClose:a})=>n=>{r||e(!1),t&&t(!1),a&&a(n)},vte=({visible:r,position:e,toastId:t,containerRef:a})=>()=>{if(!r){lg(t);return}const n=()=>nte(e,t,ste(a.current));if(n(),typeof ResizeObserver>"u"||!a.current)return()=>{lg(t)};const i=new ResizeObserver(()=>n());return i.observe(a.current),()=>{i.disconnect(),lg(t)}},dte=({visible:r,duration:e,handleClose:t})=>()=>{if(!r||e<=0)return;const a=window.setTimeout(()=>t("timeout"),e);return()=>window.clearTimeout(a)},vE=W.memo(r=>{const{title:e="",message:t="",isVisible:a,defaultVisible:n=!0,duration:i=4e3,toastColor:o="base",toastVariant:s="neutral",toastSize:l="medium",position:u="top-right",dismissible:c=!0,iconName:f="",stackGap:h=12,offset:v=16,closeButtonLabel:d="Dismiss notification",customClasses:p="",titleClassName:g="",messageClassName:y="",onClose:m,onVisibilityChange:_,portalTarget:b=null,style:x,...S}=r,w=W.useId(),T=W.useRef(null),[C,A]=W.useState(n),M=typeof a<"u",I=M?!!a:C,L=hte({isControlled:M,setInternalVisible:A,onVisibilityChange:_,onClose:m}),P=W.useSyncExternalStore(bM,()=>ote(u,w,h),()=>0),k=W.useSyncExternalStore(bM,()=>ite(u,w),()=>-1),{role:R,ariaLive:O}=lte(o);if(W.useLayoutEffect(()=>vte({visible:I,position:u,toastId:w,containerRef:T})(),[t,u,e,w,l,I]),W.useEffect(()=>dte({visible:I,duration:i,handleClose:L})(),[i,L,I]),!I)return null;const N=cte(l,p),B=fte({toastColor:o,toastVariant:s,position:u,offset:v,stackOffset:P,zIndex:1400+Math.max(k,0),style:x}),z=E.jsxs("div",{ref:T,className:N,style:B,role:R,"aria-live":O,"aria-atomic":"true","data-position":u,...S,children:[E.jsx("span",{className:"hans-toast-accent","aria-hidden":"true"}),f?E.jsx("span",{className:"hans-toast-icon",children:E.jsx(et,{name:f,iconSize:l})}):null,E.jsxs("div",{className:"hans-toast-content",children:[e?E.jsx("span",{className:`hans-toast-title ${g}`,children:e}):null,t?E.jsx("span",{className:`hans-toast-message ${y}`,children:t}):null]}),c?E.jsx("button",{type:"button",className:"hans-toast-close","aria-label":d,onClick:()=>L("dismiss"),children:E.jsx(et,{name:"IoIosCloseCircle"})}):null]});return b?Mm.createPortal(z,b):z});vE.displayName="HansToast";const dE=r=>r==="base"?"base":r,pte=({modalColor:r,modalVariant:e})=>{const t=dE(r),a=r==="base"?"var(--text-color)":`var(--${t}-strong-color)`,n=r==="base"?"var(--gray-700)":`var(--${t}-default-color)`;return e==="strong"?{background:`var(--${t}-strong-color)`,border:`var(--${t}-default-color)`,text:"var(--white)",mutedText:"rgba(255, 255, 255, 0.78)",overlay:"rgba(15, 23, 42, 0.62)",shadow:"0 24px 64px rgba(15, 23, 42, 0.34)"}:e==="default"?{background:`var(--${t}-default-color)`,border:`var(--${t}-strong-color)`,text:"var(--white)",mutedText:"rgba(255, 255, 255, 0.8)",overlay:"rgba(15, 23, 42, 0.56)",shadow:"0 24px 60px rgba(15, 23, 42, 0.3)"}:e==="outline"?{background:"var(--white)",border:`var(--${t}-default-color)`,text:a,mutedText:n,overlay:"rgba(15, 23, 42, 0.52)",shadow:"0 22px 54px rgba(15, 23, 42, 0.2)"}:e==="transparent"?{background:"rgba(255, 255, 255, 0.88)",border:`var(--${t}-neutral-color)`,text:a,mutedText:n,overlay:"rgba(15, 23, 42, 0.44)",shadow:"0 18px 48px rgba(15, 23, 42, 0.18)"}:{background:`var(--${t}-neutral-color)`,border:`var(--${t}-default-color)`,text:a,mutedText:n,overlay:"rgba(15, 23, 42, 0.48)",shadow:"0 20px 52px rgba(15, 23, 42, 0.18)"}},gte=({modalColor:r,modalVariant:e,dismissButtonColor:t,style:a})=>{const n=pte({modalColor:r,modalVariant:e}),i=dE(t),o=t==="base"?"var(--text-color)":`var(--${i}-strong-color)`;return{...a||{},"--hans-modal-bg":n.background,"--hans-modal-border":n.border,"--hans-modal-text":n.text,"--hans-modal-muted-text":n.mutedText,"--hans-modal-overlay":n.overlay,"--hans-modal-shadow":n.shadow,"--hans-modal-dismiss-color":o}},yte=({modalSize:r,placement:e,customClasses:t,dialogClassName:a})=>["hans-modal-dialog",`hans-modal-${r}`,`hans-modal-placement-${e}`,t,a].filter(Boolean).join(" "),la=r=>W.Children.toArray(r).some(e=>typeof e=="string"?e.trim().length>0:!!e),mte=({title:r,dismissible:e,header:t})=>!!(e||la(r)||la(t)),_te=({footer:r,confirmLabel:e,cancelLabel:t,hasPagination:a})=>!!(la(r)||e&&e.trim().length>0||t&&t.trim().length>0||a),bte=({isControlled:r,setInternalOpen:e,onOpenChange:t,onClose:a})=>n=>{r||e(!1),t&&t(!1),a&&a(n)},xM=({onAction:r,close:e,reason:t,shouldClose:a})=>()=>{r&&r(),a&&e(t)},xte=({closeOnBackdropClick:r,close:e})=>t=>{r&&t.target===t.currentTarget&&e("backdrop")},Ste=({isOpen:r,closeOnEscape:e,close:t})=>()=>{if(!r||!e||typeof document>"u")return;const a=n=>{n.key==="Escape"&&t("escape")};return document.addEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)}},wte=({isOpen:r,lockBodyScroll:e})=>()=>{if(!r||!e||typeof document>"u")return;const{body:t}=document,a=t.style.overflow,n=t.style.paddingRight,i=t.style.scrollbarGutter,o=window.innerWidth-document.documentElement.clientWidth;return t.style.overflow="hidden",t.style.scrollbarGutter="stable",o>0&&(t.style.paddingRight=`calc(${o}px)`),()=>{t.style.overflow=a,t.style.paddingRight=n,t.style.scrollbarGutter=i}},Tte=r=>r||(typeof document>"u"?null:document.body),Cte=r=>"host"in r&&r.host instanceof HTMLElement?r.host:null,Ate=({container:r,projection:e})=>()=>{const t=Cte(r);if(!t||!e)return;const a=Array.from(t.childNodes);for(const n of a)e.appendChild(n);return()=>{for(const n of a)t.appendChild(n)}},Mte=({container:r})=>{const e=W.useRef(null);return W.useLayoutEffect(()=>Ate({container:r,projection:e.current})(),[r]),W.createElement("div",{ref:e,className:"hans-modal-projected-content"})},pE=W.memo(r=>{const{isOpen:e,defaultOpen:t=!1,modalSize:a="medium",modalColor:n="base",modalVariant:i="neutral",placement:o="center",title:s,header:l,footer:u,dismissible:c=!0,showOverlay:f=!0,closeOnBackdropClick:h=!0,closeOnEscape:v=!0,closeOnConfirm:d=!0,closeOnCancel:p=!0,lockBodyScroll:g=!0,showHeaderDivider:y=!0,showFooterDivider:m=!0,renderBody:_=!1,disablePortal:b=!1,loading:x=!1,confirmLabel:S="",cancelLabel:w="",closeButtonLabel:T="Close modal",confirmButtonColor:C="primary",cancelButtonColor:A="base",dismissButtonColor:M="base",confirmDisabled:I=!1,cancelDisabled:L=!1,confirmLoading:P=!1,paginationCurrentPage:k=1,paginationTotalPages:R=0,paginationDisabled:O=!1,paginationAriaLabel:N="Pagination",paginationFirstLabel:B="First",paginationPreviousLabel:z="Previous",paginationNextLabel:G="Next",paginationLastLabel:V="Last",paginationPageLabel:Z="Page",paginationFirstContent:X,paginationPreviousContent:re,paginationNextContent:xe,paginationLastContent:ye,paginationMaxVisiblePages:ie=5,paginationColor:ee="primary",paginationSize:oe="medium",paginationActivePageVariant:j="default",paginationInactivePageVariant:ne="outline",customClasses:Re="",overlayClassName:Te="",dialogClassName:Ne="",headerClassName:ze="",bodyClassName:tt="",footerClassName:kt="",contentClassName:Ct="",maxBodyHeight:Nr="calc(100vh - 14rem)",children:ir,container:nn,onOpenChange:Fu,onClose:Wu,onConfirm:pb,onCancel:gb,onPageChange:ME,portalTarget:DE,style:LE,...IE}=r,yb=W.useId(),Lv=W.useRef(null),[PE,kE]=W.useState(t),Iv=typeof e<"u",Yn=Iv?!!e:PE,Ia=W.useMemo(()=>bte({isControlled:Iv,setInternalOpen:kE,onOpenChange:Fu,onClose:Wu}),[Iv,Wu,Fu]),RE=W.useMemo(()=>xM({onAction:pb,close:Ia,reason:"confirm",shouldClose:d}),[Ia,d,pb]),EE=W.useMemo(()=>xM({onAction:gb,close:Ia,reason:"cancel",shouldClose:p}),[Ia,p,gb]),NE=W.useMemo(()=>xte({closeOnBackdropClick:h,close:Ia}),[Ia,h]),OE=mte({title:s,dismissible:c,header:l}),BE=x||_||la(ir),mb=la(u),Pv=R>1,_b=Pv||mb,VE=_te({footer:u,confirmLabel:S,cancelLabel:w,hasPagination:Pv}),zE=o==="center"?Nr:"100vh",HE=_&&!la(ir)&&!!nn,GE=x?E.jsx(Ye,{loadingType:"spinner",loadingSize:"medium",loadingColor:n,ariaLabel:"Modal loading"}):la(ir)?ir:HE?E.jsx(Mte,{container:nn}):E.jsx("slot",{});if(W.useEffect(()=>Ste({isOpen:Yn,closeOnEscape:v,close:Ia})(),[Ia,v,Yn]),W.useEffect(()=>wte({isOpen:Yn,lockBodyScroll:g})(),[g,Yn]),W.useEffect(()=>{!Yn||!Lv.current||Lv.current.focus()},[Yn]),!Yn)return null;const kv=E.jsxs("div",{className:["hans-modal-portal",Te].filter(Boolean).join(" "),style:gte({modalColor:n,modalVariant:i,dismissButtonColor:M,style:LE}),"data-placement":o,children:[f?E.jsx("div",{className:"hans-modal-overlay","aria-hidden":"true"}):null,E.jsx("div",{className:"hans-modal-shell",onClick:NE,children:E.jsx("div",{ref:Lv,className:yte({modalSize:a,placement:o,customClasses:Re,dialogClassName:Ne}),role:"dialog","aria-modal":"true","aria-labelledby":la(s)?yb:void 0,tabIndex:-1,...IE,children:E.jsxs("div",{className:["hans-modal-content",Ct].filter(Boolean).join(" "),children:[OE?E.jsxs("div",{className:["hans-modal-header",y?"hans-modal-header-divider":"",ze].filter(Boolean).join(" "),children:[E.jsxs("div",{className:"hans-modal-header-main",children:[la(s)?E.jsx("div",{id:yb,className:"hans-modal-title",children:s}):null,la(l)?E.jsx("div",{className:"hans-modal-header-content",children:l}):null]}),c?E.jsx("button",{type:"button",className:"hans-modal-dismiss","aria-label":T,onClick:()=>Ia("dismiss"),children:E.jsx(et,{name:"IoIosCloseCircle"})}):null]}):null,BE?E.jsx("div",{className:["hans-modal-body",tt].filter(Boolean).join(" "),style:{"--hans-modal-body-max-height":zE},children:E.jsx("div",{className:["hans-modal-body-content",x?"hans-modal-body-loading":""].filter(Boolean).join(" "),children:GE})}):null,VE?E.jsxs("div",{className:["hans-modal-footer",m?"hans-modal-footer-divider":"",_b?"":"hans-modal-footer-actions-only",kt].filter(Boolean).join(" "),children:[_b?E.jsxs("div",{className:"hans-modal-footer-support",children:[Pv?E.jsx("div",{className:"hans-modal-footer-pagination",children:E.jsx(lb,{currentPage:k,totalPages:R,disabled:O,ariaLabel:N,firstLabel:B,previousLabel:z,nextLabel:G,lastLabel:V,pageLabel:Z,firstContent:X,previousContent:re,nextContent:xe,lastContent:ye,maxVisiblePages:ie,paginationColor:ee,paginationSize:oe,activePageVariant:j,inactivePageVariant:ne,onPageChange:ME})}):null,mb?E.jsx("div",{className:"hans-modal-footer-content",children:u}):null]}):null,E.jsxs("div",{className:"hans-modal-footer-actions",children:[w?E.jsx(Nt,{label:w,buttonVariant:"outline",buttonColor:A,disabled:L,onClick:EE}):null,S?E.jsx(Nt,{label:S,buttonVariant:"default",buttonColor:C,disabled:I,loading:P,onClick:RE}):null]})]}):null]})})})]});if(b)return kv;const bb=Tte(DE);return bb?Mm.createPortal(kv,bb):kv});pE.displayName="HansModal";const _i=(r,e)=>`var(--${r}-${e}-color)`,Dte=(r,e)=>!r||r.columnKey!==e?{columnKey:e,direction:"asc"}:r.direction==="asc"?{columnKey:e,direction:"desc"}:{columnKey:e,direction:"asc"},Dv=r=>r===null||typeof r>"u"?"-":typeof r=="string"?r:typeof r=="number"||typeof r=="boolean"?`${r}`:Array.isArray(r)?r.map(e=>Dv(e)).join(", "):JSON.stringify(r),SM=r=>typeof r=="number"?r:typeof r=="string"?r.toLowerCase():typeof r=="boolean"?Number(r):Dv(r).toLowerCase(),Lte=(r,e)=>{if(!e)return r;const{columnKey:t,direction:a}=e;return[...r].sort((i,o)=>{const s=SM(i[t]),l=SM(o[t]);return s<l?a==="asc"?-1:1:s>l?a==="asc"?1:-1:0})},Ite=(r,e,t)=>{const a=Object.entries(t).filter(([,i])=>i.trim().length>0);if(a.length===0)return r;const n=new Set(e.filter(i=>i.filter).map(i=>i.key));return r.filter(i=>a.every(([o,s])=>n.has(o)?Dv(i[o]).toLowerCase().includes(s.toLowerCase().trim()):!0))},wM=r=>r.filter?r.filter.placeholder?r.filter.placeholder:r.filter.type==="input"?`Filter ${r.header}`:`Select ${r.header}`:"",Pte=(r,e)=>!r.filter||r.filter.type!=="dropdown"?[]:[{label:r.filter.clearLabel??e,value:""},...r.filter.options],Nh=r=>r==="center"?"hans-table-align-center":r==="right"?"hans-table-align-right":"hans-table-align-left",kte=({headerColor:r="base",rowColor:e="base",headerTextColor:t,rowTextColor:a,borderColor:n,dividerColor:i,rowHoverColor:o})=>({"--hans-table-header-bg":_i(r,"strong"),"--hans-table-header-text":_i(t??r,"neutral"),"--hans-table-row-bg":e==="base"?"var(--white)":_i(e,"neutral"),"--hans-table-row-text":_i(a??e,"strong"),"--hans-table-border":_i(n??"base","default"),"--hans-table-divider":_i(i??"base","neutral"),"--hans-table-row-hover":_i(o??e,"default")}),gE=W.memo(r=>{const{columns:e,rows:t,striped:a,emptyText:n,isLoading:i,loadingType:o,loadingColor:s,loadingAriaLabel:l}=r;return i?E.jsx("tbody",{children:E.jsx("tr",{children:E.jsx("td",{className:"hans-table-loading",colSpan:e.length,children:E.jsx(Ye,{loadingType:o,loadingColor:s,ariaLabel:l,skeletonWidth:"100%",skeletonHeight:"120px"})})})}):t.length===0?E.jsx("tbody",{children:E.jsx("tr",{children:E.jsx("td",{className:"hans-table-empty",colSpan:e.length,children:n})})}):E.jsx("tbody",{className:a?"hans-table-striped":"",children:t.map((u,c)=>E.jsx("tr",{children:e.map(f=>{const h=u[f.key];return E.jsx("td",{className:Nh(f.align),children:f.render?f.render(h,u,c):Dv(h)},`${f.key}-${c}`)})},`hans-table-row-${c}`))})});gE.displayName="HansTableBody";const yE=W.memo(r=>{const{columns:e,sortState:t,onSort:a,isLoading:n=!1,loadingType:i="skeleton",loadingColor:o="base",loadingAriaLabel:s="Loading table header"}=r;return n?E.jsx("thead",{className:"hans-table-head",children:E.jsx("tr",{children:e.map(l=>E.jsx("th",{className:Nh(l.align),children:E.jsx(Ye,{loadingType:i,loadingColor:o,ariaLabel:s,skeletonWidth:"100%",skeletonHeight:"16px",customClasses:"hans-table-header-loading"})},l.key))})}):E.jsx("thead",{className:"hans-table-head",children:E.jsx("tr",{children:e.map(l=>{const u=t?.columnKey===l.key?t.direction:null;return E.jsx("th",{className:Nh(l.align),children:E.jsxs("div",{className:"hans-table-head-content",children:[E.jsx("span",{children:l.header}),l.sortable?E.jsx("button",{type:"button",className:"hans-table-sort-button","aria-label":`Sort by ${l.header}`,onClick:()=>a(l),children:E.jsx(et,{name:u==="asc"?"IoIosArrowUp":"IoIosArrowDown",iconSize:"small",customClasses:u?"hans-table-sort-icon-active":""})}):null]})},l.key)})})})});yE.displayName="HansTableHeader";const mE=W.memo(r=>{const{columns:e=[],rows:t=[],headerColor:a="base",rowColor:n="base",customClasses:i="",emptyText:o="No records found",headerTextColor:s,rowTextColor:l,borderColor:u,dividerColor:c,rowHoverColor:f,showColumnDividers:h=!1,defaultDropdownFilterClearLabel:v="Clear filter",isLoading:d=!1,loadingType:p="skeleton",loadingColor:g="base",loadingAriaLabel:y="Loading table data",maxHeight:m,minWidth:_,striped:b=!1,initialSort:x,initialFilters:S,onSortChange:w,onFiltersChange:T,...C}=r,[A,M]=W.useState(x??null),[I,L]=W.useState(S??{});W.useEffect(()=>{typeof x>"u"||M(x)},[x]),W.useEffect(()=>{typeof S>"u"||L(S)},[S]);const k=W.useMemo(()=>e.some(V=>!!V.filter),[e])&&!d,R=W.useMemo(()=>Ite(t,e,I),[t,e,I]),O=W.useMemo(()=>Lte(R,A),[R,A]),N=W.useMemo(()=>kte({headerColor:a,rowColor:n,headerTextColor:s,rowTextColor:l,borderColor:u,dividerColor:c,rowHoverColor:f}),[u,c,a,s,n,f,l]),B=W.useMemo(()=>({...N,"--hans-table-max-height":m??"none","--hans-table-min-width":_??"100%"}),[N,m,_]),z=V=>{const Z=Dte(A,V.key);M(Z),w&&w(Z)},G=(V,Z)=>{L(X=>{const re={...X,[V]:Z};return T&&T(re),re})};return E.jsx("div",{className:`
|
|
186
|
+
`,fte=({toastColor:r,toastVariant:e,position:t,offset:a,stackOffset:n,zIndex:i,style:o})=>{const s=ute({toastColor:r,toastVariant:e}),l=t.startsWith("top"),u=t.endsWith("right");return{...o||{},[l?"top":"bottom"]:`${a}px`,[u?"right":"left"]:`${a}px`,"--hans-toast-bg":s.background,"--hans-toast-border":s.border,"--hans-toast-text":s.text,"--hans-toast-accent":s.accent,"--hans-toast-shadow":s.shadow,"--hans-toast-stack-offset":`${n}px`,transform:`translateY(${l?n:n*-1}px)`,zIndex:i}},hte=({isControlled:r,setInternalVisible:e,onVisibilityChange:t,onClose:a})=>n=>{r||e(!1),t&&t(!1),a&&a(n)},vte=({visible:r,position:e,toastId:t,containerRef:a})=>()=>{if(!r){lg(t);return}const n=()=>nte(e,t,ste(a.current));if(n(),typeof ResizeObserver>"u"||!a.current)return()=>{lg(t)};const i=new ResizeObserver(()=>n());return i.observe(a.current),()=>{i.disconnect(),lg(t)}},dte=({visible:r,duration:e,handleClose:t})=>()=>{if(!r||e<=0)return;const a=window.setTimeout(()=>t("timeout"),e);return()=>window.clearTimeout(a)},vE=W.memo(r=>{const{title:e="",message:t="",isVisible:a,defaultVisible:n=!0,duration:i=4e3,toastColor:o="base",toastVariant:s="neutral",toastSize:l="medium",position:u="top-right",dismissible:c=!0,iconName:f="",stackGap:h=12,offset:v=16,closeButtonLabel:d="Dismiss notification",customClasses:p="",titleClassName:g="",messageClassName:y="",onClose:m,onVisibilityChange:_,portalTarget:b=null,style:x,...S}=r,w=W.useId(),T=W.useRef(null),[C,A]=W.useState(n),M=typeof a<"u",I=M?!!a:C,L=hte({isControlled:M,setInternalVisible:A,onVisibilityChange:_,onClose:m}),P=W.useSyncExternalStore(bM,()=>ote(u,w,h),()=>0),k=W.useSyncExternalStore(bM,()=>ite(u,w),()=>-1),{role:R,ariaLive:O}=lte(o);if(W.useLayoutEffect(()=>vte({visible:I,position:u,toastId:w,containerRef:T})(),[t,u,e,w,l,I]),W.useEffect(()=>dte({visible:I,duration:i,handleClose:L})(),[i,L,I]),!I)return null;const N=cte(l,p),B=fte({toastColor:o,toastVariant:s,position:u,offset:v,stackOffset:P,zIndex:1400+Math.max(k,0),style:x}),z=E.jsxs("div",{ref:T,className:N,style:B,role:R,"aria-live":O,"aria-atomic":"true","data-position":u,...S,children:[E.jsx("span",{className:"hans-toast-accent","aria-hidden":"true"}),f?E.jsx("span",{className:"hans-toast-icon",children:E.jsx(et,{name:f,iconSize:l})}):null,E.jsxs("div",{className:"hans-toast-content",children:[e?E.jsx("span",{className:`hans-toast-title ${g}`,children:e}):null,t?E.jsx("span",{className:`hans-toast-message ${y}`,children:t}):null]}),c?E.jsx("button",{type:"button",className:"hans-toast-close","aria-label":d,onClick:()=>L("dismiss"),children:E.jsx(et,{name:"IoIosCloseCircle"})}):null]});return b?Mm.createPortal(z,b):z});vE.displayName="HansToast";const dE=r=>r==="base"?"base":r,pte=({modalColor:r,modalVariant:e})=>{const t=dE(r),a=r==="base"?"var(--text-color)":`var(--${t}-strong-color)`,n=r==="base"?"var(--gray-700)":`var(--${t}-default-color)`;return e==="strong"?{background:`var(--${t}-strong-color)`,border:`var(--${t}-default-color)`,text:"var(--white)",mutedText:"rgba(255, 255, 255, 0.78)",overlay:"rgba(15, 23, 42, 0.62)",shadow:"0 24px 64px rgba(15, 23, 42, 0.34)"}:e==="default"?{background:`var(--${t}-default-color)`,border:`var(--${t}-strong-color)`,text:"var(--white)",mutedText:"rgba(255, 255, 255, 0.8)",overlay:"rgba(15, 23, 42, 0.56)",shadow:"0 24px 60px rgba(15, 23, 42, 0.3)"}:e==="outline"?{background:"var(--white)",border:`var(--${t}-default-color)`,text:a,mutedText:n,overlay:"rgba(15, 23, 42, 0.52)",shadow:"0 22px 54px rgba(15, 23, 42, 0.2)"}:e==="transparent"?{background:"rgba(255, 255, 255, 0.88)",border:`var(--${t}-neutral-color)`,text:a,mutedText:n,overlay:"rgba(15, 23, 42, 0.44)",shadow:"0 18px 48px rgba(15, 23, 42, 0.18)"}:{background:`var(--${t}-neutral-color)`,border:`var(--${t}-default-color)`,text:a,mutedText:n,overlay:"rgba(15, 23, 42, 0.48)",shadow:"0 20px 52px rgba(15, 23, 42, 0.18)"}},gte=({modalColor:r,modalVariant:e,dismissButtonColor:t,style:a})=>{const n=pte({modalColor:r,modalVariant:e}),i=dE(t),o=t==="base"?"var(--text-color)":`var(--${i}-strong-color)`;return{...a||{},"--hans-modal-bg":n.background,"--hans-modal-border":n.border,"--hans-modal-text":n.text,"--hans-modal-muted-text":n.mutedText,"--hans-modal-overlay":n.overlay,"--hans-modal-shadow":n.shadow,"--hans-modal-dismiss-color":o}},yte=({modalSize:r,placement:e,customClasses:t,dialogClassName:a})=>["hans-modal-dialog",`hans-modal-${r}`,`hans-modal-placement-${e}`,t,a].filter(Boolean).join(" "),la=r=>W.Children.toArray(r).some(e=>typeof e=="string"?e.trim().length>0:!!e),mte=({title:r,dismissible:e,header:t})=>!!(e||la(r)||la(t)),_te=({footer:r,confirmLabel:e,cancelLabel:t,hasPagination:a})=>!!(la(r)||e&&e.trim().length>0||t&&t.trim().length>0||a),bte=({isControlled:r,setInternalOpen:e,onOpenChange:t,onClose:a})=>n=>{r||e(!1),t&&t(!1),a&&a(n)},xM=({onAction:r,close:e,reason:t,shouldClose:a})=>()=>{r&&r(),a&&e(t)},xte=({closeOnBackdropClick:r,close:e})=>t=>{r&&t.target===t.currentTarget&&e("backdrop")},Ste=({isOpen:r,closeOnEscape:e,close:t})=>()=>{if(!r||!e||typeof document>"u")return;const a=n=>{n.key==="Escape"&&t("escape")};return document.addEventListener("keydown",a),()=>{document.removeEventListener("keydown",a)}},wte=({isOpen:r,lockBodyScroll:e})=>()=>{if(!r||!e||typeof document>"u")return;const{body:t}=document,a=t.style.overflow,n=t.style.paddingRight,i=t.style.scrollbarGutter,o=window.innerWidth-document.documentElement.clientWidth;return t.style.overflow="hidden",t.style.scrollbarGutter="stable",o>0&&(t.style.paddingRight=`calc(${o}px)`),()=>{t.style.overflow=a,t.style.paddingRight=n,t.style.scrollbarGutter=i}},Tte=r=>r||(typeof document>"u"?null:document.body),Cte=r=>"host"in r&&r.host instanceof HTMLElement?r.host:null,Ate=({container:r,projection:e})=>()=>{const t=Cte(r);if(!t||!e)return;const a=Array.from(t.childNodes);for(const n of a)e.appendChild(n);return()=>{for(const n of a)t.appendChild(n)}},Mte=({container:r})=>{const e=W.useRef(null);return W.useLayoutEffect(()=>Ate({container:r,projection:e.current})(),[r]),W.createElement("div",{ref:e,className:"hans-modal-projected-content"})},pE=W.memo(r=>{const{isOpen:e,defaultOpen:t=!1,modalSize:a="medium",modalColor:n="base",modalVariant:i="neutral",placement:o="center",title:s,header:l,footer:u,dismissible:c=!0,showOverlay:f=!0,closeOnBackdropClick:h=!0,closeOnEscape:v=!0,closeOnConfirm:d=!0,closeOnCancel:p=!0,lockBodyScroll:g=!0,showHeaderDivider:y=!0,showFooterDivider:m=!0,renderBody:_=!1,disablePortal:b=!1,loading:x=!1,confirmLabel:S="",cancelLabel:w="",closeButtonLabel:T="Close modal",confirmButtonColor:C="primary",cancelButtonColor:A="base",dismissButtonColor:M="base",confirmDisabled:I=!1,cancelDisabled:L=!1,confirmLoading:P=!1,paginationCurrentPage:k=1,paginationTotalPages:R=0,paginationDisabled:O=!1,paginationAriaLabel:N="Pagination",paginationFirstLabel:B="First",paginationPreviousLabel:z="Previous",paginationNextLabel:G="Next",paginationLastLabel:V="Last",paginationPageLabel:Z="Page",paginationFirstContent:X,paginationPreviousContent:re,paginationNextContent:xe,paginationLastContent:ye,paginationMaxVisiblePages:ie=5,paginationColor:ee="primary",paginationSize:oe="medium",paginationActivePageVariant:j="default",paginationInactivePageVariant:ne="outline",customClasses:Re="",overlayClassName:Te="",dialogClassName:Ne="",headerClassName:ze="",bodyClassName:tt="",footerClassName:kt="",contentClassName:Ct="",maxBodyHeight:Nr="calc(100vh - 14rem)",children:ir,container:nn,onOpenChange:Fu,onClose:Wu,onConfirm:pb,onCancel:gb,onPageChange:ME,portalTarget:DE,style:LE,...IE}=r,yb=W.useId(),Lv=W.useRef(null),[PE,kE]=W.useState(t),Iv=typeof e<"u",Yn=Iv?!!e:PE,Ia=W.useMemo(()=>bte({isControlled:Iv,setInternalOpen:kE,onOpenChange:Fu,onClose:Wu}),[Iv,Wu,Fu]),RE=W.useMemo(()=>xM({onAction:pb,close:Ia,reason:"confirm",shouldClose:d}),[Ia,d,pb]),EE=W.useMemo(()=>xM({onAction:gb,close:Ia,reason:"cancel",shouldClose:p}),[Ia,p,gb]),NE=W.useMemo(()=>xte({closeOnBackdropClick:h,close:Ia}),[Ia,h]),OE=mte({title:s,dismissible:c,header:l}),BE=x||_||la(ir),mb=la(u),Pv=R>1,_b=Pv||mb,VE=_te({footer:u,confirmLabel:S,cancelLabel:w,hasPagination:Pv}),zE=o==="center"?Nr:"100vh",HE=_&&!la(ir)&&!!nn,GE=x?E.jsx(Ye,{loadingType:"spinner",loadingSize:"medium",loadingColor:n,ariaLabel:"Modal loading"}):la(ir)?ir:HE?E.jsx(Mte,{container:nn}):E.jsx("slot",{});if(W.useEffect(()=>Ste({isOpen:Yn,closeOnEscape:v,close:Ia})(),[Ia,v,Yn]),W.useEffect(()=>wte({isOpen:Yn,lockBodyScroll:g})(),[g,Yn]),W.useEffect(()=>{!Yn||!Lv.current||Lv.current.focus()},[Yn]),!Yn)return null;const kv=E.jsxs("div",{className:["hans-modal-portal",Te].filter(Boolean).join(" "),style:gte({modalColor:n,modalVariant:i,dismissButtonColor:M,style:LE}),"data-placement":o,children:[f?E.jsx("div",{className:"hans-modal-overlay","aria-hidden":"true"}):null,E.jsx("div",{className:"hans-modal-shell",onClick:NE,children:E.jsx("div",{ref:Lv,className:yte({modalSize:a,placement:o,customClasses:Re,dialogClassName:Ne}),role:"dialog","aria-modal":"true","aria-labelledby":la(s)?yb:void 0,tabIndex:-1,...IE,children:E.jsxs("div",{className:["hans-modal-content",Ct].filter(Boolean).join(" "),children:[OE?E.jsxs("div",{className:["hans-modal-header",y?"hans-modal-header-divider":"",ze].filter(Boolean).join(" "),children:[E.jsxs("div",{className:"hans-modal-header-main",children:[la(s)?E.jsx("div",{id:yb,className:"hans-modal-title",children:s}):null,la(l)?E.jsx("div",{className:"hans-modal-header-content",children:l}):null]}),c?E.jsx("button",{type:"button",className:"hans-modal-dismiss","aria-label":T,onClick:()=>Ia("dismiss"),children:E.jsx(et,{name:"IoIosCloseCircle"})}):null]}):null,BE?E.jsx("div",{className:["hans-modal-body",tt].filter(Boolean).join(" "),style:{"--hans-modal-body-max-height":zE},children:E.jsxs("div",{className:["hans-modal-body-content",x?"hans-modal-body-loading":""].filter(Boolean).join(" "),children:[GE,E.jsx("div",{className:"hans-modal-body-end-spacer","aria-hidden":"true"})]})}):null,VE?E.jsxs("div",{className:["hans-modal-footer",m?"hans-modal-footer-divider":"",_b?"":"hans-modal-footer-actions-only",kt].filter(Boolean).join(" "),children:[_b?E.jsxs("div",{className:"hans-modal-footer-support",children:[Pv?E.jsx("div",{className:"hans-modal-footer-pagination",children:E.jsx(lb,{currentPage:k,totalPages:R,disabled:O,ariaLabel:N,firstLabel:B,previousLabel:z,nextLabel:G,lastLabel:V,pageLabel:Z,firstContent:X,previousContent:re,nextContent:xe,lastContent:ye,maxVisiblePages:ie,paginationColor:ee,paginationSize:oe,activePageVariant:j,inactivePageVariant:ne,onPageChange:ME})}):null,mb?E.jsx("div",{className:"hans-modal-footer-content",children:u}):null]}):null,E.jsxs("div",{className:"hans-modal-footer-actions",children:[w?E.jsx(Nt,{label:w,buttonVariant:"outline",buttonColor:A,disabled:L,onClick:EE}):null,S?E.jsx(Nt,{label:S,buttonVariant:"default",buttonColor:C,disabled:I,loading:P,onClick:RE}):null]})]}):null]})})})]});if(b)return kv;const bb=Tte(DE);return bb?Mm.createPortal(kv,bb):kv});pE.displayName="HansModal";const _i=(r,e)=>`var(--${r}-${e}-color)`,Dte=(r,e)=>!r||r.columnKey!==e?{columnKey:e,direction:"asc"}:r.direction==="asc"?{columnKey:e,direction:"desc"}:{columnKey:e,direction:"asc"},Dv=r=>r===null||typeof r>"u"?"-":typeof r=="string"?r:typeof r=="number"||typeof r=="boolean"?`${r}`:Array.isArray(r)?r.map(e=>Dv(e)).join(", "):JSON.stringify(r),SM=r=>typeof r=="number"?r:typeof r=="string"?r.toLowerCase():typeof r=="boolean"?Number(r):Dv(r).toLowerCase(),Lte=(r,e)=>{if(!e)return r;const{columnKey:t,direction:a}=e;return[...r].sort((i,o)=>{const s=SM(i[t]),l=SM(o[t]);return s<l?a==="asc"?-1:1:s>l?a==="asc"?1:-1:0})},Ite=(r,e,t)=>{const a=Object.entries(t).filter(([,i])=>i.trim().length>0);if(a.length===0)return r;const n=new Set(e.filter(i=>i.filter).map(i=>i.key));return r.filter(i=>a.every(([o,s])=>n.has(o)?Dv(i[o]).toLowerCase().includes(s.toLowerCase().trim()):!0))},wM=r=>r.filter?r.filter.placeholder?r.filter.placeholder:r.filter.type==="input"?`Filter ${r.header}`:`Select ${r.header}`:"",Pte=(r,e)=>!r.filter||r.filter.type!=="dropdown"?[]:[{label:r.filter.clearLabel??e,value:""},...r.filter.options],Nh=r=>r==="center"?"hans-table-align-center":r==="right"?"hans-table-align-right":"hans-table-align-left",kte=({headerColor:r="base",rowColor:e="base",headerTextColor:t,rowTextColor:a,borderColor:n,dividerColor:i,rowHoverColor:o})=>({"--hans-table-header-bg":_i(r,"strong"),"--hans-table-header-text":_i(t??r,"neutral"),"--hans-table-row-bg":e==="base"?"var(--white)":_i(e,"neutral"),"--hans-table-row-text":_i(a??e,"strong"),"--hans-table-border":_i(n??"base","default"),"--hans-table-divider":_i(i??"base","neutral"),"--hans-table-row-hover":_i(o??e,"default")}),gE=W.memo(r=>{const{columns:e,rows:t,striped:a,emptyText:n,isLoading:i,loadingType:o,loadingColor:s,loadingAriaLabel:l}=r;return i?E.jsx("tbody",{children:E.jsx("tr",{children:E.jsx("td",{className:"hans-table-loading",colSpan:e.length,children:E.jsx(Ye,{loadingType:o,loadingColor:s,ariaLabel:l,skeletonWidth:"100%",skeletonHeight:"120px"})})})}):t.length===0?E.jsx("tbody",{children:E.jsx("tr",{children:E.jsx("td",{className:"hans-table-empty",colSpan:e.length,children:n})})}):E.jsx("tbody",{className:a?"hans-table-striped":"",children:t.map((u,c)=>E.jsx("tr",{children:e.map(f=>{const h=u[f.key];return E.jsx("td",{className:Nh(f.align),children:f.render?f.render(h,u,c):Dv(h)},`${f.key}-${c}`)})},`hans-table-row-${c}`))})});gE.displayName="HansTableBody";const yE=W.memo(r=>{const{columns:e,sortState:t,onSort:a,isLoading:n=!1,loadingType:i="skeleton",loadingColor:o="base",loadingAriaLabel:s="Loading table header"}=r;return n?E.jsx("thead",{className:"hans-table-head",children:E.jsx("tr",{children:e.map(l=>E.jsx("th",{className:Nh(l.align),children:E.jsx(Ye,{loadingType:i,loadingColor:o,ariaLabel:s,skeletonWidth:"100%",skeletonHeight:"16px",customClasses:"hans-table-header-loading"})},l.key))})}):E.jsx("thead",{className:"hans-table-head",children:E.jsx("tr",{children:e.map(l=>{const u=t?.columnKey===l.key?t.direction:null;return E.jsx("th",{className:Nh(l.align),children:E.jsxs("div",{className:"hans-table-head-content",children:[E.jsx("span",{children:l.header}),l.sortable?E.jsx("button",{type:"button",className:"hans-table-sort-button","aria-label":`Sort by ${l.header}`,onClick:()=>a(l),children:E.jsx(et,{name:u==="asc"?"IoIosArrowUp":"IoIosArrowDown",iconSize:"small",customClasses:u?"hans-table-sort-icon-active":""})}):null]})},l.key)})})})});yE.displayName="HansTableHeader";const mE=W.memo(r=>{const{columns:e=[],rows:t=[],headerColor:a="base",rowColor:n="base",customClasses:i="",emptyText:o="No records found",headerTextColor:s,rowTextColor:l,borderColor:u,dividerColor:c,rowHoverColor:f,showColumnDividers:h=!1,defaultDropdownFilterClearLabel:v="Clear filter",isLoading:d=!1,loadingType:p="skeleton",loadingColor:g="base",loadingAriaLabel:y="Loading table data",maxHeight:m,minWidth:_,striped:b=!1,initialSort:x,initialFilters:S,onSortChange:w,onFiltersChange:T,...C}=r,[A,M]=W.useState(x??null),[I,L]=W.useState(S??{});W.useEffect(()=>{typeof x>"u"||M(x)},[x]),W.useEffect(()=>{typeof S>"u"||L(S)},[S]);const k=W.useMemo(()=>e.some(V=>!!V.filter),[e])&&!d,R=W.useMemo(()=>Ite(t,e,I),[t,e,I]),O=W.useMemo(()=>Lte(R,A),[R,A]),N=W.useMemo(()=>kte({headerColor:a,rowColor:n,headerTextColor:s,rowTextColor:l,borderColor:u,dividerColor:c,rowHoverColor:f}),[u,c,a,s,n,f,l]),B=W.useMemo(()=>({...N,"--hans-table-max-height":m??"none","--hans-table-min-width":_??"100%"}),[N,m,_]),z=V=>{const Z=Dte(A,V.key);M(Z),w&&w(Z)},G=(V,Z)=>{L(X=>{const re={...X,[V]:Z};return T&&T(re),re})};return E.jsx("div",{className:`
|
|
187
187
|
hans-table-wrapper
|
|
188
188
|
${h?"hans-table-with-column-dividers":""}
|
|
189
189
|
${i}
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@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-outline-style:solid;--tw-font-weight:initial;--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-duration:initial;--tw-leading:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-border-spacing-x:0;--tw-border-spacing-y:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-tracking:initial;--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}}}*,:before,:after{box-sizing:border-box;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}ol,ul{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}.hans-button{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*1);transition:background-color .2s,color .2s,border-color .2s,outline-color .2s;display:flex}.hans-button-rounded{border-radius:3.40282e38px}.hans-button-square{border-radius:var(--radius-md)}.hans-button:disabled,.hans-button[disabled]{cursor:not-allowed;opacity:.5}.hans-button:disabled>*{pointer-events:none}.hans-button-loading{display:inline-flex}.hans-button-small{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*1)}.hans-button-medium{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2)}.hans-button-large{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3)}.hans-button-base.hans-button-strong{background-color:var(--base-strong-color);color:var(--base-neutral-color)}.hans-button-base.hans-button-default{background-color:var(--base-default-color);color:var(--white)}.hans-button-base.hans-button-neutral{background-color:var(--base-neutral-color);color:var(--base-strong-color)}.hans-button-base.hans-button-inverse{background-color:var(--white);color:var(--base-default-color)}.hans-button-base.hans-button-outline{border-color:var(--base-default-color);color:var(--text-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-base.hans-button-transparent{color:var(--text-color);background-color:#0000}.hans-button-primary.hans-button-strong{background-color:var(--primary-strong-color);color:var(--primary-neutral-color)}.hans-button-primary.hans-button-default{background-color:var(--primary-default-color);color:var(--white)}.hans-button-primary.hans-button-neutral{background-color:var(--primary-neutral-color);color:var(--primary-strong-color)}.hans-button-primary.hans-button-inverse{background-color:var(--white);color:var(--primary-default-color)}.hans-button-primary.hans-button-outline{border-color:var(--primary-default-color);color:var(--primary-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-primary.hans-button-transparent{color:var(--primary-default-color);background-color:#0000}.hans-button-secondary.hans-button-strong{background-color:var(--secondary-strong-color);color:var(--secondary-neutral-color)}.hans-button-secondary.hans-button-default{background-color:var(--secondary-default-color);color:var(--white)}.hans-button-secondary.hans-button-neutral{background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color)}.hans-button-secondary.hans-button-inverse{background-color:var(--white);color:var(--secondary-default-color)}.hans-button-secondary.hans-button-outline{border-color:var(--secondary-default-color);color:var(--secondary-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-secondary.hans-button-transparent{color:var(--secondary-default-color);background-color:#0000}.hans-button-success.hans-button-strong{background-color:var(--success-strong-color);color:var(--success-neutral-color)}.hans-button-success.hans-button-default{background-color:var(--success-default-color);color:var(--white)}.hans-button-success.hans-button-neutral{background-color:var(--success-neutral-color);color:var(--success-strong-color)}.hans-button-success.hans-button-inverse{background-color:var(--white);color:var(--success-default-color)}.hans-button-success.hans-button-outline{border-color:var(--success-default-color);color:var(--success-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-success.hans-button-transparent{color:var(--success-default-color);background-color:#0000}.hans-button-danger.hans-button-strong{background-color:var(--danger-strong-color);color:var(--danger-neutral-color)}.hans-button-danger.hans-button-default{background-color:var(--danger-default-color);color:var(--white)}.hans-button-danger.hans-button-neutral{background-color:var(--danger-neutral-color);color:var(--danger-strong-color)}.hans-button-danger.hans-button-inverse{background-color:var(--white);color:var(--danger-default-color)}.hans-button-danger.hans-button-outline{border-color:var(--danger-default-color);color:var(--danger-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-danger.hans-button-transparent{color:var(--danger-default-color);background-color:#0000}.hans-button-warning.hans-button-strong{background-color:var(--warning-strong-color);color:var(--warning-neutral-color)}.hans-button-warning.hans-button-default{background-color:var(--warning-default-color);color:var(--white)}.hans-button-warning.hans-button-neutral{background-color:var(--warning-neutral-color);color:var(--warning-strong-color)}.hans-button-warning.hans-button-inverse{background-color:var(--white);color:var(--warning-default-color)}.hans-button-warning.hans-button-outline{border-color:var(--warning-default-color);color:var(--warning-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-warning.hans-button-transparent{color:var(--warning-default-color);background-color:#0000}.hans-button-info.hans-button-strong{background-color:var(--info-strong-color);color:var(--info-neutral-color)}.hans-button-info.hans-button-default{background-color:var(--info-default-color);color:var(--white)}.hans-button-info.hans-button-neutral{background-color:var(--info-neutral-color);color:var(--info-strong-color)}.hans-button-info.hans-button-inverse{background-color:var(--white);color:var(--info-default-color)}.hans-button-info.hans-button-outline{border-color:var(--info-default-color);color:var(--info-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-info.hans-button-transparent{color:var(--info-default-color);background-color:#0000}.hans-button[class*=hans-button-hover-color-][class*=hans-button-hover-variant-]:hover{outline-offset:0;border-width:0;border-color:#0000}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-strong:hover{background-color:var(--base-strong-color);color:var(--base-neutral-color);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-default:hover{background-color:var(--base-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-neutral:hover{background-color:var(--base-neutral-color);color:var(--base-strong-color);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--base-default-color);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-outline:hover{color:var(--text-color);outline:1px solid var(--base-default-color);background-color:#0000}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-transparent:hover{color:var(--text-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-strong:hover{background-color:var(--primary-strong-color);color:var(--primary-neutral-color);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-default:hover{background-color:var(--primary-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-neutral:hover{background-color:var(--primary-neutral-color);color:var(--primary-strong-color);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--primary-default-color);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-outline:hover{color:var(--primary-strong-color);outline:1px solid var(--primary-default-color);background-color:#0000}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-transparent:hover{color:var(--primary-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-strong:hover{background-color:var(--secondary-strong-color);color:var(--secondary-neutral-color);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-default:hover{background-color:var(--secondary-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-neutral:hover{background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--secondary-default-color);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-outline:hover{color:var(--secondary-strong-color);outline:1px solid var(--secondary-default-color);background-color:#0000}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-transparent:hover{color:var(--secondary-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-strong:hover{background-color:var(--success-strong-color);color:var(--success-neutral-color);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-default:hover{background-color:var(--success-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-neutral:hover{background-color:var(--success-neutral-color);color:var(--success-strong-color);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--success-default-color);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-outline:hover{color:var(--success-strong-color);outline:1px solid var(--success-default-color);background-color:#0000}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-transparent:hover{color:var(--success-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-strong:hover{background-color:var(--danger-strong-color);color:var(--danger-neutral-color);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-default:hover{background-color:var(--danger-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-neutral:hover{background-color:var(--danger-neutral-color);color:var(--danger-strong-color);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--danger-default-color);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-outline:hover{color:var(--danger-strong-color);outline:1px solid var(--danger-default-color);background-color:#0000}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-transparent:hover{color:var(--danger-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-strong:hover{background-color:var(--warning-strong-color);color:var(--warning-neutral-color);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-default:hover{background-color:var(--warning-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-neutral:hover{background-color:var(--warning-neutral-color);color:var(--warning-strong-color);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--warning-default-color);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-outline:hover{color:var(--warning-strong-color);outline:1px solid var(--warning-default-color);background-color:#0000}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-transparent:hover{color:var(--warning-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-strong:hover{background-color:var(--info-strong-color);color:var(--info-neutral-color);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-default:hover{background-color:var(--info-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-neutral:hover{background-color:var(--info-neutral-color);color:var(--info-strong-color);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--info-default-color);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-outline:hover{color:var(--info-strong-color);outline:1px solid var(--info-default-color);background-color:#0000}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-transparent:hover{color:var(--info-default-color);background-color:#0000;outline:none}.hans-input-div{flex-direction:column;display:flex}.hans-input-label{margin-bottom:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.hans-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);color:var(--text-color);--tw-outline-style:none;background-color:#0000;border-width:1px;outline-style:none}.hans-input:focus{--tw-outline-style:none;outline-style:none}.hans-input:disabled,.hans-input[disabled]{cursor:not-allowed;opacity:.5}.hans-input-field{align-items:center;width:100%;display:flex;position:relative}.hans-input-icon-left{left:calc(var(--spacing)*2)}.hans-input-icon-right{right:calc(var(--spacing)*2)}.hans-input-has-left-icon{padding-left:calc(var(--spacing)*8)}.hans-input-has-right-icon{padding-right:calc(var(--spacing)*8)}.hans-input-icon-base{color:var(--text-color)}.hans-input-icon-primary{color:var(--primary-default-color)}.hans-input-icon-secondary{color:var(--secondary-default-color)}.hans-input-icon-success{color:var(--success-default-color)}.hans-input-icon-danger{color:var(--danger-default-color)}.hans-input-icon-warning{color:var(--warning-default-color)}.hans-input-icon-info{color:var(--info-default-color)}.hans-input-small{height:calc(var(--spacing)*6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-input-medium{height:calc(var(--spacing)*8);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-input-large{height:calc(var(--spacing)*10);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-input-message{margin-top:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-input-label-base{color:var(--text-color)}.hans-input-label-primary{color:var(--primary-default-color)}.hans-input-label-secondary{color:var(--secondary-default-color)}.hans-input-label-success{color:var(--success-default-color)}.hans-input-label-danger{color:var(--danger-default-color)}.hans-input-label-warning{color:var(--warning-default-color)}.hans-input-label-info{color:var(--info-default-color)}.hans-input-base{border-color:var(--base-default-color)}.hans-input-base:focus{border-color:var(--base-strong-color)}.hans-input-primary{border-color:var(--primary-neutral-color)}.hans-input-primary:focus{border-color:var(--primary-default-color)}.hans-input-secondary{border-color:var(--secondary-neutral-color)}.hans-input-secondary:focus{border-color:var(--secondary-default-color)}.hans-input-success{border-color:var(--success-neutral-color)}.hans-input-success:focus{border-color:var(--success-default-color)}.hans-input-danger{border-color:var(--danger-neutral-color)}.hans-input-danger:focus{border-color:var(--danger-default-color)}.hans-input-warning{border-color:var(--warning-neutral-color)}.hans-input-warning:focus{border-color:var(--warning-default-color)}.hans-input-info{border-color:var(--info-neutral-color)}.hans-input-info:focus{border-color:var(--info-default-color)}.hans-input-message-base{color:var(--base-strong-color)}.hans-input-message-primary{color:var(--primary-default-color)}.hans-input-message-secondary{color:var(--secondary-default-color)}.hans-input-message-success{color:var(--success-default-color)}.hans-input-message-danger{color:var(--danger-default-color)}.hans-input-message-warning{color:var(--warning-default-color)}.hans-input-message-info{color:var(--info-default-color)}.hans-input-icon{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);justify-content:center;align-items:center;display:flex;position:absolute;top:50%}.hans-input-icon-action{cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing)*0);background-color:#0000;border-width:0}.hans-input-icon-action:disabled{cursor:not-allowed}.hans-dropdown,.hans-dropdown-popup-wrapper.hans-popup{width:auto;max-width:100%;display:inline-flex}.hans-dropdown-trigger{justify-content:space-between;min-width:120px}.hans-dropdown-trigger-icon-only{min-height:calc(var(--spacing)*12);justify-content:center;gap:calc(var(--spacing)*2);min-width:4.5rem;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3)}.hans-dropdown-trigger-no-caret{justify-content:center}.hans-dropdown-trigger-icon-only-no-caret{min-width:3.5rem;padding-inline:calc(var(--spacing)*3)}.hans-dropdown-popup{width:max-content;min-width:220px;max-width:min(420px,100vw - 16px);right:auto}.hans-popup-panel-content.hans-dropdown-popup-content{padding:calc(var(--spacing)*0);max-height:none;overflow:visible}.hans-dropdown-popup-content>.hans-dropdown-list{max-height:none;overflow:visible}.hans-dropdown-custom-content{padding:calc(var(--spacing)*2)}.hans-dropdown-loading{min-width:220px;padding:calc(var(--spacing)*3)}.hans-dropdown-list{padding-block:calc(var(--spacing)*1)}.hans-dropdown-list-nested{top:calc(var(--spacing)*0);z-index:20;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);background-color:var(--background-color);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);min-width:220px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);width:max-content;max-width:min(420px,100vw - 16px);position:absolute}.hans-dropdown-option-parent-right .hans-dropdown-list-nested{left:100%}.hans-dropdown-option-parent-left .hans-dropdown-list-nested{right:100%}.hans-dropdown-option{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);overflow-wrap:break-word;white-space:normal;color:var(--hans-dropdown-option-text-color,var(--text-color));display:flex;position:relative}.hans-dropdown-option:hover{background-color:var(--hans-dropdown-option-hover-background-color,var(--base-neutral-color));color:var(--hans-dropdown-option-hover-text-color,inherit)}.hans-dropdown-option-disabled{cursor:not-allowed;opacity:.5}.hans-dropdown-option-parent{padding-right:calc(var(--spacing)*8)}.hans-dropdown-option-arrow{margin-left:auto}.hans-dropdown-list .hans-popup-item-list-empty{color:var(--hans-dropdown-empty-text-color,var(--gray-500))}.hans-select-option{flex-direction:column;width:100%;display:flex;overflow:visible}.hans-select-option-field{width:100%;overflow:visible}.hans-select-option-input,.hans-select-option-popup{width:100%}.hans-popup-panel-portal.hans-select-option-popup{width:max-content;min-width:220px}.hans-popup-panel-content.hans-select-option-popup-content{padding:calc(var(--spacing)*0);max-height:none;overflow:visible}.hans-select-option-popup-content>.hans-select-option-list{max-height:calc(var(--spacing)*60);overflow:auto}.hans-select-option-loading-icon{flex-shrink:0}.hans-select-option-selected{margin-top:calc(var(--spacing)*2);gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.hans-select-option-list{max-height:calc(var(--spacing)*60);border-radius:var(--radius-lg);width:100%;overflow:auto}.hans-select-option-option{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);display:flex}.hans-select-option-option:hover{background-color:var(--hans-select-option-hover,var(--base-neutral-color))}.hans-select-option-option-selected{background-color:var(--base-neutral-color);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.hans-select-option-option-disabled{cursor:not-allowed;opacity:.5}.hans-select-option-empty{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-select-option-loading{align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500);display:flex}.hans-select-option-option-label{flex:1}.hans-toggle-loading-segmented{border-radius:var(--radius-xl);width:100%;display:block}.hans-toggle-segmented{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--hans-toggle-segment-border);display:inline-flex;overflow:hidden}.hans-toggle-segmented-small .hans-toggle-segment{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-toggle-segmented-medium .hans-toggle-segment{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toggle-segmented-large .hans-toggle-segment{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-toggle-segment{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);border-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);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));--tw-duration:.2s;color:var(--hans-toggle-segment-text);background-color:#0000;border-width:0;transition-duration:.2s;display:inline-flex}.hans-toggle-segment-selected{color:var(--white);background:var(--hans-toggle-segment-selected-bg)}.hans-toggle-segment+.hans-toggle-segment{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--hans-toggle-segment-border)}.hans-toggle-segmented-disabled{opacity:.6}.hans-toggle-segmented-primary{--hans-toggle-segment-selected-bg:var(--primary-default-color);--hans-toggle-segment-border:var(--primary-default-color);--hans-toggle-segment-text:var(--primary-default-color)}.hans-toggle-segmented-secondary{--hans-toggle-segment-selected-bg:var(--secondary-default-color);--hans-toggle-segment-border:var(--secondary-default-color);--hans-toggle-segment-text:var(--secondary-default-color)}.hans-toggle-segmented-success{--hans-toggle-segment-selected-bg:var(--success-default-color);--hans-toggle-segment-border:var(--success-default-color);--hans-toggle-segment-text:var(--success-default-color)}.hans-toggle-segmented-danger{--hans-toggle-segment-selected-bg:var(--danger-default-color);--hans-toggle-segment-border:var(--danger-default-color);--hans-toggle-segment-text:var(--danger-default-color)}.hans-toggle-segmented-warning{--hans-toggle-segment-selected-bg:var(--warning-default-color);--hans-toggle-segment-border:var(--warning-default-color);--hans-toggle-segment-text:var(--warning-default-color)}.hans-toggle-segmented-info{--hans-toggle-segment-selected-bg:var(--info-default-color);--hans-toggle-segment-border:var(--info-default-color);--hans-toggle-segment-text:var(--info-default-color)}.hans-toggle-loading-switch{justify-content:center;align-items:center;display:inline-flex}.hans-toggle-switch-row{align-items:center;gap:calc(var(--spacing)*2);display:inline-flex}.hans-toggle-side-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toggle{cursor:pointer;border-style:var(--tw-border-style);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));--tw-duration:.2s;border-width:0;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.2s;display:inline-flex;position:relative}.hans-toggle:focus-visible{--tw-outline-style:none;box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--primary-default-color);outline-style:none}.hans-toggle:disabled{cursor:not-allowed}.hans-toggle-track-content{pointer-events:none;inset:calc(var(--spacing)*0);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;color:var(--white);justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.hans-toggle-track-content-on{padding-left:.5rem;padding-right:calc(var(--hans-toggle-thumb-size) + .4rem)}.hans-toggle-track-content-off{padding-left:calc(var(--hans-toggle-thumb-size) + .4rem);padding-right:.5rem}.hans-toggle-thumb{background-color:var(--white);color:var(--base-strong-color);--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);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;top:50%;left:var(--hans-toggle-thumb-x);border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.2s;display:flex;position:absolute;transform:translateY(-50%)}.hans-toggle-small{height:calc(var(--spacing)*5);width:calc(var(--spacing)*9);--hans-toggle-thumb-size:.875rem;--hans-toggle-thumb-x:.125rem}.hans-toggle-medium{height:calc(var(--spacing)*6);width:calc(var(--spacing)*11);--hans-toggle-thumb-size:1rem;--hans-toggle-thumb-x:.125rem}.hans-toggle-large{height:calc(var(--spacing)*8);width:calc(var(--spacing)*14);--hans-toggle-thumb-size:1.5rem;--hans-toggle-thumb-x:.125rem}.hans-toggle-has-track-content{min-width:calc((var(--hans-toggle-thumb-size)*2) + 1.5rem)}.hans-toggle-small .hans-toggle-thumb,.hans-toggle-medium .hans-toggle-thumb,.hans-toggle-large .hans-toggle-thumb{width:var(--hans-toggle-thumb-size);height:var(--hans-toggle-thumb-size)}.hans-toggle-on-primary,.hans-toggle-on-secondary,.hans-toggle-on-success,.hans-toggle-on-danger,.hans-toggle-on-warning,.hans-toggle-on-info{--hans-toggle-thumb-x:calc(100% - var(--hans-toggle-thumb-size) - .125rem)}.hans-toggle-off{background-color:var(--base-neutral-color)}.hans-toggle-off .hans-toggle-track-content{color:var(--base-strong-color)}.hans-toggle-off-disabled{background-color:var(--base-neutral-color);opacity:.7}.hans-toggle-off-disabled .hans-toggle-track-content{color:var(--base-default-color)}.hans-toggle-on-disabled{background-color:var(--base-default-color);--hans-toggle-thumb-x:calc(100% - var(--hans-toggle-thumb-size) - .125rem)}.hans-toggle-on-primary{background-color:var(--primary-default-color)}.hans-toggle-on-secondary{background-color:var(--secondary-default-color)}.hans-toggle-on-success{background-color:var(--success-default-color)}.hans-toggle-on-danger{background-color:var(--danger-default-color)}.hans-toggle-on-warning{background-color:var(--warning-default-color)}.hans-toggle-on-info{background-color:var(--info-default-color)}.hans-toggle-wrapper{gap:calc(var(--spacing)*2);flex-direction:column;display:inline-flex}.hans-toggle-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.hans-toggle-label-base{color:var(--base-strong-color)}.hans-toggle-label-primary{color:var(--primary-strong-color)}.hans-toggle-label-secondary{color:var(--secondary-strong-color)}.hans-toggle-label-success{color:var(--success-strong-color)}.hans-toggle-label-danger{color:var(--danger-strong-color)}.hans-toggle-label-warning{color:var(--warning-strong-color)}.hans-toggle-label-info{color:var(--info-strong-color)}.hans-date-picker{flex-direction:column;width:100%;display:flex;overflow:visible}.hans-date-picker-time-input,.hans-date-picker-date-time-input{width:100%}.hans-date-picker-calendar{gap:calc(var(--spacing)*3);flex-direction:column;display:flex}.hans-date-picker-calendar-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*3);display:flex}.hans-date-picker-calendar-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--text-color)}.hans-date-picker-calendar-nav{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8);cursor:pointer;padding:calc(var(--spacing)*0)}.hans-date-picker-calendar-grid{gap:calc(var(--spacing)*1);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.hans-date-picker-calendar-weekday{text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-700);text-transform:uppercase}.hans-date-picker-day{height:calc(var(--spacing)*10);cursor:pointer;border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));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));--tw-duration:.15s;background-color:#0000;border-width:1px;border-color:#0000;border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.15s;display:flex}.hans-date-picker-day:hover{background-color:var(--base-neutral-color)}.hans-date-picker-day-outside{opacity:.5}.hans-date-picker-day-today{border-color:var(--text-color);color:var(--text-color)}.hans-date-picker-day-selected{color:var(--white)}.hans-date-picker-day-color-base.hans-date-picker-day-selected{background-color:var(--text-color)}.hans-date-picker-day-color-primary.hans-date-picker-day-selected{background-color:var(--primary-default-color)}.hans-date-picker-day-color-secondary.hans-date-picker-day-selected{background-color:var(--secondary-default-color)}.hans-date-picker-day-color-success.hans-date-picker-day-selected{background-color:var(--success-default-color)}.hans-date-picker-day-color-danger.hans-date-picker-day-selected{background-color:var(--danger-default-color)}.hans-date-picker-day-color-warning.hans-date-picker-day-selected{background-color:var(--warning-default-color)}.hans-date-picker-day-color-info.hans-date-picker-day-selected{background-color:var(--info-default-color)}.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-style:var(--tw-border-style);border-width:1px}.hans-date-picker-day-color-base.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-base.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--text-color);color:var(--text-color);background-color:#0000}.hans-date-picker-day-color-primary.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-primary.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--primary-default-color);color:var(--primary-default-color);background-color:#0000}.hans-date-picker-day-color-secondary.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-secondary.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--secondary-default-color);color:var(--secondary-default-color);background-color:#0000}.hans-date-picker-day-color-success.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-success.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--success-default-color);color:var(--success-default-color);background-color:#0000}.hans-date-picker-day-color-danger.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-danger.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--danger-default-color);color:var(--danger-default-color);background-color:#0000}.hans-date-picker-day-color-warning.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-warning.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--warning-default-color);color:var(--warning-default-color);background-color:#0000}.hans-date-picker-day-color-info.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-info.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--info-default-color);color:var(--info-default-color);background-color:#0000}.hans-date-picker-time-panel .hans-date-picker-time-input{width:100%}.hans-date-picker-field{width:100%;overflow:visible}.hans-date-picker-input{width:100%}.hans-date-picker-popup,.hans-popup-panel.hans-date-picker-popup{width:min(320px,100vw - 24px);min-width:min(320px,100vw - 24px);max-width:min(320px,100vw - 24px)}.hans-date-picker-popup-content{max-height:none;padding:calc(var(--spacing)*0);overflow:visible}.hans-popup-panel-portal.hans-date-picker-popup .hans-date-picker-popup-content{max-height:none;overflow:visible}.hans-popup-panel-portal.hans-date-picker-popup-date .hans-date-picker-calendar{min-height:22rem}.hans-popup-panel-portal.hans-date-picker-popup-datetime .hans-date-picker-popup-content,.hans-popup-panel-portal.hans-date-picker-popup-time .hans-date-picker-popup-content{max-height:24rem;overflow:auto}.hans-date-picker-field .hans-popup-panel[data-direction=up]{bottom:calc(100% - var(--hans-date-picker-up-offset,0px))}.hans-date-picker-field .hans-popup-panel[data-direction=down]{top:calc(100% - var(--hans-date-picker-down-offset,0px))}.hans-date-picker-panel{gap:calc(var(--spacing)*3);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);padding:calc(var(--spacing)*3);--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);background:var(--hans-date-picker-panel-background-color,var(--background-color,var(--white)));flex-direction:column;display:flex}.hans-date-picker-trigger-icon{margin:calc(var(--spacing)*0);cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing)*0);background-color:#0000;border-style:none;justify-content:center;align-items:center;display:flex}.hans-date-picker-time-panel{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--base-neutral-color);padding-top:calc(var(--spacing)*3)}.hans-date-picker-actions{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--base-neutral-color);padding-top:calc(var(--spacing)*3);display:flex}.hans-avatar{border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-300);background-color:var(--gray-100);color:var(--gray-700);border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.hans-avatar-img{object-fit:cover;width:100%;height:100%}.hans-avatar-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hans-avatar-loading{width:100%;height:100%}.hans-avatar-small{width:22px;height:22px}.hans-avatar-medium{width:40px;height:40px}.hans-avatar-large{width:100px;height:100px}.hans-avatar-icon{--tw-leading:1;width:100%;height:100%;line-height:1}.hans-avatar-small .hans-avatar-icon{font-size:22px}.hans-avatar-medium .hans-avatar-icon{font-size:40px}.hans-avatar-large .hans-avatar-icon{font-size:100px}.hans-card{width:100%;min-width:calc(var(--spacing)*0);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background:var(--hans-card-bg);border-width:1px;border-color:var(--hans-card-border);color:var(--hans-card-text);display:flex;overflow:hidden}.hans-card-loading{min-height:inherit}.hans-card-small{min-height:calc(var(--spacing)*20);gap:calc(var(--spacing)*3);padding:calc(var(--spacing)*3)}.hans-card-medium{min-height:calc(var(--spacing)*24);gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*4)}.hans-card-large{min-height:calc(var(--spacing)*32);gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*5)}.hans-card-profile,.hans-card-custom{flex-direction:column}.hans-card-profile-main{align-items:flex-start;gap:calc(var(--spacing)*3);display:flex}.hans-card-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-card-title{min-width:calc(var(--spacing)*0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--hans-card-text);display:block}.hans-card-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--hans-card-muted);display:block}.hans-card-extra{margin-top:calc(var(--spacing)*2);align-items:center;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.hans-card-image{padding:calc(var(--spacing)*0)}.hans-card-image.hans-card-small{min-height:calc(var(--spacing)*32)}.hans-card-image.hans-card-medium{min-height:calc(var(--spacing)*40)}.hans-card-image.hans-card-large{min-height:calc(var(--spacing)*52)}.hans-card-image-surface{background-color:var(--hans-card-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(180deg,var(--black)0%,var(--black)100%),var(--hans-card-image);align-items:flex-end;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-card-image-surface{background-image:linear-gradient(180deg,color-mix(in srgb,var(--black)6%,transparent),color-mix(in srgb,var(--black)54%,transparent)),var(--hans-card-image)}}.hans-card-image-surface{min-height:inherit}.hans-card-image-overlay{justify-content:flex-end;gap:calc(var(--spacing)*3);width:100%;padding:calc(var(--spacing)*4);min-height:inherit;flex-direction:column;display:flex}.hans-card-image-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.hans-card-image .hans-card-title,.hans-card-image .hans-card-description{color:var(--color-white)}.hans-card-skeleton{min-height:inherit;display:block}.hans-carousel{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing)*4);background:var(--hans-carousel-shell-bg,var(--white));border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-200))}.hans-carousel-borderless{padding:calc(var(--spacing)*0);background:0 0;border-color:#0000}.hans-carousel-without-gap .hans-carousel-track{gap:0}.hans-carousel-small{padding:calc(var(--spacing)*3)}.hans-carousel-medium{padding:calc(var(--spacing)*4)}.hans-carousel-large{padding:calc(var(--spacing)*5)}.hans-carousel-frame{gap:calc(var(--spacing)*4);flex-direction:column;width:100%;display:flex;position:relative}.hans-carousel-viewport{width:100%;position:relative;overflow:hidden}.hans-carousel-track{gap:calc(var(--spacing)*4);grid-template-columns:repeat(var(--hans-carousel-columns,1),minmax(0,1fr));display:grid}.hans-carousel-slide{min-width:calc(var(--spacing)*0);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);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));--tw-duration:.2s;min-height:var(--hans-carousel-height,240px);border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-200));transition-duration:.2s;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-carousel-slide{border-color:color-mix(in srgb,var(--hans-carousel-shell-border,var(--gray-200))40%,transparent)}}.hans-carousel-slide-active{border-color:var(--hans-carousel-accent-border,var(--gray-400))}.hans-carousel-slide-loading{background-color:var(--white)}.hans-carousel-image{width:100%;height:100%;min-height:100%;padding:calc(var(--spacing)*4);background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(180deg,var(--black)0%,var(--black)100%),var(--hans-carousel-slide-image);align-items:flex-end;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-carousel-image{background-image:linear-gradient(180deg,color-mix(in srgb,var(--black)8%,transparent),color-mix(in srgb,var(--black)58%,transparent)),var(--hans-carousel-slide-image)}}.hans-carousel-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.hans-carousel-image-top-copy{align-items:flex-start}.hans-carousel-copy-top{max-width:calc(100% - 3rem)}.hans-carousel-title{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white)}.hans-carousel-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--color-white)}.hans-carousel-nav{z-index:10;--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);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));--tw-duration:.2s;height:calc(var(--spacing)*10);width:calc(var(--spacing)*10);background:var(--hans-carousel-accent-bg,var(--white));color:var(--hans-carousel-accent-text,var(--text-color));border-width:1px;border-color:var(--hans-carousel-accent-border,var(--gray-300));box-shadow:0 8px 24px var(--black);border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.2s;display:flex;position:absolute;top:50%}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav{box-shadow:0 8px 24px color-mix(in srgb,var(--black)16%,transparent)}}.hans-carousel-nav.hans-button{padding:calc(var(--spacing)*0);--tw-outline-style:none;box-shadow:0 8px 24px var(--black);border-width:1px;outline-style:none;background:var(--hans-carousel-accent-bg,var(--white))!important;color:var(--hans-carousel-accent-text,var(--text-color))!important;border-color:var(--hans-carousel-accent-border,var(--gray-300))!important}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav.hans-button{box-shadow:0 8px 24px color-mix(in srgb,var(--black)16%,transparent)}}.hans-carousel-nav:not(:disabled){cursor:pointer}.hans-carousel-nav:not(:disabled):hover{filter:brightness(.97)}.hans-carousel-nav:disabled{cursor:not-allowed;opacity:.5}.hans-carousel-nav-previous{left:calc(var(--spacing)*3)}.hans-carousel-nav-next{right:calc(var(--spacing)*3)}.hans-carousel-nav .hans-icon,.hans-carousel-nav .hans-loading{color:currentColor}.hans-carousel-nav slot{justify-content:center;align-items:center;display:inline-flex}.hans-carousel-nav .hans-icon{flex-shrink:0}.hans-carousel-nav .hans-loading-spinner{border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav .hans-loading-spinner{border-color:color-mix(in srgb,currentColor 28%,transparent)}}.hans-carousel-nav .hans-loading-spinner{border-top-color:currentColor}.hans-carousel-controls{justify-content:center;align-items:center;gap:calc(var(--spacing)*4);display:flex}.hans-carousel-indicators{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);max-width:100%;display:flex;overflow:hidden}.hans-carousel-indicator{height:calc(var(--spacing)*2.5);width:calc(var(--spacing)*2.5);border-style:var(--tw-border-style);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));--tw-duration:.2s;cursor:pointer;background:var(--hans-carousel-indicator-inactive,var(--gray-300));border-width:0;border-radius:3.40282e38px;transition-duration:.2s}.hans-carousel-indicator-active{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);background:var(--hans-carousel-indicator-active,var(--gray-700))}.hans-carousel-indicator-faded{opacity:.45}.hans-carousel-empty{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);--tw-border-style:dashed;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*10);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--hans-carousel-accent-text,var(--text-color));border-style:dashed;border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-300));justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.hans-carousel-empty{border-color:color-mix(in srgb,var(--hans-carousel-shell-border,var(--gray-300))60%,transparent)}}.hans-carousel-empty{min-height:var(--hans-carousel-height,240px)}.hans-carousel-borderless .hans-carousel-frame{gap:calc(var(--spacing)*0)}.hans-carousel-borderless .hans-carousel-viewport{border-radius:var(--radius-2xl)}.hans-carousel-borderless .hans-carousel-controls{pointer-events:none;bottom:calc(var(--spacing)*4);z-index:20;--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;left:50%}.hans-carousel-borderless .hans-carousel-image{padding-bottom:calc(var(--spacing)*24)}.hans-carousel-borderless .hans-carousel-indicators{pointer-events:auto;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);background:var(--black);border-radius:3.40282e38px}@supports (color:color-mix(in lab,red,red)){.hans-carousel-borderless .hans-carousel-indicators{background:color-mix(in srgb,var(--black)24%,transparent)}}.hans-carousel-borderless .hans-carousel-indicators{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hans-carousel-borderless .hans-carousel-copy{padding-right:calc(var(--spacing)*4)}.hans-carousel-borderless .hans-carousel-empty{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:0}.hans-tag{align-items:center;gap:calc(var(--spacing)*1);border-radius:3.40282e38px;display:inline-flex}.hans-tag-label{--tw-leading:1;line-height:1}.hans-tag-image{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4);object-fit:cover;border-radius:3.40282e38px}.hans-tag-medium .hans-tag-image,.hans-tag-md .hans-tag-image{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}.hans-tag-large .hans-tag-image,.hans-tag-lg .hans-tag-image{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.hans-tag-action{cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing)*0);background-color:#0000;border-style:none;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.hans-tag-action:disabled{cursor:not-allowed;opacity:.5}.hans-tag-small,.hans-tag-sm{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-tag-medium,.hans-tag-md{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-tag-large,.hans-tag-lg{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-tag-base{background-color:var(--base-neutral-color);color:var(--text-color)}.hans-tag-base .hans-tag-icon{color:var(--base-strong-color)}.hans-tag-primary{background-color:var(--primary-neutral-color);color:var(--primary-strong-color)}.hans-tag-primary .hans-tag-icon{color:var(--primary-default-color)}.hans-tag-secondary{background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color)}.hans-tag-secondary .hans-tag-icon{color:var(--secondary-default-color)}.hans-tag-success{background-color:var(--success-neutral-color);color:var(--success-strong-color)}.hans-tag-success .hans-tag-icon{color:var(--success-default-color)}.hans-tag-danger{background-color:var(--danger-neutral-color);color:var(--danger-strong-color)}.hans-tag-danger .hans-tag-icon{color:var(--danger-default-color)}.hans-tag-warning{background-color:var(--warning-neutral-color);color:var(--warning-strong-color)}.hans-tag-warning .hans-tag-icon{color:var(--warning-default-color)}.hans-tag-info{background-color:var(--info-neutral-color);color:var(--info-strong-color)}.hans-tag-info .hans-tag-icon{color:var(--info-default-color)}.hans-chart{border-radius:var(--radius-lg);width:100%;padding:calc(var(--spacing)*3);background-color:#0000;flex-direction:column;display:flex}.hans-chart-title{padding-bottom:calc(var(--spacing)*3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--text-color);display:block}.hans-chart-canvas{flex:1;width:100%;min-height:220px}.hans-chart-empty{justify-content:center;align-items:center;display:flex}.hans-chart-empty-text{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-chart-loading{overflow:hidden}.hans-accordion{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-200);background-color:var(--white);flex-direction:column;width:100%;display:flex;overflow:hidden}.hans-accordion-item{background-color:var(--white);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));--tw-duration:.2s;transition-duration:.2s;overflow:hidden}.hans-accordion-item+.hans-accordion-item{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-200)}.hans-accordion-item-disabled{opacity:.6}.hans-accordion-trigger{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);width:100%;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);text-align:left;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));--tw-duration:.2s;background:var(--hans-accordion-title-bg,transparent);color:var(--hans-accordion-title-text,var(--text-color));box-shadow:inset 0 0 0 1px var(--hans-accordion-title-border,transparent);transition-duration:.2s;display:flex}.hans-accordion-trigger:not(:disabled){cursor:pointer}.hans-accordion-trigger:not(:disabled):hover{filter:brightness(.98)}.hans-accordion-trigger:disabled{cursor:not-allowed}.hans-accordion-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-accordion-icon{color:currentColor;flex-shrink:0}.hans-accordion-panel{gap:calc(var(--spacing)*2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-100);padding-inline:calc(var(--spacing)*4);padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*4);background:var(--hans-accordion-description-bg,transparent);color:var(--hans-accordion-description-text,var(--text-color));box-shadow:inset 0 0 0 1px var(--hans-accordion-description-border,transparent);flex-direction:column;display:flex}.hans-accordion-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.hans-accordion-empty{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*6);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-600)}.hans-accordion-skeleton-item .hans-accordion-trigger{box-shadow:none;background:0 0;align-items:center}.hans-accordion-skeleton-item .hans-accordion-panel{box-shadow:none}.hans-loading{justify-content:center;align-items:center;display:inline-flex}.hans-loading-spinner{animation:var(--animate-spin);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:2px;border-color:var(--hans-loading-spinner-border,var(--base-neutral-color));border-top-color:var(--hans-loading-spinner-top,var(--base-default-color));border-radius:3.40282e38px}.hans-loading-skeleton{animation:var(--animate-pulse);width:var(--hans-loading-width,100%);height:var(--hans-loading-height,100%);background-color:var(--hans-loading-skeleton-color,var(--base-neutral-color));display:block}.hans-loading-rounded{border-radius:var(--radius-md)}.hans-loading-small{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.hans-loading-medium{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.hans-loading-large{height:calc(var(--spacing)*10);width:calc(var(--spacing)*10)}.hans-kanban-column{min-height:var(--hans-kanban-board-min-height);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background:var(--hans-kanban-surface-bg);border-width:1px;border-color:var(--hans-kanban-surface-border);color:var(--hans-kanban-surface-text);flex-direction:column;display:flex}.hans-kanban-column-drag-over{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--hans-kanban-surface-border))}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-drag-over{--tw-shadow:0 0 0 3px var(--tw-shadow-color,color-mix(in srgb,var(--hans-kanban-surface-border)28%,transparent))}}.hans-kanban-column-drag-over{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hans-kanban-column-header{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing)*3);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);border-bottom-width:1px;border-color:var(--hans-kanban-surface-border);display:flex}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-header{border-color:color-mix(in srgb,var(--hans-kanban-surface-border)35%,transparent)}}.hans-kanban-column-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-kanban-column-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-kanban-column-description,.hans-kanban-column-empty{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--hans-kanban-surface-muted)}.hans-kanban-column-count{min-width:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);background:var(--hans-kanban-surface-border);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-count{background:color-mix(in srgb,var(--hans-kanban-surface-border)22%,transparent)}}.hans-kanban-column-body{gap:calc(var(--spacing)*3);min-height:12rem;padding:calc(var(--spacing)*4);flex-direction:column;flex:1;display:flex}.hans-kanban-column-loading{overflow:hidden}.hans-kanban-column-skeleton{height:100%;min-height:var(--hans-kanban-board-min-height);display:block}.hans-kanban-column-drop-indicator{height:calc(var(--spacing)*2);background:var(--hans-kanban-surface-border);border-radius:3.40282e38px;margin-top:auto;display:block}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-drop-indicator{background:color-mix(in srgb,var(--hans-kanban-surface-border)55%,transparent)}}.hans-kanban-item{cursor:grab;position:relative}.hans-kanban-item-dragging{opacity:.6}.hans-kanban-item-drop-indicator:before{content:"";top:calc(var(--spacing)*-2);right:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:1;height:calc(var(--spacing)*1);background:var(--primary-default-color);border-radius:3.40282e38px;position:absolute}@supports (color:color-mix(in lab,red,red)){.hans-kanban-item-drop-indicator:before{background:color-mix(in srgb,var(--primary-default-color)72%,transparent)}}.hans-kanban-item-card{--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);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));--tw-duration:.15s;transition-duration:.15s}.hans-kanban-item:hover .hans-kanban-item-card{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y);--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)}.hans-kanban-item-loading{min-height:calc(var(--spacing)*24);border-radius:var(--radius-2xl);overflow:hidden}.hans-kanban-item-skeleton{min-height:calc(var(--spacing)*24);display:block}.hans-kanban-wrapper{width:100%;overflow-x:auto}.hans-kanban-board{grid-auto-columns:minmax(var(--hans-kanban-column-min-width),1fr);gap:calc(var(--spacing)*4);min-height:var(--hans-kanban-board-min-height);grid-auto-flow:column;display:grid}.hans-kanban-loading{min-height:var(--hans-kanban-board-min-height);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);background-color:var(--white);justify-content:center;align-items:center;width:100%;display:flex}.hans-kanban-loading-skeleton{height:100%;min-height:var(--hans-kanban-board-min-height);display:block}.hans-icon{justify-content:center;align-items:center;display:inline-flex}.hans-icon-small{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-icon-medium{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.hans-icon-large{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.hans-pagination{justify-content:center;display:flex}.hans-pagination-group,.hans-pagination-pages{justify-content:center;align-items:center;gap:calc(var(--spacing)*3);flex-wrap:wrap;display:flex}.hans-pagination-ellipsis{min-width:calc(var(--spacing)*10);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium);color:var(--gray-700);justify-content:center;align-items:center;display:inline-flex}.hans-popup{width:100%;position:relative}.hans-popup-panel{z-index:9999;min-width:100%;position:absolute}.hans-popup-panel-portal{z-index:1300;width:max-content;max-width:calc(100vw - 1rem);min-width:calc(var(--spacing)*0);position:fixed}.hans-popup-panel[data-horizontal-position=start]{right:auto;left:calc(var(--spacing)*0)}.hans-popup-panel[data-horizontal-position=end]{right:calc(var(--spacing)*0);left:auto}.hans-popup-panel[data-direction=down]{margin-top:calc(var(--spacing)*1);top:100%}.hans-popup-panel[data-direction=up]{margin-bottom:calc(var(--spacing)*1);bottom:100%}.hans-popup-panel-content{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);--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);max-height:calc(var(--spacing)*56);background-color:var(--hans-popup-bg);overflow:auto}.hans-popup-empty,.hans-popup-item-list-empty{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-toast{align-items:flex-start;gap:calc(var(--spacing)*3);border-radius:var(--radius-xl);border-style:var(--tw-border-style);min-width:260px;max-width:420px;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);--tw-shadow:var(--hans-toast-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--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,);background:var(--hans-toast-bg);border-width:1px;border-color:var(--hans-toast-border);color:var(--hans-toast-text);display:flex;position:fixed}.hans-toast-small{max-width:300px;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toast-medium{max-width:360px;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toast-large{max-width:420px;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-toast-accent{width:calc(var(--spacing)*2);background:var(--hans-toast-accent);border-radius:3.40282e38px;flex-shrink:0;align-self:stretch}.hans-toast-icon{padding-top:calc(var(--spacing)*.5);color:var(--hans-toast-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hans-toast-content{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-toast-title{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-toast-message{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);opacity:.9}.hans-toast-close{cursor:pointer;border-radius:var(--radius-md);--tw-border-style:none;padding:calc(var(--spacing)*1);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1;color:inherit;background-color:#0000;border-style:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.hans-toast-close:disabled{cursor:not-allowed;opacity:.5}.hans-modal-portal{inset:calc(var(--spacing)*0);z-index:1200;color:var(--hans-modal-text);display:flex;position:fixed}.hans-modal-overlay{pointer-events:none;inset:calc(var(--spacing)*0);background:var(--hans-modal-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute}.hans-modal-shell{z-index:1;width:100%;height:100%;padding:calc(var(--spacing)*4);display:flex;position:relative}@media(min-width:48rem){.hans-modal-shell{padding:calc(var(--spacing)*6)}}.hans-modal-portal[data-placement=left] .hans-modal-shell,.hans-modal-portal[data-placement=right] .hans-modal-shell{padding:calc(var(--spacing)*0)}.hans-modal-dialog{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);--tw-shadow:var(--hans-modal-shadow);width:100%;max-height:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:var(--hans-modal-bg);border-width:1px;border-color:var(--hans-modal-border);color:var(--hans-modal-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.hans-modal-placement-center{margin-block:auto;margin-inline:auto}.hans-modal-placement-left{margin-block:calc(var(--spacing)*0);margin-right:auto;margin-left:calc(var(--spacing)*0);border-radius:0;border-top-right-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);height:100%}.hans-modal-placement-right{margin-block:calc(var(--spacing)*0);margin-right:calc(var(--spacing)*0);border-radius:0;border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl);height:100%;margin-left:auto}.hans-modal-small.hans-modal-placement-center{max-width:var(--container-md);width:min(100%,28rem);max-height:min(100%,32rem)}.hans-modal-medium.hans-modal-placement-center{max-width:var(--container-2xl);width:min(100%,42rem);max-height:min(100%,48rem)}.hans-modal-large.hans-modal-placement-center{max-width:var(--container-5xl);width:min(100%,72rem);max-height:min(100%,64rem)}.hans-modal-small.hans-modal-placement-left,.hans-modal-small.hans-modal-placement-right{max-width:380px}.hans-modal-medium.hans-modal-placement-left,.hans-modal-medium.hans-modal-placement-right{max-width:520px}.hans-modal-large.hans-modal-placement-left,.hans-modal-large.hans-modal-placement-right{max-width:680px}.hans-modal-content{height:100%;min-height:calc(var(--spacing)*0);flex-direction:column;flex:1;display:flex}.hans-modal-header,.hans-modal-footer{gap:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);display:flex}.hans-modal-header-divider,.hans-modal-footer-divider{border-color:var(--hans-modal-border)}@supports (color:color-mix(in lab,red,red)){.hans-modal-header-divider,.hans-modal-footer-divider{border-color:color-mix(in srgb,var(--hans-modal-border)40%,transparent)}}.hans-modal-header-divider{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.hans-modal-footer-divider{border-top-style:var(--tw-border-style);border-top-width:1px}.hans-modal-header-main{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*2);flex-direction:column;flex:1;display:flex}.hans-modal-title{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-modal-header-content{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--hans-modal-muted-text)}.hans-modal-dismiss{cursor:pointer;border-radius:var(--radius-md);--tw-border-style:none;padding:calc(var(--spacing)*1);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:1;color:var(--hans-modal-dismiss-color);background-color:#0000;border-style:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.hans-modal-body{box-sizing:border-box;min-height:calc(var(--spacing)*0);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*5);max-height:var(--hans-modal-body-max-height);flex-direction:column;flex:1;display:flex;overflow:auto}.hans-modal-body-content{min-height:calc(var(--spacing)*0);padding-bottom:calc(var(--spacing)*5);flex-direction:column;display:flex}.hans-modal-projected-content{min-height:calc(var(--spacing)*0);flex-direction:column;flex:1;display:flex}.hans-modal-body-loading{justify-content:center;align-items:center;min-height:18rem}.hans-modal-footer{gap:calc(var(--spacing)*4);flex-direction:column;margin-top:auto;display:flex}@media(min-width:48rem){.hans-modal-footer{flex-direction:row;justify-content:space-between;align-items:flex-end}}.hans-modal-footer-actions-only{align-items:flex-end}@media(min-width:48rem){.hans-modal-footer-actions-only{justify-content:flex-end}}.hans-modal-footer-support{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*3);flex-direction:column;flex:1;display:flex}.hans-modal-footer-pagination{min-width:calc(var(--spacing)*0)}.hans-modal-footer-content{min-width:calc(var(--spacing)*0);align-items:center;gap:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--hans-modal-muted-text);display:flex}.hans-modal-footer-actions{justify-content:flex-end;gap:calc(var(--spacing)*3);flex-wrap:wrap;display:flex}.hans-table-head th{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);vertical-align:middle;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);background:var(--hans-table-header-bg);color:var(--hans-table-header-text);border-bottom-width:1px;border-color:var(--hans-table-divider)}.hans-table-head-content{align-items:center;gap:calc(var(--spacing)*2);width:100%;display:flex}.hans-table-sort-button{cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing)*0);color:currentColor;background-color:#0000;border-style:none;justify-content:center;align-items:center;display:inline-flex}.hans-table-sort-icon-active{opacity:1}.hans-table-sort-button .hans-icon{opacity:.6}.hans-table-header-loading{display:block}.hans-table-align-left .hans-table-head-content{justify-content:flex-start}.hans-table-align-center .hans-table-head-content{justify-content:center}.hans-table-align-right .hans-table-head-content{justify-content:flex-end}.hans-table tbody td{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);vertical-align:middle;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--hans-table-row-text);border-bottom-width:1px;border-color:var(--hans-table-divider);background:var(--hans-table-row-bg)}.hans-table tbody tr:hover td{background:var(--hans-table-row-hover)}.hans-table-striped tr:nth-child(2n) td{opacity:.95}.hans-table tbody tr:last-child td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.hans-table-empty{padding-block:calc(var(--spacing)*8);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-table-loading{padding:calc(var(--spacing)*4);background:var(--hans-table-row-bg)}.hans-table-wrapper{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--hans-table-border);background:var(--hans-table-row-bg);width:100%;max-height:var(--hans-table-max-height);overflow:auto}.hans-table{border-collapse:separate;--tw-border-spacing-x:calc(var(--spacing)*0);--tw-border-spacing-y:calc(var(--spacing)*0);width:100%;border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y);min-width:var(--hans-table-min-width)}.hans-table-filters td{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);vertical-align:middle;border-bottom-width:1px;border-color:var(--hans-table-divider);background:var(--hans-table-row-bg)}.hans-table-filters .hans-input-div,.hans-table-filter-dropdown .hans-input-div{width:100%}.hans-table-align-left{text-align:left}.hans-table-align-center{text-align:center}.hans-table-align-right{text-align:right}.hans-table-with-column-dividers th,.hans-table-with-column-dividers td{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--hans-table-divider)}.hans-table-with-column-dividers th:last-child,.hans-table-with-column-dividers td:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.hans-tabs-wrapper{flex-direction:column;width:100%;display:flex}.hans-tabs-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--base-neutral-color);flex-wrap:wrap;align-items:flex-end;width:100%;display:flex}.hans-tabs-header-small{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-tabs-header-medium{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-tabs-header-large{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-tab{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-style:var(--tw-border-style);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));--tw-duration:.2s;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);color:var(--base-default-color);border-width:1px;border-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-right:-1px;transition-duration:.2s;display:inline-flex;position:relative}.hans-tab-small{min-height:calc(var(--spacing)*9);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5)}.hans-tab-medium{min-height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2)}.hans-tab-large{min-height:calc(var(--spacing)*11);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5)}.hans-tab-active{z-index:10;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-bottom-color:#0000;margin-bottom:-1px}.hans-tab-disabled{cursor:not-allowed;opacity:.6}.hans-tab:not(.hans-tab-active):not(.hans-tab-disabled){opacity:.8}.hans-tab:not(.hans-tab-active):not(.hans-tab-disabled):hover{opacity:1}.hans-tab-close-wrapper{align-items:center;display:inline-flex}.hans-tab-close{cursor:pointer;height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.hans-tab-close .hans-icon{color:inherit}.hans-tab-title{white-space:nowrap}.hans-tabs-content{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl);border-style:var(--tw-border-style);padding:calc(var(--spacing)*4);border-width:1px}.hans-tabs-empty{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--base-default-color)}.hans-tabs-header-loading{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-bottom-right-radius:0;border-bottom-left-radius:0}.hans-tabs-content-loading{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.hans-tab-base.hans-tab-strong,.hans-tabs-content-base.hans-tabs-content-strong{border-color:var(--base-strong-color);background-color:var(--base-strong-color);color:var(--base-neutral-color)}.hans-tab-base.hans-tab-default,.hans-tabs-content-base.hans-tabs-content-default{border-color:var(--base-default-color);background-color:var(--base-default-color);color:var(--white)}.hans-tab-base.hans-tab-neutral,.hans-tabs-content-base.hans-tabs-content-neutral{border-color:var(--base-neutral-color);background-color:var(--base-neutral-color);color:var(--base-strong-color)}.hans-tab-base.hans-tab-outline,.hans-tabs-content-base.hans-tabs-content-outline{border-color:var(--base-default-color);background-color:var(--white);color:var(--text-color)}.hans-tab-base.hans-tab-transparent,.hans-tabs-content-base.hans-tabs-content-transparent{color:var(--text-color);background-color:#0000;border-color:#0000}.hans-tab-primary.hans-tab-strong,.hans-tabs-content-primary.hans-tabs-content-strong{border-color:var(--primary-strong-color);background-color:var(--primary-strong-color);color:var(--primary-neutral-color)}.hans-tab-primary.hans-tab-default,.hans-tabs-content-primary.hans-tabs-content-default{border-color:var(--primary-default-color);background-color:var(--primary-default-color);color:var(--white)}.hans-tab-primary.hans-tab-neutral,.hans-tabs-content-primary.hans-tabs-content-neutral{border-color:var(--primary-neutral-color);background-color:var(--primary-neutral-color);color:var(--primary-strong-color)}.hans-tab-primary.hans-tab-outline,.hans-tabs-content-primary.hans-tabs-content-outline{border-color:var(--primary-default-color);background-color:var(--white);color:var(--primary-strong-color)}.hans-tab-primary.hans-tab-transparent,.hans-tabs-content-primary.hans-tabs-content-transparent{color:var(--primary-default-color);background-color:#0000;border-color:#0000}.hans-tab-secondary.hans-tab-strong,.hans-tabs-content-secondary.hans-tabs-content-strong{border-color:var(--secondary-strong-color);background-color:var(--secondary-strong-color);color:var(--secondary-neutral-color)}.hans-tab-secondary.hans-tab-default,.hans-tabs-content-secondary.hans-tabs-content-default{border-color:var(--secondary-default-color);background-color:var(--secondary-default-color);color:var(--white)}.hans-tab-secondary.hans-tab-neutral,.hans-tabs-content-secondary.hans-tabs-content-neutral{border-color:var(--secondary-neutral-color);background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color)}.hans-tab-secondary.hans-tab-outline,.hans-tabs-content-secondary.hans-tabs-content-outline{border-color:var(--secondary-default-color);background-color:var(--white);color:var(--secondary-strong-color)}.hans-tab-secondary.hans-tab-transparent,.hans-tabs-content-secondary.hans-tabs-content-transparent{color:var(--secondary-default-color);background-color:#0000;border-color:#0000}.hans-tab-success.hans-tab-strong,.hans-tabs-content-success.hans-tabs-content-strong{border-color:var(--success-strong-color);background-color:var(--success-strong-color);color:var(--success-neutral-color)}.hans-tab-success.hans-tab-default,.hans-tabs-content-success.hans-tabs-content-default{border-color:var(--success-default-color);background-color:var(--success-default-color);color:var(--white)}.hans-tab-success.hans-tab-neutral,.hans-tabs-content-success.hans-tabs-content-neutral{border-color:var(--success-neutral-color);background-color:var(--success-neutral-color);color:var(--success-strong-color)}.hans-tab-success.hans-tab-outline,.hans-tabs-content-success.hans-tabs-content-outline{border-color:var(--success-default-color);background-color:var(--white);color:var(--success-strong-color)}.hans-tab-success.hans-tab-transparent,.hans-tabs-content-success.hans-tabs-content-transparent{color:var(--success-default-color);background-color:#0000;border-color:#0000}.hans-tab-danger.hans-tab-strong,.hans-tabs-content-danger.hans-tabs-content-strong{border-color:var(--danger-strong-color);background-color:var(--danger-strong-color);color:var(--danger-neutral-color)}.hans-tab-danger.hans-tab-default,.hans-tabs-content-danger.hans-tabs-content-default{border-color:var(--danger-default-color);background-color:var(--danger-default-color);color:var(--white)}.hans-tab-danger.hans-tab-neutral,.hans-tabs-content-danger.hans-tabs-content-neutral{border-color:var(--danger-neutral-color);background-color:var(--danger-neutral-color);color:var(--danger-strong-color)}.hans-tab-danger.hans-tab-outline,.hans-tabs-content-danger.hans-tabs-content-outline{border-color:var(--danger-default-color);background-color:var(--white);color:var(--danger-strong-color)}.hans-tab-danger.hans-tab-transparent,.hans-tabs-content-danger.hans-tabs-content-transparent{color:var(--danger-default-color);background-color:#0000;border-color:#0000}.hans-tab-warning.hans-tab-strong,.hans-tabs-content-warning.hans-tabs-content-strong{border-color:var(--warning-strong-color);background-color:var(--warning-strong-color);color:var(--warning-neutral-color)}.hans-tab-warning.hans-tab-default,.hans-tabs-content-warning.hans-tabs-content-default{border-color:var(--warning-default-color);background-color:var(--warning-default-color);color:var(--white)}.hans-tab-warning.hans-tab-neutral,.hans-tabs-content-warning.hans-tabs-content-neutral{border-color:var(--warning-neutral-color);background-color:var(--warning-neutral-color);color:var(--warning-strong-color)}.hans-tab-warning.hans-tab-outline,.hans-tabs-content-warning.hans-tabs-content-outline{border-color:var(--warning-default-color);background-color:var(--white);color:var(--warning-strong-color)}.hans-tab-warning.hans-tab-transparent,.hans-tabs-content-warning.hans-tabs-content-transparent{color:var(--warning-default-color);background-color:#0000;border-color:#0000}.hans-tab-info.hans-tab-strong,.hans-tabs-content-info.hans-tabs-content-strong{border-color:var(--info-strong-color);background-color:var(--info-strong-color);color:var(--info-neutral-color)}.hans-tab-info.hans-tab-default,.hans-tabs-content-info.hans-tabs-content-default{border-color:var(--info-default-color);background-color:var(--info-default-color);color:var(--white)}.hans-tab-info.hans-tab-neutral,.hans-tabs-content-info.hans-tabs-content-neutral{border-color:var(--info-neutral-color);background-color:var(--info-neutral-color);color:var(--info-strong-color)}.hans-tab-info.hans-tab-outline,.hans-tabs-content-info.hans-tabs-content-outline{border-color:var(--info-default-color);background-color:var(--white);color:var(--info-strong-color)}.hans-tab-info.hans-tab-transparent,.hans-tabs-content-info.hans-tabs-content-transparent{color:var(--info-default-color);background-color:#0000;border-color:#0000}:root{--red-900:#9e0018;--red-500:#ff002b;--red-300:#ff5c5c;--green-900:#027a43;--green-500:#04d361;--green-300:#a3f3c4;--blue-900:#1f4ba8;--blue-500:#3b82f6;--blue-300:#93c5fd;--yellow-900:#ca8a04;--yellow-500:#eab308;--yellow-300:#fef08a;--orange-900:#c2410c;--orange-500:#f97316;--orange-300:#fdba74;--pink-900:#c21875;--pink-500:#ff4da6;--pink-300:#ffb3d9;--wine-900:#7a1f3d;--wine-500:#b33963;--wine-300:#e8a3bd;--purple-900:#4b1f8a;--purple-500:#7c3aed;--purple-300:#c4b5fd;--lilac-900:#5f4b8b;--lilac-500:#b39ddb;--lilac-300:#e6dcff;--indigo-900:#312e81;--indigo-500:#6366f1;--indigo-300:#a5b4fc;--cyan-900:#0e7490;--cyan-500:#06b6d4;--cyan-300:#67e8f9;--aqua-900:#008f82;--aqua-500:#00f6db;--aqua-300:#84f3df;--lime-900:#3f7d00;--lime-500:#7cff00;--lime-300:#cfff8f;--beige-900:#8a6b3f;--beige-500:#d4b483;--beige-300:#f2dfc2;--brown-900:#4a2f22;--brown-500:#8b5e3c;--brown-300:#c9a27e;--gray-900:#3a3a44;--gray-700:#7a7a85;--gray-500:#b7b7c3;--gray-300:#e6e6ee;--gray-100:#f4f4fa;--black:#000;--white:#fff;--primary-strong-color:var(--purple-900);--primary-default-color:var(--purple-500);--primary-neutral-color:var(--purple-300);--secondary-strong-color:var(--blue-900);--secondary-default-color:var(--blue-500);--secondary-neutral-color:var(--blue-300);--success-strong-color:var(--green-900);--success-default-color:var(--green-500);--success-neutral-color:var(--green-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--aqua-900);--info-default-color:var(--aqua-500);--info-neutral-color:var(--aqua-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination1]{--primary-strong-color:var(--purple-900);--primary-default-color:var(--purple-500);--primary-neutral-color:var(--purple-300);--secondary-strong-color:var(--blue-900);--secondary-default-color:var(--blue-500);--secondary-neutral-color:var(--blue-300);--success-strong-color:var(--green-900);--success-default-color:var(--green-500);--success-neutral-color:var(--green-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--aqua-900);--info-default-color:var(--aqua-500);--info-neutral-color:var(--aqua-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination2]{--primary-strong-color:var(--cyan-900);--primary-default-color:var(--cyan-500);--primary-neutral-color:var(--cyan-300);--secondary-strong-color:var(--pink-900);--secondary-default-color:var(--pink-500);--secondary-neutral-color:var(--pink-300);--success-strong-color:var(--lime-900);--success-default-color:var(--lime-500);--success-neutral-color:var(--lime-300);--danger-strong-color:var(--wine-900);--danger-default-color:var(--wine-500);--danger-neutral-color:var(--wine-300);--warning-strong-color:var(--orange-900);--warning-default-color:var(--orange-500);--warning-neutral-color:var(--orange-300);--info-strong-color:var(--indigo-900);--info-default-color:var(--indigo-500);--info-neutral-color:var(--indigo-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-900);--text-color:var(--gray-100)}[data-theme=combination3]{--primary-strong-color:var(--beige-900);--primary-default-color:var(--beige-500);--primary-neutral-color:var(--beige-300);--secondary-strong-color:var(--aqua-900);--secondary-default-color:var(--aqua-500);--secondary-neutral-color:var(--aqua-300);--success-strong-color:var(--green-900);--success-default-color:var(--green-500);--success-neutral-color:var(--green-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--lilac-900);--info-default-color:var(--lilac-500);--info-neutral-color:var(--lilac-300);--base-strong-color:var(--brown-900);--base-default-color:var(--brown-500);--base-neutral-color:var(--brown-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination4]{--primary-strong-color:var(--indigo-900);--primary-default-color:var(--indigo-500);--primary-neutral-color:var(--indigo-300);--secondary-strong-color:var(--orange-900);--secondary-default-color:var(--orange-500);--secondary-neutral-color:var(--orange-300);--success-strong-color:var(--aqua-900);--success-default-color:var(--aqua-500);--success-neutral-color:var(--aqua-300);--danger-strong-color:var(--pink-900);--danger-default-color:var(--pink-500);--danger-neutral-color:var(--pink-300);--warning-strong-color:var(--beige-900);--warning-default-color:var(--beige-500);--warning-neutral-color:var(--beige-300);--info-strong-color:var(--blue-900);--info-default-color:var(--blue-500);--info-neutral-color:var(--blue-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination5]{--primary-strong-color:var(--wine-900);--primary-default-color:var(--wine-500);--primary-neutral-color:var(--wine-300);--secondary-strong-color:var(--lilac-900);--secondary-default-color:var(--lilac-500);--secondary-neutral-color:var(--lilac-300);--success-strong-color:var(--lime-900);--success-default-color:var(--lime-500);--success-neutral-color:var(--lime-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--cyan-900);--info-default-color:var(--cyan-500);--info-neutral-color:var(--cyan-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-900);--text-color:var(--gray-100)}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--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);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.\!mx-2{margin-inline:calc(var(--spacing)*2)!important}.\!mx-5{margin-inline:calc(var(--spacing)*5)!important}.\!my-1{margin-block:calc(var(--spacing)*1)!important}.\!my-2{margin-block:calc(var(--spacing)*2)!important}.\!my-3{margin-block:calc(var(--spacing)*3)!important}.\!my-4{margin-block:calc(var(--spacing)*4)!important}.mt-1{margin-top:calc(var(--spacing)*1)}.\!mb-3{margin-bottom:calc(var(--spacing)*3)!important}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.block{display:block}.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}.h-\[260px\]{height:260px}.h-auto{height:auto}.h-full{height:100%}.min-h-\[88px\]{min-height:88px}.min-h-\[640px\]{min-height:640px}.min-h-full{min-height:100%}.w-6{width:calc(var(--spacing)*6)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-\[260px\]{width:260px}.w-\[320px\]{width:320px}.w-full{width:100%}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-md{max-width:var(--container-md)}.min-w-\[880px\]{min-width:880px}.min-w-\[920px\]{min-width:920px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.auto-rows-\[minmax\(140px\,1fr\)\]{grid-auto-rows:minmax(140px,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--base-default-color\)\]{border-color:var(--base-default-color)}.border-\[var\(--gray-300\)\]{border-color:var(--gray-300)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.text-left{text-align:left}.\!font-mono{font-family:var(--font-mono)!important}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.text-\[var\(--gray-700\)\]{color:var(--gray-700)}.text-\[var\(--primary-default-color\)\]{color:var(--primary-default-color)}.text-\[var\(--secondary-default-color\)\]{color:var(--secondary-default-color)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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))}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-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-duration{syntax:"*";inherits:false}@property --tw-leading{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}@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-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";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-tracking{syntax:"*";inherits:false}@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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
|
|
1
|
+
/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@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-outline-style:solid;--tw-font-weight:initial;--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-duration:initial;--tw-leading:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-border-spacing-x:0;--tw-border-spacing-y:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-tracking:initial;--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}}}*,:before,:after{box-sizing:border-box;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}ol,ul{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}.hans-button{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*1);transition:background-color .2s,color .2s,border-color .2s,outline-color .2s;display:flex}.hans-button-rounded{border-radius:3.40282e38px}.hans-button-square{border-radius:var(--radius-md)}.hans-button:disabled,.hans-button[disabled]{cursor:not-allowed;opacity:.5}.hans-button:disabled>*{pointer-events:none}.hans-button-loading{display:inline-flex}.hans-button-small{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*1)}.hans-button-medium{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2)}.hans-button-large{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3)}.hans-button-base.hans-button-strong{background-color:var(--base-strong-color);color:var(--base-neutral-color)}.hans-button-base.hans-button-default{background-color:var(--base-default-color);color:var(--white)}.hans-button-base.hans-button-neutral{background-color:var(--base-neutral-color);color:var(--base-strong-color)}.hans-button-base.hans-button-inverse{background-color:var(--white);color:var(--base-default-color)}.hans-button-base.hans-button-outline{border-color:var(--base-default-color);color:var(--text-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-base.hans-button-transparent{color:var(--text-color);background-color:#0000}.hans-button-primary.hans-button-strong{background-color:var(--primary-strong-color);color:var(--primary-neutral-color)}.hans-button-primary.hans-button-default{background-color:var(--primary-default-color);color:var(--white)}.hans-button-primary.hans-button-neutral{background-color:var(--primary-neutral-color);color:var(--primary-strong-color)}.hans-button-primary.hans-button-inverse{background-color:var(--white);color:var(--primary-default-color)}.hans-button-primary.hans-button-outline{border-color:var(--primary-default-color);color:var(--primary-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-primary.hans-button-transparent{color:var(--primary-default-color);background-color:#0000}.hans-button-secondary.hans-button-strong{background-color:var(--secondary-strong-color);color:var(--secondary-neutral-color)}.hans-button-secondary.hans-button-default{background-color:var(--secondary-default-color);color:var(--white)}.hans-button-secondary.hans-button-neutral{background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color)}.hans-button-secondary.hans-button-inverse{background-color:var(--white);color:var(--secondary-default-color)}.hans-button-secondary.hans-button-outline{border-color:var(--secondary-default-color);color:var(--secondary-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-secondary.hans-button-transparent{color:var(--secondary-default-color);background-color:#0000}.hans-button-success.hans-button-strong{background-color:var(--success-strong-color);color:var(--success-neutral-color)}.hans-button-success.hans-button-default{background-color:var(--success-default-color);color:var(--white)}.hans-button-success.hans-button-neutral{background-color:var(--success-neutral-color);color:var(--success-strong-color)}.hans-button-success.hans-button-inverse{background-color:var(--white);color:var(--success-default-color)}.hans-button-success.hans-button-outline{border-color:var(--success-default-color);color:var(--success-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-success.hans-button-transparent{color:var(--success-default-color);background-color:#0000}.hans-button-danger.hans-button-strong{background-color:var(--danger-strong-color);color:var(--danger-neutral-color)}.hans-button-danger.hans-button-default{background-color:var(--danger-default-color);color:var(--white)}.hans-button-danger.hans-button-neutral{background-color:var(--danger-neutral-color);color:var(--danger-strong-color)}.hans-button-danger.hans-button-inverse{background-color:var(--white);color:var(--danger-default-color)}.hans-button-danger.hans-button-outline{border-color:var(--danger-default-color);color:var(--danger-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-danger.hans-button-transparent{color:var(--danger-default-color);background-color:#0000}.hans-button-warning.hans-button-strong{background-color:var(--warning-strong-color);color:var(--warning-neutral-color)}.hans-button-warning.hans-button-default{background-color:var(--warning-default-color);color:var(--white)}.hans-button-warning.hans-button-neutral{background-color:var(--warning-neutral-color);color:var(--warning-strong-color)}.hans-button-warning.hans-button-inverse{background-color:var(--white);color:var(--warning-default-color)}.hans-button-warning.hans-button-outline{border-color:var(--warning-default-color);color:var(--warning-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-warning.hans-button-transparent{color:var(--warning-default-color);background-color:#0000}.hans-button-info.hans-button-strong{background-color:var(--info-strong-color);color:var(--info-neutral-color)}.hans-button-info.hans-button-default{background-color:var(--info-default-color);color:var(--white)}.hans-button-info.hans-button-neutral{background-color:var(--info-neutral-color);color:var(--info-strong-color)}.hans-button-info.hans-button-inverse{background-color:var(--white);color:var(--info-default-color)}.hans-button-info.hans-button-outline{border-color:var(--info-default-color);color:var(--info-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-info.hans-button-transparent{color:var(--info-default-color);background-color:#0000}.hans-button[class*=hans-button-hover-color-][class*=hans-button-hover-variant-]:hover{outline-offset:0;border-width:0;border-color:#0000}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-strong:hover{background-color:var(--base-strong-color);color:var(--base-neutral-color);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-default:hover{background-color:var(--base-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-neutral:hover{background-color:var(--base-neutral-color);color:var(--base-strong-color);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--base-default-color);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-outline:hover{color:var(--text-color);outline:1px solid var(--base-default-color);background-color:#0000}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-transparent:hover{color:var(--text-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-strong:hover{background-color:var(--primary-strong-color);color:var(--primary-neutral-color);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-default:hover{background-color:var(--primary-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-neutral:hover{background-color:var(--primary-neutral-color);color:var(--primary-strong-color);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--primary-default-color);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-outline:hover{color:var(--primary-strong-color);outline:1px solid var(--primary-default-color);background-color:#0000}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-transparent:hover{color:var(--primary-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-strong:hover{background-color:var(--secondary-strong-color);color:var(--secondary-neutral-color);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-default:hover{background-color:var(--secondary-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-neutral:hover{background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--secondary-default-color);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-outline:hover{color:var(--secondary-strong-color);outline:1px solid var(--secondary-default-color);background-color:#0000}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-transparent:hover{color:var(--secondary-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-strong:hover{background-color:var(--success-strong-color);color:var(--success-neutral-color);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-default:hover{background-color:var(--success-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-neutral:hover{background-color:var(--success-neutral-color);color:var(--success-strong-color);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--success-default-color);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-outline:hover{color:var(--success-strong-color);outline:1px solid var(--success-default-color);background-color:#0000}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-transparent:hover{color:var(--success-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-strong:hover{background-color:var(--danger-strong-color);color:var(--danger-neutral-color);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-default:hover{background-color:var(--danger-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-neutral:hover{background-color:var(--danger-neutral-color);color:var(--danger-strong-color);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--danger-default-color);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-outline:hover{color:var(--danger-strong-color);outline:1px solid var(--danger-default-color);background-color:#0000}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-transparent:hover{color:var(--danger-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-strong:hover{background-color:var(--warning-strong-color);color:var(--warning-neutral-color);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-default:hover{background-color:var(--warning-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-neutral:hover{background-color:var(--warning-neutral-color);color:var(--warning-strong-color);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--warning-default-color);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-outline:hover{color:var(--warning-strong-color);outline:1px solid var(--warning-default-color);background-color:#0000}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-transparent:hover{color:var(--warning-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-strong:hover{background-color:var(--info-strong-color);color:var(--info-neutral-color);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-default:hover{background-color:var(--info-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-neutral:hover{background-color:var(--info-neutral-color);color:var(--info-strong-color);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--info-default-color);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-outline:hover{color:var(--info-strong-color);outline:1px solid var(--info-default-color);background-color:#0000}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-transparent:hover{color:var(--info-default-color);background-color:#0000;outline:none}.hans-input-div{flex-direction:column;display:flex}.hans-input-label{margin-bottom:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.hans-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);color:var(--text-color);--tw-outline-style:none;background-color:#0000;border-width:1px;outline-style:none}.hans-input:focus{--tw-outline-style:none;outline-style:none}.hans-input:disabled,.hans-input[disabled]{cursor:not-allowed;opacity:.5}.hans-input-field{align-items:center;width:100%;display:flex;position:relative}.hans-input-icon-left{left:calc(var(--spacing)*2)}.hans-input-icon-right{right:calc(var(--spacing)*2)}.hans-input-has-left-icon{padding-left:calc(var(--spacing)*8)}.hans-input-has-right-icon{padding-right:calc(var(--spacing)*8)}.hans-input-icon-base{color:var(--text-color)}.hans-input-icon-primary{color:var(--primary-default-color)}.hans-input-icon-secondary{color:var(--secondary-default-color)}.hans-input-icon-success{color:var(--success-default-color)}.hans-input-icon-danger{color:var(--danger-default-color)}.hans-input-icon-warning{color:var(--warning-default-color)}.hans-input-icon-info{color:var(--info-default-color)}.hans-input-small{height:calc(var(--spacing)*6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-input-medium{height:calc(var(--spacing)*8);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-input-large{height:calc(var(--spacing)*10);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-input-message{margin-top:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-input-label-base{color:var(--text-color)}.hans-input-label-primary{color:var(--primary-default-color)}.hans-input-label-secondary{color:var(--secondary-default-color)}.hans-input-label-success{color:var(--success-default-color)}.hans-input-label-danger{color:var(--danger-default-color)}.hans-input-label-warning{color:var(--warning-default-color)}.hans-input-label-info{color:var(--info-default-color)}.hans-input-base{border-color:var(--base-default-color)}.hans-input-base:focus{border-color:var(--base-strong-color)}.hans-input-primary{border-color:var(--primary-neutral-color)}.hans-input-primary:focus{border-color:var(--primary-default-color)}.hans-input-secondary{border-color:var(--secondary-neutral-color)}.hans-input-secondary:focus{border-color:var(--secondary-default-color)}.hans-input-success{border-color:var(--success-neutral-color)}.hans-input-success:focus{border-color:var(--success-default-color)}.hans-input-danger{border-color:var(--danger-neutral-color)}.hans-input-danger:focus{border-color:var(--danger-default-color)}.hans-input-warning{border-color:var(--warning-neutral-color)}.hans-input-warning:focus{border-color:var(--warning-default-color)}.hans-input-info{border-color:var(--info-neutral-color)}.hans-input-info:focus{border-color:var(--info-default-color)}.hans-input-message-base{color:var(--base-strong-color)}.hans-input-message-primary{color:var(--primary-default-color)}.hans-input-message-secondary{color:var(--secondary-default-color)}.hans-input-message-success{color:var(--success-default-color)}.hans-input-message-danger{color:var(--danger-default-color)}.hans-input-message-warning{color:var(--warning-default-color)}.hans-input-message-info{color:var(--info-default-color)}.hans-input-icon{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);justify-content:center;align-items:center;display:flex;position:absolute;top:50%}.hans-input-icon-action{cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing)*0);background-color:#0000;border-width:0}.hans-input-icon-action:disabled{cursor:not-allowed}.hans-dropdown,.hans-dropdown-popup-wrapper.hans-popup{width:auto;max-width:100%;display:inline-flex}.hans-dropdown-trigger{justify-content:space-between;min-width:120px}.hans-dropdown-trigger-icon-only{min-height:calc(var(--spacing)*12);justify-content:center;gap:calc(var(--spacing)*2);min-width:4.5rem;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3)}.hans-dropdown-trigger-no-caret{justify-content:center}.hans-dropdown-trigger-icon-only-no-caret{min-width:3.5rem;padding-inline:calc(var(--spacing)*3)}.hans-dropdown-popup{width:max-content;min-width:220px;max-width:min(420px,100vw - 16px);right:auto}.hans-popup-panel-content.hans-dropdown-popup-content{padding:calc(var(--spacing)*0);max-height:none;overflow:visible}.hans-dropdown-popup-content>.hans-dropdown-list{max-height:none;overflow:visible}.hans-dropdown-custom-content{padding:calc(var(--spacing)*2)}.hans-dropdown-loading{min-width:220px;padding:calc(var(--spacing)*3)}.hans-dropdown-list{padding-block:calc(var(--spacing)*1)}.hans-dropdown-list-nested{top:calc(var(--spacing)*0);z-index:20;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);background-color:var(--background-color);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);min-width:220px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);width:max-content;max-width:min(420px,100vw - 16px);position:absolute}.hans-dropdown-option-parent-right .hans-dropdown-list-nested{left:100%}.hans-dropdown-option-parent-left .hans-dropdown-list-nested{right:100%}.hans-dropdown-option{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);overflow-wrap:break-word;white-space:normal;color:var(--hans-dropdown-option-text-color,var(--text-color));display:flex;position:relative}.hans-dropdown-option:hover{background-color:var(--hans-dropdown-option-hover-background-color,var(--base-neutral-color));color:var(--hans-dropdown-option-hover-text-color,inherit)}.hans-dropdown-option-disabled{cursor:not-allowed;opacity:.5}.hans-dropdown-option-parent{padding-right:calc(var(--spacing)*8)}.hans-dropdown-option-arrow{margin-left:auto}.hans-dropdown-list .hans-popup-item-list-empty{color:var(--hans-dropdown-empty-text-color,var(--gray-500))}.hans-select-option{flex-direction:column;width:100%;display:flex;overflow:visible}.hans-select-option-field{width:100%;overflow:visible}.hans-select-option-input,.hans-select-option-popup{width:100%}.hans-popup-panel-portal.hans-select-option-popup{width:max-content;min-width:220px}.hans-popup-panel-content.hans-select-option-popup-content{padding:calc(var(--spacing)*0);max-height:none;overflow:visible}.hans-select-option-popup-content>.hans-select-option-list{max-height:calc(var(--spacing)*60);overflow:auto}.hans-select-option-loading-icon{flex-shrink:0}.hans-select-option-selected{margin-top:calc(var(--spacing)*2);gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.hans-select-option-list{max-height:calc(var(--spacing)*60);border-radius:var(--radius-lg);width:100%;overflow:auto}.hans-select-option-option{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);display:flex}.hans-select-option-option:hover{background-color:var(--hans-select-option-hover,var(--base-neutral-color))}.hans-select-option-option-selected{background-color:var(--base-neutral-color);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.hans-select-option-option-disabled{cursor:not-allowed;opacity:.5}.hans-select-option-empty{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-select-option-loading{align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500);display:flex}.hans-select-option-option-label{flex:1}.hans-toggle-loading-segmented{border-radius:var(--radius-xl);width:100%;display:block}.hans-toggle-segmented{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--hans-toggle-segment-border);display:inline-flex;overflow:hidden}.hans-toggle-segmented-small .hans-toggle-segment{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-toggle-segmented-medium .hans-toggle-segment{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toggle-segmented-large .hans-toggle-segment{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-toggle-segment{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);border-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);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));--tw-duration:.2s;color:var(--hans-toggle-segment-text);background-color:#0000;border-width:0;transition-duration:.2s;display:inline-flex}.hans-toggle-segment-selected{color:var(--white);background:var(--hans-toggle-segment-selected-bg)}.hans-toggle-segment+.hans-toggle-segment{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--hans-toggle-segment-border)}.hans-toggle-segmented-disabled{opacity:.6}.hans-toggle-segmented-primary{--hans-toggle-segment-selected-bg:var(--primary-default-color);--hans-toggle-segment-border:var(--primary-default-color);--hans-toggle-segment-text:var(--primary-default-color)}.hans-toggle-segmented-secondary{--hans-toggle-segment-selected-bg:var(--secondary-default-color);--hans-toggle-segment-border:var(--secondary-default-color);--hans-toggle-segment-text:var(--secondary-default-color)}.hans-toggle-segmented-success{--hans-toggle-segment-selected-bg:var(--success-default-color);--hans-toggle-segment-border:var(--success-default-color);--hans-toggle-segment-text:var(--success-default-color)}.hans-toggle-segmented-danger{--hans-toggle-segment-selected-bg:var(--danger-default-color);--hans-toggle-segment-border:var(--danger-default-color);--hans-toggle-segment-text:var(--danger-default-color)}.hans-toggle-segmented-warning{--hans-toggle-segment-selected-bg:var(--warning-default-color);--hans-toggle-segment-border:var(--warning-default-color);--hans-toggle-segment-text:var(--warning-default-color)}.hans-toggle-segmented-info{--hans-toggle-segment-selected-bg:var(--info-default-color);--hans-toggle-segment-border:var(--info-default-color);--hans-toggle-segment-text:var(--info-default-color)}.hans-toggle-loading-switch{justify-content:center;align-items:center;display:inline-flex}.hans-toggle-switch-row{align-items:center;gap:calc(var(--spacing)*2);display:inline-flex}.hans-toggle-side-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toggle{cursor:pointer;border-style:var(--tw-border-style);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));--tw-duration:.2s;border-width:0;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.2s;display:inline-flex;position:relative}.hans-toggle:focus-visible{--tw-outline-style:none;box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--primary-default-color);outline-style:none}.hans-toggle:disabled{cursor:not-allowed}.hans-toggle-track-content{pointer-events:none;inset:calc(var(--spacing)*0);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;color:var(--white);justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.hans-toggle-track-content-on{padding-left:.5rem;padding-right:calc(var(--hans-toggle-thumb-size) + .4rem)}.hans-toggle-track-content-off{padding-left:calc(var(--hans-toggle-thumb-size) + .4rem);padding-right:.5rem}.hans-toggle-thumb{background-color:var(--white);color:var(--base-strong-color);--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);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;top:50%;left:var(--hans-toggle-thumb-x);border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.2s;display:flex;position:absolute;transform:translateY(-50%)}.hans-toggle-small{height:calc(var(--spacing)*5);width:calc(var(--spacing)*9);--hans-toggle-thumb-size:.875rem;--hans-toggle-thumb-x:.125rem}.hans-toggle-medium{height:calc(var(--spacing)*6);width:calc(var(--spacing)*11);--hans-toggle-thumb-size:1rem;--hans-toggle-thumb-x:.125rem}.hans-toggle-large{height:calc(var(--spacing)*8);width:calc(var(--spacing)*14);--hans-toggle-thumb-size:1.5rem;--hans-toggle-thumb-x:.125rem}.hans-toggle-has-track-content{min-width:calc((var(--hans-toggle-thumb-size)*2) + 1.5rem)}.hans-toggle-small .hans-toggle-thumb,.hans-toggle-medium .hans-toggle-thumb,.hans-toggle-large .hans-toggle-thumb{width:var(--hans-toggle-thumb-size);height:var(--hans-toggle-thumb-size)}.hans-toggle-on-primary,.hans-toggle-on-secondary,.hans-toggle-on-success,.hans-toggle-on-danger,.hans-toggle-on-warning,.hans-toggle-on-info{--hans-toggle-thumb-x:calc(100% - var(--hans-toggle-thumb-size) - .125rem)}.hans-toggle-off{background-color:var(--base-neutral-color)}.hans-toggle-off .hans-toggle-track-content{color:var(--base-strong-color)}.hans-toggle-off-disabled{background-color:var(--base-neutral-color);opacity:.7}.hans-toggle-off-disabled .hans-toggle-track-content{color:var(--base-default-color)}.hans-toggle-on-disabled{background-color:var(--base-default-color);--hans-toggle-thumb-x:calc(100% - var(--hans-toggle-thumb-size) - .125rem)}.hans-toggle-on-primary{background-color:var(--primary-default-color)}.hans-toggle-on-secondary{background-color:var(--secondary-default-color)}.hans-toggle-on-success{background-color:var(--success-default-color)}.hans-toggle-on-danger{background-color:var(--danger-default-color)}.hans-toggle-on-warning{background-color:var(--warning-default-color)}.hans-toggle-on-info{background-color:var(--info-default-color)}.hans-toggle-wrapper{gap:calc(var(--spacing)*2);flex-direction:column;display:inline-flex}.hans-toggle-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.hans-toggle-label-base{color:var(--base-strong-color)}.hans-toggle-label-primary{color:var(--primary-strong-color)}.hans-toggle-label-secondary{color:var(--secondary-strong-color)}.hans-toggle-label-success{color:var(--success-strong-color)}.hans-toggle-label-danger{color:var(--danger-strong-color)}.hans-toggle-label-warning{color:var(--warning-strong-color)}.hans-toggle-label-info{color:var(--info-strong-color)}.hans-date-picker{flex-direction:column;width:100%;display:flex;overflow:visible}.hans-date-picker-time-input,.hans-date-picker-date-time-input{width:100%}.hans-date-picker-calendar{gap:calc(var(--spacing)*3);flex-direction:column;display:flex}.hans-date-picker-calendar-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*3);display:flex}.hans-date-picker-calendar-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--text-color)}.hans-date-picker-calendar-nav{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8);cursor:pointer;padding:calc(var(--spacing)*0)}.hans-date-picker-calendar-grid{gap:calc(var(--spacing)*1);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.hans-date-picker-calendar-weekday{text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-700);text-transform:uppercase}.hans-date-picker-day{height:calc(var(--spacing)*10);cursor:pointer;border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));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));--tw-duration:.15s;background-color:#0000;border-width:1px;border-color:#0000;border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.15s;display:flex}.hans-date-picker-day:hover{background-color:var(--base-neutral-color)}.hans-date-picker-day-outside{opacity:.5}.hans-date-picker-day-today{border-color:var(--text-color);color:var(--text-color)}.hans-date-picker-day-selected{color:var(--white)}.hans-date-picker-day-color-base.hans-date-picker-day-selected{background-color:var(--text-color)}.hans-date-picker-day-color-primary.hans-date-picker-day-selected{background-color:var(--primary-default-color)}.hans-date-picker-day-color-secondary.hans-date-picker-day-selected{background-color:var(--secondary-default-color)}.hans-date-picker-day-color-success.hans-date-picker-day-selected{background-color:var(--success-default-color)}.hans-date-picker-day-color-danger.hans-date-picker-day-selected{background-color:var(--danger-default-color)}.hans-date-picker-day-color-warning.hans-date-picker-day-selected{background-color:var(--warning-default-color)}.hans-date-picker-day-color-info.hans-date-picker-day-selected{background-color:var(--info-default-color)}.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-style:var(--tw-border-style);border-width:1px}.hans-date-picker-day-color-base.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-base.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--text-color);color:var(--text-color);background-color:#0000}.hans-date-picker-day-color-primary.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-primary.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--primary-default-color);color:var(--primary-default-color);background-color:#0000}.hans-date-picker-day-color-secondary.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-secondary.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--secondary-default-color);color:var(--secondary-default-color);background-color:#0000}.hans-date-picker-day-color-success.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-success.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--success-default-color);color:var(--success-default-color);background-color:#0000}.hans-date-picker-day-color-danger.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-danger.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--danger-default-color);color:var(--danger-default-color);background-color:#0000}.hans-date-picker-day-color-warning.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-warning.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--warning-default-color);color:var(--warning-default-color);background-color:#0000}.hans-date-picker-day-color-info.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-info.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--info-default-color);color:var(--info-default-color);background-color:#0000}.hans-date-picker-time-panel .hans-date-picker-time-input{width:100%}.hans-date-picker-field{width:100%;overflow:visible}.hans-date-picker-input{width:100%}.hans-date-picker-popup,.hans-popup-panel.hans-date-picker-popup{width:min(320px,100vw - 24px);min-width:min(320px,100vw - 24px);max-width:min(320px,100vw - 24px)}.hans-date-picker-popup-content{max-height:none;padding:calc(var(--spacing)*0);overflow:visible}.hans-popup-panel-portal.hans-date-picker-popup .hans-date-picker-popup-content{max-height:none;overflow:visible}.hans-popup-panel-portal.hans-date-picker-popup{max-height:calc(100vh - 1rem);overflow-y:auto}.hans-popup-panel-portal.hans-date-picker-popup-date .hans-date-picker-calendar{min-height:22rem}.hans-popup-panel-portal.hans-date-picker-popup-datetime .hans-date-picker-popup-content,.hans-popup-panel-portal.hans-date-picker-popup-time .hans-date-picker-popup-content{max-height:24rem;overflow:auto}.hans-date-picker-field .hans-popup-panel[data-direction=up]{bottom:calc(100% - var(--hans-date-picker-up-offset,0px))}.hans-date-picker-field .hans-popup-panel[data-direction=down]{top:calc(100% - var(--hans-date-picker-down-offset,0px))}.hans-date-picker-panel{gap:calc(var(--spacing)*3);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);padding:calc(var(--spacing)*3);--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);background:var(--hans-date-picker-panel-background-color,var(--background-color,var(--white)));flex-direction:column;display:flex}.hans-date-picker-trigger-icon{margin:calc(var(--spacing)*0);cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing)*0);background-color:#0000;border-style:none;justify-content:center;align-items:center;display:flex}.hans-date-picker-time-panel{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--base-neutral-color);padding-top:calc(var(--spacing)*3)}.hans-date-picker-actions{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--base-neutral-color);padding-top:calc(var(--spacing)*3);display:flex}.hans-avatar{border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-300);background-color:var(--gray-100);color:var(--gray-700);border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.hans-avatar-img{object-fit:cover;width:100%;height:100%}.hans-avatar-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hans-avatar-loading{width:100%;height:100%}.hans-avatar-small{width:22px;height:22px}.hans-avatar-medium{width:40px;height:40px}.hans-avatar-large{width:100px;height:100px}.hans-avatar-icon{--tw-leading:1;width:100%;height:100%;line-height:1}.hans-avatar-small .hans-avatar-icon{font-size:22px}.hans-avatar-medium .hans-avatar-icon{font-size:40px}.hans-avatar-large .hans-avatar-icon{font-size:100px}.hans-card{width:100%;min-width:calc(var(--spacing)*0);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background:var(--hans-card-bg);border-width:1px;border-color:var(--hans-card-border);color:var(--hans-card-text);display:flex;overflow:hidden}.hans-card-loading{min-height:inherit}.hans-card-small{min-height:calc(var(--spacing)*20);gap:calc(var(--spacing)*3);padding:calc(var(--spacing)*3)}.hans-card-medium{min-height:calc(var(--spacing)*24);gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*4)}.hans-card-large{min-height:calc(var(--spacing)*32);gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*5)}.hans-card-profile,.hans-card-custom{flex-direction:column}.hans-card-profile-main{align-items:flex-start;gap:calc(var(--spacing)*3);display:flex}.hans-card-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-card-title{min-width:calc(var(--spacing)*0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--hans-card-text);display:block}.hans-card-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--hans-card-muted);display:block}.hans-card-extra{margin-top:calc(var(--spacing)*2);align-items:center;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.hans-card-image{padding:calc(var(--spacing)*0)}.hans-card-image.hans-card-small{min-height:calc(var(--spacing)*32)}.hans-card-image.hans-card-medium{min-height:calc(var(--spacing)*40)}.hans-card-image.hans-card-large{min-height:calc(var(--spacing)*52)}.hans-card-image-surface{background-color:var(--hans-card-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(180deg,var(--black)0%,var(--black)100%),var(--hans-card-image);align-items:flex-end;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-card-image-surface{background-image:linear-gradient(180deg,color-mix(in srgb,var(--black)6%,transparent),color-mix(in srgb,var(--black)54%,transparent)),var(--hans-card-image)}}.hans-card-image-surface{min-height:inherit}.hans-card-image-overlay{justify-content:flex-end;gap:calc(var(--spacing)*3);width:100%;padding:calc(var(--spacing)*4);min-height:inherit;flex-direction:column;display:flex}.hans-card-image-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.hans-card-image .hans-card-title,.hans-card-image .hans-card-description{color:var(--color-white)}.hans-card-skeleton{min-height:inherit;display:block}.hans-carousel{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing)*4);background:var(--hans-carousel-shell-bg,var(--white));border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-200))}.hans-carousel-borderless{padding:calc(var(--spacing)*0);background:0 0;border-color:#0000}.hans-carousel-without-gap .hans-carousel-track{gap:0}.hans-carousel-small{padding:calc(var(--spacing)*3)}.hans-carousel-medium{padding:calc(var(--spacing)*4)}.hans-carousel-large{padding:calc(var(--spacing)*5)}.hans-carousel-frame{gap:calc(var(--spacing)*4);flex-direction:column;width:100%;display:flex;position:relative}.hans-carousel-viewport{width:100%;position:relative;overflow:hidden}.hans-carousel-track{gap:calc(var(--spacing)*4);grid-template-columns:repeat(var(--hans-carousel-columns,1),minmax(0,1fr));display:grid}.hans-carousel-slide{min-width:calc(var(--spacing)*0);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);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));--tw-duration:.2s;min-height:var(--hans-carousel-height,240px);border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-200));transition-duration:.2s;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-carousel-slide{border-color:color-mix(in srgb,var(--hans-carousel-shell-border,var(--gray-200))40%,transparent)}}.hans-carousel-slide-active{border-color:var(--hans-carousel-accent-border,var(--gray-400))}.hans-carousel-slide-loading{background-color:var(--white)}.hans-carousel-image{width:100%;height:100%;min-height:100%;padding:calc(var(--spacing)*4);background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(180deg,var(--black)0%,var(--black)100%),var(--hans-carousel-slide-image);align-items:flex-end;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-carousel-image{background-image:linear-gradient(180deg,color-mix(in srgb,var(--black)8%,transparent),color-mix(in srgb,var(--black)58%,transparent)),var(--hans-carousel-slide-image)}}.hans-carousel-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.hans-carousel-image-top-copy{align-items:flex-start}.hans-carousel-copy-top{max-width:calc(100% - 3rem)}.hans-carousel-title{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white)}.hans-carousel-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--color-white)}.hans-carousel-nav{z-index:10;--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);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));--tw-duration:.2s;height:calc(var(--spacing)*10);width:calc(var(--spacing)*10);background:var(--hans-carousel-accent-bg,var(--white));color:var(--hans-carousel-accent-text,var(--text-color));border-width:1px;border-color:var(--hans-carousel-accent-border,var(--gray-300));box-shadow:0 8px 24px var(--black);border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.2s;display:flex;position:absolute;top:50%}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav{box-shadow:0 8px 24px color-mix(in srgb,var(--black)16%,transparent)}}.hans-carousel-nav.hans-button{padding:calc(var(--spacing)*0);--tw-outline-style:none;box-shadow:0 8px 24px var(--black);border-width:1px;outline-style:none;background:var(--hans-carousel-accent-bg,var(--white))!important;color:var(--hans-carousel-accent-text,var(--text-color))!important;border-color:var(--hans-carousel-accent-border,var(--gray-300))!important}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav.hans-button{box-shadow:0 8px 24px color-mix(in srgb,var(--black)16%,transparent)}}.hans-carousel-nav:not(:disabled){cursor:pointer}.hans-carousel-nav:not(:disabled):hover{filter:brightness(.97)}.hans-carousel-nav:disabled{cursor:not-allowed;opacity:.5}.hans-carousel-nav-previous{left:calc(var(--spacing)*3)}.hans-carousel-nav-next{right:calc(var(--spacing)*3)}.hans-carousel-nav .hans-icon,.hans-carousel-nav .hans-loading{color:currentColor}.hans-carousel-nav slot{justify-content:center;align-items:center;display:inline-flex}.hans-carousel-nav .hans-icon{flex-shrink:0}.hans-carousel-nav .hans-loading-spinner{border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav .hans-loading-spinner{border-color:color-mix(in srgb,currentColor 28%,transparent)}}.hans-carousel-nav .hans-loading-spinner{border-top-color:currentColor}.hans-carousel-controls{justify-content:center;align-items:center;gap:calc(var(--spacing)*4);display:flex}.hans-carousel-indicators{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);max-width:100%;display:flex;overflow:hidden}.hans-carousel-indicator{height:calc(var(--spacing)*2.5);width:calc(var(--spacing)*2.5);border-style:var(--tw-border-style);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));--tw-duration:.2s;cursor:pointer;background:var(--hans-carousel-indicator-inactive,var(--gray-300));border-width:0;border-radius:3.40282e38px;transition-duration:.2s}.hans-carousel-indicator-active{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);background:var(--hans-carousel-indicator-active,var(--gray-700))}.hans-carousel-indicator-faded{opacity:.45}.hans-carousel-empty{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);--tw-border-style:dashed;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*10);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--hans-carousel-accent-text,var(--text-color));border-style:dashed;border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-300));justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.hans-carousel-empty{border-color:color-mix(in srgb,var(--hans-carousel-shell-border,var(--gray-300))60%,transparent)}}.hans-carousel-empty{min-height:var(--hans-carousel-height,240px)}.hans-carousel-borderless .hans-carousel-frame{gap:calc(var(--spacing)*0)}.hans-carousel-borderless .hans-carousel-viewport{border-radius:var(--radius-2xl)}.hans-carousel-borderless .hans-carousel-controls{pointer-events:none;bottom:calc(var(--spacing)*4);z-index:20;--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;left:50%}.hans-carousel-borderless .hans-carousel-image{padding-bottom:calc(var(--spacing)*24)}.hans-carousel-borderless .hans-carousel-indicators{pointer-events:auto;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);background:var(--black);border-radius:3.40282e38px}@supports (color:color-mix(in lab,red,red)){.hans-carousel-borderless .hans-carousel-indicators{background:color-mix(in srgb,var(--black)24%,transparent)}}.hans-carousel-borderless .hans-carousel-indicators{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hans-carousel-borderless .hans-carousel-copy{padding-right:calc(var(--spacing)*4)}.hans-carousel-borderless .hans-carousel-empty{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:0}.hans-tag{align-items:center;gap:calc(var(--spacing)*1);border-radius:3.40282e38px;display:inline-flex}.hans-tag-label{--tw-leading:1;line-height:1}.hans-tag-image{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4);object-fit:cover;border-radius:3.40282e38px}.hans-tag-medium .hans-tag-image,.hans-tag-md .hans-tag-image{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}.hans-tag-large .hans-tag-image,.hans-tag-lg .hans-tag-image{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.hans-tag-action{cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing)*0);background-color:#0000;border-style:none;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.hans-tag-action:disabled{cursor:not-allowed;opacity:.5}.hans-tag-small,.hans-tag-sm{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-tag-medium,.hans-tag-md{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-tag-large,.hans-tag-lg{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-tag-base{background-color:var(--base-neutral-color);color:var(--text-color)}.hans-tag-base .hans-tag-icon{color:var(--base-strong-color)}.hans-tag-primary{background-color:var(--primary-neutral-color);color:var(--primary-strong-color)}.hans-tag-primary .hans-tag-icon{color:var(--primary-default-color)}.hans-tag-secondary{background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color)}.hans-tag-secondary .hans-tag-icon{color:var(--secondary-default-color)}.hans-tag-success{background-color:var(--success-neutral-color);color:var(--success-strong-color)}.hans-tag-success .hans-tag-icon{color:var(--success-default-color)}.hans-tag-danger{background-color:var(--danger-neutral-color);color:var(--danger-strong-color)}.hans-tag-danger .hans-tag-icon{color:var(--danger-default-color)}.hans-tag-warning{background-color:var(--warning-neutral-color);color:var(--warning-strong-color)}.hans-tag-warning .hans-tag-icon{color:var(--warning-default-color)}.hans-tag-info{background-color:var(--info-neutral-color);color:var(--info-strong-color)}.hans-tag-info .hans-tag-icon{color:var(--info-default-color)}.hans-chart{border-radius:var(--radius-lg);width:100%;padding:calc(var(--spacing)*3);background-color:#0000;flex-direction:column;display:flex}.hans-chart-title{padding-bottom:calc(var(--spacing)*3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--text-color);display:block}.hans-chart-canvas{flex:1;width:100%;min-height:220px}.hans-chart-empty{justify-content:center;align-items:center;display:flex}.hans-chart-empty-text{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-chart-loading{overflow:hidden}.hans-accordion{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-200);background-color:var(--white);flex-direction:column;width:100%;display:flex;overflow:hidden}.hans-accordion-item{background-color:var(--white);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));--tw-duration:.2s;transition-duration:.2s;overflow:hidden}.hans-accordion-item+.hans-accordion-item{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-200)}.hans-accordion-item-disabled{opacity:.6}.hans-accordion-trigger{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);width:100%;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);text-align:left;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));--tw-duration:.2s;background:var(--hans-accordion-title-bg,transparent);color:var(--hans-accordion-title-text,var(--text-color));box-shadow:inset 0 0 0 1px var(--hans-accordion-title-border,transparent);transition-duration:.2s;display:flex}.hans-accordion-trigger:not(:disabled){cursor:pointer}.hans-accordion-trigger:not(:disabled):hover{filter:brightness(.98)}.hans-accordion-trigger:disabled{cursor:not-allowed}.hans-accordion-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-accordion-icon{color:currentColor;flex-shrink:0}.hans-accordion-panel{gap:calc(var(--spacing)*2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-100);padding-inline:calc(var(--spacing)*4);padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*4);background:var(--hans-accordion-description-bg,transparent);color:var(--hans-accordion-description-text,var(--text-color));box-shadow:inset 0 0 0 1px var(--hans-accordion-description-border,transparent);flex-direction:column;display:flex}.hans-accordion-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.hans-accordion-empty{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*6);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-600)}.hans-accordion-skeleton-item .hans-accordion-trigger{box-shadow:none;background:0 0;align-items:center}.hans-accordion-skeleton-item .hans-accordion-panel{box-shadow:none}.hans-loading{justify-content:center;align-items:center;display:inline-flex}.hans-loading-spinner{animation:var(--animate-spin);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:2px;border-color:var(--hans-loading-spinner-border,var(--base-neutral-color));border-top-color:var(--hans-loading-spinner-top,var(--base-default-color));border-radius:3.40282e38px}.hans-loading-skeleton{animation:var(--animate-pulse);width:var(--hans-loading-width,100%);height:var(--hans-loading-height,100%);background-color:var(--hans-loading-skeleton-color,var(--base-neutral-color));display:block}.hans-loading-rounded{border-radius:var(--radius-md)}.hans-loading-small{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.hans-loading-medium{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.hans-loading-large{height:calc(var(--spacing)*10);width:calc(var(--spacing)*10)}.hans-kanban-column{min-height:var(--hans-kanban-board-min-height);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background:var(--hans-kanban-surface-bg);border-width:1px;border-color:var(--hans-kanban-surface-border);color:var(--hans-kanban-surface-text);flex-direction:column;display:flex}.hans-kanban-column-drag-over{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--hans-kanban-surface-border))}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-drag-over{--tw-shadow:0 0 0 3px var(--tw-shadow-color,color-mix(in srgb,var(--hans-kanban-surface-border)28%,transparent))}}.hans-kanban-column-drag-over{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hans-kanban-column-header{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing)*3);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);border-bottom-width:1px;border-color:var(--hans-kanban-surface-border);display:flex}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-header{border-color:color-mix(in srgb,var(--hans-kanban-surface-border)35%,transparent)}}.hans-kanban-column-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-kanban-column-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-kanban-column-description,.hans-kanban-column-empty{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--hans-kanban-surface-muted)}.hans-kanban-column-count{min-width:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);background:var(--hans-kanban-surface-border);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-count{background:color-mix(in srgb,var(--hans-kanban-surface-border)22%,transparent)}}.hans-kanban-column-body{gap:calc(var(--spacing)*3);min-height:12rem;padding:calc(var(--spacing)*4);flex-direction:column;flex:1;display:flex}.hans-kanban-column-loading{overflow:hidden}.hans-kanban-column-skeleton{height:100%;min-height:var(--hans-kanban-board-min-height);display:block}.hans-kanban-column-drop-indicator{height:calc(var(--spacing)*2);background:var(--hans-kanban-surface-border);border-radius:3.40282e38px;margin-top:auto;display:block}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-drop-indicator{background:color-mix(in srgb,var(--hans-kanban-surface-border)55%,transparent)}}.hans-kanban-item{cursor:grab;position:relative}.hans-kanban-item-dragging{opacity:.6}.hans-kanban-item-drop-indicator:before{content:"";top:calc(var(--spacing)*-2);right:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:1;height:calc(var(--spacing)*1);background:var(--primary-default-color);border-radius:3.40282e38px;position:absolute}@supports (color:color-mix(in lab,red,red)){.hans-kanban-item-drop-indicator:before{background:color-mix(in srgb,var(--primary-default-color)72%,transparent)}}.hans-kanban-item-card{--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);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));--tw-duration:.15s;transition-duration:.15s}.hans-kanban-item:hover .hans-kanban-item-card{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y);--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)}.hans-kanban-item-loading{min-height:calc(var(--spacing)*24);border-radius:var(--radius-2xl);overflow:hidden}.hans-kanban-item-skeleton{min-height:calc(var(--spacing)*24);display:block}.hans-kanban-wrapper{width:100%;overflow-x:auto}.hans-kanban-board{grid-auto-columns:minmax(var(--hans-kanban-column-min-width),1fr);gap:calc(var(--spacing)*4);min-height:var(--hans-kanban-board-min-height);grid-auto-flow:column;display:grid}.hans-kanban-loading{min-height:var(--hans-kanban-board-min-height);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);background-color:var(--white);justify-content:center;align-items:center;width:100%;display:flex}.hans-kanban-loading-skeleton{height:100%;min-height:var(--hans-kanban-board-min-height);display:block}.hans-icon{justify-content:center;align-items:center;display:inline-flex}.hans-icon-small{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-icon-medium{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.hans-icon-large{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.hans-pagination{justify-content:center;display:flex}.hans-pagination-group,.hans-pagination-pages{justify-content:center;align-items:center;gap:calc(var(--spacing)*3);flex-wrap:wrap;display:flex}.hans-pagination-ellipsis{min-width:calc(var(--spacing)*10);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium);color:var(--gray-700);justify-content:center;align-items:center;display:inline-flex}.hans-popup{width:100%;position:relative}.hans-popup-panel{z-index:9999;min-width:100%;position:absolute}.hans-popup-panel-portal{z-index:1300;width:max-content;max-width:calc(100vw - 1rem);min-width:calc(var(--spacing)*0);position:fixed}.hans-popup-panel[data-horizontal-position=start]{right:auto;left:calc(var(--spacing)*0)}.hans-popup-panel[data-horizontal-position=end]{right:calc(var(--spacing)*0);left:auto}.hans-popup-panel[data-direction=down]{margin-top:calc(var(--spacing)*1);top:100%}.hans-popup-panel[data-direction=up]{margin-bottom:calc(var(--spacing)*1);bottom:100%}.hans-popup-panel-content{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);--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);max-height:calc(var(--spacing)*56);background-color:var(--hans-popup-bg);overflow:auto}.hans-popup-empty,.hans-popup-item-list-empty{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-toast{align-items:flex-start;gap:calc(var(--spacing)*3);border-radius:var(--radius-xl);border-style:var(--tw-border-style);min-width:260px;max-width:420px;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);--tw-shadow:var(--hans-toast-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--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,);background:var(--hans-toast-bg);border-width:1px;border-color:var(--hans-toast-border);color:var(--hans-toast-text);display:flex;position:fixed}.hans-toast-small{max-width:300px;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toast-medium{max-width:360px;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toast-large{max-width:420px;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-toast-accent{width:calc(var(--spacing)*2);background:var(--hans-toast-accent);border-radius:3.40282e38px;flex-shrink:0;align-self:stretch}.hans-toast-icon{padding-top:calc(var(--spacing)*.5);color:var(--hans-toast-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hans-toast-content{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-toast-title{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-toast-message{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);opacity:.9}.hans-toast-close{cursor:pointer;border-radius:var(--radius-md);--tw-border-style:none;padding:calc(var(--spacing)*1);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1;color:inherit;background-color:#0000;border-style:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.hans-toast-close:disabled{cursor:not-allowed;opacity:.5}.hans-modal-portal{inset:calc(var(--spacing)*0);z-index:1200;color:var(--hans-modal-text);display:flex;position:fixed}.hans-modal-overlay{pointer-events:none;inset:calc(var(--spacing)*0);background:var(--hans-modal-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute}.hans-modal-shell{z-index:1;width:100%;height:100%;padding:calc(var(--spacing)*4);display:flex;position:relative}@media(min-width:48rem){.hans-modal-shell{padding:calc(var(--spacing)*6)}}.hans-modal-portal[data-placement=left] .hans-modal-shell,.hans-modal-portal[data-placement=right] .hans-modal-shell{padding:calc(var(--spacing)*0)}.hans-modal-dialog{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);--tw-shadow:var(--hans-modal-shadow);width:100%;max-height:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:var(--hans-modal-bg);border-width:1px;border-color:var(--hans-modal-border);color:var(--hans-modal-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.hans-modal-placement-center{margin-block:auto;margin-inline:auto}.hans-modal-placement-left{margin-block:calc(var(--spacing)*0);margin-right:auto;margin-left:calc(var(--spacing)*0);border-radius:0;border-top-right-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);height:100%}.hans-modal-placement-right{margin-block:calc(var(--spacing)*0);margin-right:calc(var(--spacing)*0);border-radius:0;border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl);height:100%;margin-left:auto}.hans-modal-small.hans-modal-placement-center{max-width:var(--container-md);width:min(100%,28rem);max-height:min(100%,32rem)}.hans-modal-medium.hans-modal-placement-center{max-width:var(--container-2xl);width:min(100%,42rem);max-height:min(100%,48rem)}.hans-modal-large.hans-modal-placement-center{max-width:var(--container-5xl);width:min(100%,72rem);max-height:min(100%,64rem)}.hans-modal-small.hans-modal-placement-left,.hans-modal-small.hans-modal-placement-right{max-width:380px}.hans-modal-medium.hans-modal-placement-left,.hans-modal-medium.hans-modal-placement-right{max-width:520px}.hans-modal-large.hans-modal-placement-left,.hans-modal-large.hans-modal-placement-right{max-width:680px}.hans-modal-content{height:100%;min-height:calc(var(--spacing)*0);flex-direction:column;flex:1;display:flex}.hans-modal-header,.hans-modal-footer{gap:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);display:flex}.hans-modal-header-divider,.hans-modal-footer-divider{border-color:var(--hans-modal-border)}@supports (color:color-mix(in lab,red,red)){.hans-modal-header-divider,.hans-modal-footer-divider{border-color:color-mix(in srgb,var(--hans-modal-border)40%,transparent)}}.hans-modal-header-divider{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.hans-modal-footer-divider{border-top-style:var(--tw-border-style);border-top-width:1px}.hans-modal-header-main{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*2);flex-direction:column;flex:1;display:flex}.hans-modal-title{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-modal-header-content{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--hans-modal-muted-text)}.hans-modal-dismiss{cursor:pointer;border-radius:var(--radius-md);--tw-border-style:none;padding:calc(var(--spacing)*1);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:1;color:var(--hans-modal-dismiss-color);background-color:#0000;border-style:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.hans-modal-body{box-sizing:border-box;min-height:calc(var(--spacing)*0);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*5);max-height:var(--hans-modal-body-max-height);flex-direction:column;flex:1;display:flex;overflow:auto}.hans-modal-body-content{min-height:calc(var(--spacing)*0);flex-direction:column;display:flex}.hans-modal-body-end-spacer{height:calc(var(--spacing)*5);flex-shrink:0;display:block}.hans-modal-projected-content{min-height:calc(var(--spacing)*0);flex-direction:column;flex:1;display:flex}.hans-modal-body-loading{justify-content:center;align-items:center;min-height:18rem}.hans-modal-footer{gap:calc(var(--spacing)*4);flex-direction:column;margin-top:auto;display:flex}@media(min-width:48rem){.hans-modal-footer{flex-direction:row;justify-content:space-between;align-items:flex-end}}.hans-modal-footer-actions-only{align-items:flex-end}@media(min-width:48rem){.hans-modal-footer-actions-only{justify-content:flex-end}}.hans-modal-footer-support{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*3);flex-direction:column;flex:1;display:flex}.hans-modal-footer-pagination{min-width:calc(var(--spacing)*0)}.hans-modal-footer-content{min-width:calc(var(--spacing)*0);align-items:center;gap:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--hans-modal-muted-text);display:flex}.hans-modal-footer-actions{justify-content:flex-end;gap:calc(var(--spacing)*3);flex-wrap:wrap;display:flex}.hans-table-head th{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);vertical-align:middle;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);background:var(--hans-table-header-bg);color:var(--hans-table-header-text);border-bottom-width:1px;border-color:var(--hans-table-divider)}.hans-table-head-content{align-items:center;gap:calc(var(--spacing)*2);width:100%;display:flex}.hans-table-sort-button{cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing)*0);color:currentColor;background-color:#0000;border-style:none;justify-content:center;align-items:center;display:inline-flex}.hans-table-sort-icon-active{opacity:1}.hans-table-sort-button .hans-icon{opacity:.6}.hans-table-header-loading{display:block}.hans-table-align-left .hans-table-head-content{justify-content:flex-start}.hans-table-align-center .hans-table-head-content{justify-content:center}.hans-table-align-right .hans-table-head-content{justify-content:flex-end}.hans-table tbody td{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);vertical-align:middle;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--hans-table-row-text);border-bottom-width:1px;border-color:var(--hans-table-divider);background:var(--hans-table-row-bg)}.hans-table tbody tr:hover td{background:var(--hans-table-row-hover)}.hans-table-striped tr:nth-child(2n) td{opacity:.95}.hans-table tbody tr:last-child td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.hans-table-empty{padding-block:calc(var(--spacing)*8);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-table-loading{padding:calc(var(--spacing)*4);background:var(--hans-table-row-bg)}.hans-table-wrapper{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--hans-table-border);background:var(--hans-table-row-bg);width:100%;max-height:var(--hans-table-max-height);overflow:auto}.hans-table{border-collapse:separate;--tw-border-spacing-x:calc(var(--spacing)*0);--tw-border-spacing-y:calc(var(--spacing)*0);width:100%;border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y);min-width:var(--hans-table-min-width)}.hans-table-filters td{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);vertical-align:middle;border-bottom-width:1px;border-color:var(--hans-table-divider);background:var(--hans-table-row-bg)}.hans-table-filters .hans-input-div,.hans-table-filter-dropdown .hans-input-div{width:100%}.hans-table-align-left{text-align:left}.hans-table-align-center{text-align:center}.hans-table-align-right{text-align:right}.hans-table-with-column-dividers th,.hans-table-with-column-dividers td{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--hans-table-divider)}.hans-table-with-column-dividers th:last-child,.hans-table-with-column-dividers td:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.hans-tabs-wrapper{flex-direction:column;width:100%;display:flex}.hans-tabs-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--base-neutral-color);flex-wrap:wrap;align-items:flex-end;width:100%;display:flex}.hans-tabs-header-small{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-tabs-header-medium{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-tabs-header-large{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-tab{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-style:var(--tw-border-style);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));--tw-duration:.2s;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);color:var(--base-default-color);border-width:1px;border-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-right:-1px;transition-duration:.2s;display:inline-flex;position:relative}.hans-tab-small{min-height:calc(var(--spacing)*9);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5)}.hans-tab-medium{min-height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2)}.hans-tab-large{min-height:calc(var(--spacing)*11);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5)}.hans-tab-active{z-index:10;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-bottom-color:#0000;margin-bottom:-1px}.hans-tab-disabled{cursor:not-allowed;opacity:.6}.hans-tab:not(.hans-tab-active):not(.hans-tab-disabled){opacity:.8}.hans-tab:not(.hans-tab-active):not(.hans-tab-disabled):hover{opacity:1}.hans-tab-close-wrapper{align-items:center;display:inline-flex}.hans-tab-close{cursor:pointer;height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.hans-tab-close .hans-icon{color:inherit}.hans-tab-title{white-space:nowrap}.hans-tabs-content{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl);border-style:var(--tw-border-style);padding:calc(var(--spacing)*4);border-width:1px}.hans-tabs-empty{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--base-default-color)}.hans-tabs-header-loading{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-bottom-right-radius:0;border-bottom-left-radius:0}.hans-tabs-content-loading{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.hans-tab-base.hans-tab-strong,.hans-tabs-content-base.hans-tabs-content-strong{border-color:var(--base-strong-color);background-color:var(--base-strong-color);color:var(--base-neutral-color)}.hans-tab-base.hans-tab-default,.hans-tabs-content-base.hans-tabs-content-default{border-color:var(--base-default-color);background-color:var(--base-default-color);color:var(--white)}.hans-tab-base.hans-tab-neutral,.hans-tabs-content-base.hans-tabs-content-neutral{border-color:var(--base-neutral-color);background-color:var(--base-neutral-color);color:var(--base-strong-color)}.hans-tab-base.hans-tab-outline,.hans-tabs-content-base.hans-tabs-content-outline{border-color:var(--base-default-color);background-color:var(--white);color:var(--text-color)}.hans-tab-base.hans-tab-transparent,.hans-tabs-content-base.hans-tabs-content-transparent{color:var(--text-color);background-color:#0000;border-color:#0000}.hans-tab-primary.hans-tab-strong,.hans-tabs-content-primary.hans-tabs-content-strong{border-color:var(--primary-strong-color);background-color:var(--primary-strong-color);color:var(--primary-neutral-color)}.hans-tab-primary.hans-tab-default,.hans-tabs-content-primary.hans-tabs-content-default{border-color:var(--primary-default-color);background-color:var(--primary-default-color);color:var(--white)}.hans-tab-primary.hans-tab-neutral,.hans-tabs-content-primary.hans-tabs-content-neutral{border-color:var(--primary-neutral-color);background-color:var(--primary-neutral-color);color:var(--primary-strong-color)}.hans-tab-primary.hans-tab-outline,.hans-tabs-content-primary.hans-tabs-content-outline{border-color:var(--primary-default-color);background-color:var(--white);color:var(--primary-strong-color)}.hans-tab-primary.hans-tab-transparent,.hans-tabs-content-primary.hans-tabs-content-transparent{color:var(--primary-default-color);background-color:#0000;border-color:#0000}.hans-tab-secondary.hans-tab-strong,.hans-tabs-content-secondary.hans-tabs-content-strong{border-color:var(--secondary-strong-color);background-color:var(--secondary-strong-color);color:var(--secondary-neutral-color)}.hans-tab-secondary.hans-tab-default,.hans-tabs-content-secondary.hans-tabs-content-default{border-color:var(--secondary-default-color);background-color:var(--secondary-default-color);color:var(--white)}.hans-tab-secondary.hans-tab-neutral,.hans-tabs-content-secondary.hans-tabs-content-neutral{border-color:var(--secondary-neutral-color);background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color)}.hans-tab-secondary.hans-tab-outline,.hans-tabs-content-secondary.hans-tabs-content-outline{border-color:var(--secondary-default-color);background-color:var(--white);color:var(--secondary-strong-color)}.hans-tab-secondary.hans-tab-transparent,.hans-tabs-content-secondary.hans-tabs-content-transparent{color:var(--secondary-default-color);background-color:#0000;border-color:#0000}.hans-tab-success.hans-tab-strong,.hans-tabs-content-success.hans-tabs-content-strong{border-color:var(--success-strong-color);background-color:var(--success-strong-color);color:var(--success-neutral-color)}.hans-tab-success.hans-tab-default,.hans-tabs-content-success.hans-tabs-content-default{border-color:var(--success-default-color);background-color:var(--success-default-color);color:var(--white)}.hans-tab-success.hans-tab-neutral,.hans-tabs-content-success.hans-tabs-content-neutral{border-color:var(--success-neutral-color);background-color:var(--success-neutral-color);color:var(--success-strong-color)}.hans-tab-success.hans-tab-outline,.hans-tabs-content-success.hans-tabs-content-outline{border-color:var(--success-default-color);background-color:var(--white);color:var(--success-strong-color)}.hans-tab-success.hans-tab-transparent,.hans-tabs-content-success.hans-tabs-content-transparent{color:var(--success-default-color);background-color:#0000;border-color:#0000}.hans-tab-danger.hans-tab-strong,.hans-tabs-content-danger.hans-tabs-content-strong{border-color:var(--danger-strong-color);background-color:var(--danger-strong-color);color:var(--danger-neutral-color)}.hans-tab-danger.hans-tab-default,.hans-tabs-content-danger.hans-tabs-content-default{border-color:var(--danger-default-color);background-color:var(--danger-default-color);color:var(--white)}.hans-tab-danger.hans-tab-neutral,.hans-tabs-content-danger.hans-tabs-content-neutral{border-color:var(--danger-neutral-color);background-color:var(--danger-neutral-color);color:var(--danger-strong-color)}.hans-tab-danger.hans-tab-outline,.hans-tabs-content-danger.hans-tabs-content-outline{border-color:var(--danger-default-color);background-color:var(--white);color:var(--danger-strong-color)}.hans-tab-danger.hans-tab-transparent,.hans-tabs-content-danger.hans-tabs-content-transparent{color:var(--danger-default-color);background-color:#0000;border-color:#0000}.hans-tab-warning.hans-tab-strong,.hans-tabs-content-warning.hans-tabs-content-strong{border-color:var(--warning-strong-color);background-color:var(--warning-strong-color);color:var(--warning-neutral-color)}.hans-tab-warning.hans-tab-default,.hans-tabs-content-warning.hans-tabs-content-default{border-color:var(--warning-default-color);background-color:var(--warning-default-color);color:var(--white)}.hans-tab-warning.hans-tab-neutral,.hans-tabs-content-warning.hans-tabs-content-neutral{border-color:var(--warning-neutral-color);background-color:var(--warning-neutral-color);color:var(--warning-strong-color)}.hans-tab-warning.hans-tab-outline,.hans-tabs-content-warning.hans-tabs-content-outline{border-color:var(--warning-default-color);background-color:var(--white);color:var(--warning-strong-color)}.hans-tab-warning.hans-tab-transparent,.hans-tabs-content-warning.hans-tabs-content-transparent{color:var(--warning-default-color);background-color:#0000;border-color:#0000}.hans-tab-info.hans-tab-strong,.hans-tabs-content-info.hans-tabs-content-strong{border-color:var(--info-strong-color);background-color:var(--info-strong-color);color:var(--info-neutral-color)}.hans-tab-info.hans-tab-default,.hans-tabs-content-info.hans-tabs-content-default{border-color:var(--info-default-color);background-color:var(--info-default-color);color:var(--white)}.hans-tab-info.hans-tab-neutral,.hans-tabs-content-info.hans-tabs-content-neutral{border-color:var(--info-neutral-color);background-color:var(--info-neutral-color);color:var(--info-strong-color)}.hans-tab-info.hans-tab-outline,.hans-tabs-content-info.hans-tabs-content-outline{border-color:var(--info-default-color);background-color:var(--white);color:var(--info-strong-color)}.hans-tab-info.hans-tab-transparent,.hans-tabs-content-info.hans-tabs-content-transparent{color:var(--info-default-color);background-color:#0000;border-color:#0000}:root{--red-900:#9e0018;--red-500:#ff002b;--red-300:#ff5c5c;--green-900:#027a43;--green-500:#04d361;--green-300:#a3f3c4;--blue-900:#1f4ba8;--blue-500:#3b82f6;--blue-300:#93c5fd;--yellow-900:#ca8a04;--yellow-500:#eab308;--yellow-300:#fef08a;--orange-900:#c2410c;--orange-500:#f97316;--orange-300:#fdba74;--pink-900:#c21875;--pink-500:#ff4da6;--pink-300:#ffb3d9;--wine-900:#7a1f3d;--wine-500:#b33963;--wine-300:#e8a3bd;--purple-900:#4b1f8a;--purple-500:#7c3aed;--purple-300:#c4b5fd;--lilac-900:#5f4b8b;--lilac-500:#b39ddb;--lilac-300:#e6dcff;--indigo-900:#312e81;--indigo-500:#6366f1;--indigo-300:#a5b4fc;--cyan-900:#0e7490;--cyan-500:#06b6d4;--cyan-300:#67e8f9;--aqua-900:#008f82;--aqua-500:#00f6db;--aqua-300:#84f3df;--lime-900:#3f7d00;--lime-500:#7cff00;--lime-300:#cfff8f;--beige-900:#8a6b3f;--beige-500:#d4b483;--beige-300:#f2dfc2;--brown-900:#4a2f22;--brown-500:#8b5e3c;--brown-300:#c9a27e;--gray-900:#3a3a44;--gray-700:#7a7a85;--gray-500:#b7b7c3;--gray-300:#e6e6ee;--gray-100:#f4f4fa;--black:#000;--white:#fff;--primary-strong-color:var(--purple-900);--primary-default-color:var(--purple-500);--primary-neutral-color:var(--purple-300);--secondary-strong-color:var(--blue-900);--secondary-default-color:var(--blue-500);--secondary-neutral-color:var(--blue-300);--success-strong-color:var(--green-900);--success-default-color:var(--green-500);--success-neutral-color:var(--green-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--aqua-900);--info-default-color:var(--aqua-500);--info-neutral-color:var(--aqua-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination1]{--primary-strong-color:var(--purple-900);--primary-default-color:var(--purple-500);--primary-neutral-color:var(--purple-300);--secondary-strong-color:var(--blue-900);--secondary-default-color:var(--blue-500);--secondary-neutral-color:var(--blue-300);--success-strong-color:var(--green-900);--success-default-color:var(--green-500);--success-neutral-color:var(--green-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--aqua-900);--info-default-color:var(--aqua-500);--info-neutral-color:var(--aqua-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination2]{--primary-strong-color:var(--cyan-900);--primary-default-color:var(--cyan-500);--primary-neutral-color:var(--cyan-300);--secondary-strong-color:var(--pink-900);--secondary-default-color:var(--pink-500);--secondary-neutral-color:var(--pink-300);--success-strong-color:var(--lime-900);--success-default-color:var(--lime-500);--success-neutral-color:var(--lime-300);--danger-strong-color:var(--wine-900);--danger-default-color:var(--wine-500);--danger-neutral-color:var(--wine-300);--warning-strong-color:var(--orange-900);--warning-default-color:var(--orange-500);--warning-neutral-color:var(--orange-300);--info-strong-color:var(--indigo-900);--info-default-color:var(--indigo-500);--info-neutral-color:var(--indigo-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-900);--text-color:var(--gray-100)}[data-theme=combination3]{--primary-strong-color:var(--beige-900);--primary-default-color:var(--beige-500);--primary-neutral-color:var(--beige-300);--secondary-strong-color:var(--aqua-900);--secondary-default-color:var(--aqua-500);--secondary-neutral-color:var(--aqua-300);--success-strong-color:var(--green-900);--success-default-color:var(--green-500);--success-neutral-color:var(--green-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--lilac-900);--info-default-color:var(--lilac-500);--info-neutral-color:var(--lilac-300);--base-strong-color:var(--brown-900);--base-default-color:var(--brown-500);--base-neutral-color:var(--brown-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination4]{--primary-strong-color:var(--indigo-900);--primary-default-color:var(--indigo-500);--primary-neutral-color:var(--indigo-300);--secondary-strong-color:var(--orange-900);--secondary-default-color:var(--orange-500);--secondary-neutral-color:var(--orange-300);--success-strong-color:var(--aqua-900);--success-default-color:var(--aqua-500);--success-neutral-color:var(--aqua-300);--danger-strong-color:var(--pink-900);--danger-default-color:var(--pink-500);--danger-neutral-color:var(--pink-300);--warning-strong-color:var(--beige-900);--warning-default-color:var(--beige-500);--warning-neutral-color:var(--beige-300);--info-strong-color:var(--blue-900);--info-default-color:var(--blue-500);--info-neutral-color:var(--blue-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination5]{--primary-strong-color:var(--wine-900);--primary-default-color:var(--wine-500);--primary-neutral-color:var(--wine-300);--secondary-strong-color:var(--lilac-900);--secondary-default-color:var(--lilac-500);--secondary-neutral-color:var(--lilac-300);--success-strong-color:var(--lime-900);--success-default-color:var(--lime-500);--success-neutral-color:var(--lime-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--cyan-900);--info-default-color:var(--cyan-500);--info-neutral-color:var(--cyan-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-900);--text-color:var(--gray-100)}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--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);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.\!mx-2{margin-inline:calc(var(--spacing)*2)!important}.\!mx-5{margin-inline:calc(var(--spacing)*5)!important}.\!my-1{margin-block:calc(var(--spacing)*1)!important}.\!my-2{margin-block:calc(var(--spacing)*2)!important}.\!my-3{margin-block:calc(var(--spacing)*3)!important}.\!my-4{margin-block:calc(var(--spacing)*4)!important}.mt-1{margin-top:calc(var(--spacing)*1)}.\!mb-3{margin-bottom:calc(var(--spacing)*3)!important}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.block{display:block}.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}.h-\[260px\]{height:260px}.h-auto{height:auto}.h-full{height:100%}.min-h-\[88px\]{min-height:88px}.min-h-\[640px\]{min-height:640px}.min-h-full{min-height:100%}.w-6{width:calc(var(--spacing)*6)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-\[260px\]{width:260px}.w-\[320px\]{width:320px}.w-full{width:100%}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-md{max-width:var(--container-md)}.min-w-\[880px\]{min-width:880px}.min-w-\[920px\]{min-width:920px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.auto-rows-\[minmax\(140px\,1fr\)\]{grid-auto-rows:minmax(140px,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--base-default-color\)\]{border-color:var(--base-default-color)}.border-\[var\(--gray-300\)\]{border-color:var(--gray-300)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.text-left{text-align:left}.\!font-mono{font-family:var(--font-mono)!important}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.text-\[var\(--gray-700\)\]{color:var(--gray-700)}.text-\[var\(--primary-default-color\)\]{color:var(--primary-default-color)}.text-\[var\(--secondary-default-color\)\]{color:var(--secondary-default-color)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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))}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-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-duration{syntax:"*";inherits:false}@property --tw-leading{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}@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-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";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-tracking{syntax:"*";inherits:false}@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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { default as default_2 } from 'react';
|
|
1
|
+
import { default as default_2 } from '../../../../node_modules/react';
|
|
2
|
+
import { default as default_3 } from '../../node_modules/react';
|
|
3
|
+
import { default as default_4 } from '../../../node_modules/react';
|
|
2
4
|
import { JSX } from 'react/jsx-runtime';
|
|
3
5
|
|
|
4
6
|
export declare const assertCompleteHansTheme: (theme: HansThemeCombination) => void;
|
|
@@ -49,16 +51,16 @@ export declare const HANS_THEME_TONE_LEVELS: HansThemeToneLevel[];
|
|
|
49
51
|
|
|
50
52
|
export declare const HANS_THEME_WINDOW_KEY = "HansUI";
|
|
51
53
|
|
|
52
|
-
export declare const HansAccordion:
|
|
54
|
+
export declare const HansAccordion: default_4.MemoExoticComponent<(props: HansAccordionProps) => JSX.Element>;
|
|
53
55
|
|
|
54
56
|
export declare type HansAccordionItem = {
|
|
55
57
|
id?: string;
|
|
56
58
|
title: string;
|
|
57
|
-
description:
|
|
59
|
+
description: default_4.ReactNode;
|
|
58
60
|
disabled?: boolean;
|
|
59
61
|
};
|
|
60
62
|
|
|
61
|
-
export declare type HansAccordionProps = InferPropsFromSchema<typeof HansAccordionSchema> & Omit<
|
|
63
|
+
export declare type HansAccordionProps = InferPropsFromSchema<typeof HansAccordionSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color'> & {
|
|
62
64
|
onOpenItemIdsChange?: (openItemIds: string[]) => void;
|
|
63
65
|
};
|
|
64
66
|
|
|
@@ -109,11 +111,11 @@ declare const HansAccordionSchema: {
|
|
|
109
111
|
readonly accordionId: "string";
|
|
110
112
|
};
|
|
111
113
|
|
|
112
|
-
export declare const HansAvatar:
|
|
114
|
+
export declare const HansAvatar: default_4.MemoExoticComponent<(props: HansAvatarProps) => JSX.Element>;
|
|
113
115
|
|
|
114
|
-
export declare type HansAvatarProps = InferPropsFromSchema<typeof HansAvatarSchema> & Omit<
|
|
116
|
+
export declare type HansAvatarProps = InferPropsFromSchema<typeof HansAvatarSchema> & Omit<default_4.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'size' | 'loading'>;
|
|
115
117
|
|
|
116
|
-
export declare const HansAvatarPropsList: Partial<Record<"
|
|
118
|
+
export declare const HansAvatarPropsList: Partial<Record<"src" | "alt" | "customClasses" | "loading" | "avatarSize" | "fallbackIconName", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
|
|
117
119
|
|
|
118
120
|
declare const HansAvatarSchema: {
|
|
119
121
|
readonly src: "string";
|
|
@@ -169,12 +171,12 @@ declare const HansButtonSchema: {
|
|
|
169
171
|
readonly loading: "boolean";
|
|
170
172
|
};
|
|
171
173
|
|
|
172
|
-
export declare const HansCard:
|
|
174
|
+
export declare const HansCard: default_4.MemoExoticComponent<(props: HansCardProps) => JSX.Element>;
|
|
173
175
|
|
|
174
176
|
declare type HansCardLayout = 'profile' | 'image' | 'custom';
|
|
175
177
|
|
|
176
|
-
export declare type HansCardProps = InferPropsFromSchema<typeof HansCardSchema> & Omit<
|
|
177
|
-
children?:
|
|
178
|
+
export declare type HansCardProps = InferPropsFromSchema<typeof HansCardSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color' | 'title'> & {
|
|
179
|
+
children?: default_4.ReactNode;
|
|
178
180
|
};
|
|
179
181
|
|
|
180
182
|
export declare const HansCardPropsList: Partial<Record<"customClasses" | "loading" | "loadingColor" | "title" | "imageSrc" | "imageAlt" | "description" | "avatarSrc" | "avatarAlt" | "avatarLoading" | "loadingAriaLabel" | "cardLayout" | "cardSize" | "cardColor" | "cardVariant" | "cardBackgroundColor" | "cardBorderColor" | "cardTextColor" | "cardMutedColor", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
|
|
@@ -216,7 +218,7 @@ declare const HansCardSchema: {
|
|
|
216
218
|
readonly customClasses: "string";
|
|
217
219
|
};
|
|
218
220
|
|
|
219
|
-
export declare const HansCarousel:
|
|
221
|
+
export declare const HansCarousel: default_4.MemoExoticComponent<(props: HansCarouselProps) => JSX.Element>;
|
|
220
222
|
|
|
221
223
|
export declare type HansCarouselItem = {
|
|
222
224
|
id?: string;
|
|
@@ -226,7 +228,7 @@ export declare type HansCarouselItem = {
|
|
|
226
228
|
description?: string;
|
|
227
229
|
};
|
|
228
230
|
|
|
229
|
-
export declare type HansCarouselProps = InferPropsFromSchema<typeof HansCarouselSchema> & Omit<
|
|
231
|
+
export declare type HansCarouselProps = InferPropsFromSchema<typeof HansCarouselSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color'> & {
|
|
230
232
|
onActiveItemChange?: (activeItemIndex: number) => void;
|
|
231
233
|
};
|
|
232
234
|
|
|
@@ -269,7 +271,7 @@ declare const HansCarouselSchema: {
|
|
|
269
271
|
readonly carouselId: "string";
|
|
270
272
|
};
|
|
271
273
|
|
|
272
|
-
export declare const HansChart:
|
|
274
|
+
export declare const HansChart: default_4.MemoExoticComponent<(props: HansChartProps) => JSX.Element>;
|
|
273
275
|
|
|
274
276
|
export declare type HansChartColor = Color | string;
|
|
275
277
|
|
|
@@ -286,7 +288,7 @@ export declare type HansChartPointEvent = {
|
|
|
286
288
|
seriesName?: string;
|
|
287
289
|
};
|
|
288
290
|
|
|
289
|
-
export declare type HansChartProps = InferPropsFromSchema<typeof HansChartSchema> & Omit<
|
|
291
|
+
export declare type HansChartProps = InferPropsFromSchema<typeof HansChartSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color' | 'onClick'> & {
|
|
290
292
|
onPointClick?: (event: HansChartPointEvent) => void;
|
|
291
293
|
};
|
|
292
294
|
|
|
@@ -485,7 +487,7 @@ declare const HansDropdownSchema: {
|
|
|
485
487
|
readonly emptyTextColor: "string";
|
|
486
488
|
};
|
|
487
489
|
|
|
488
|
-
export declare const HansIcon:
|
|
490
|
+
export declare const HansIcon: default_4.FC<HansIconProps>;
|
|
489
491
|
|
|
490
492
|
export declare type HansIconProps = InferPropsFromSchema<typeof HansIconSchema>;
|
|
491
493
|
|
|
@@ -570,7 +572,7 @@ declare const HansInputSchema: {
|
|
|
570
572
|
|
|
571
573
|
declare type HansInputSchemaProps = InferPropsFromSchema<typeof HansInputSchema>;
|
|
572
574
|
|
|
573
|
-
export declare const HansKanban:
|
|
575
|
+
export declare const HansKanban: default_4.MemoExoticComponent<(props: HansKanbanProps) => JSX.Element>;
|
|
574
576
|
|
|
575
577
|
export declare const HansKanbanColumn: default_2.MemoExoticComponent<(props: HansKanbanColumnProps) => JSX.Element>;
|
|
576
578
|
|
|
@@ -655,7 +657,7 @@ export declare type HansKanbanMoveEvent = {
|
|
|
655
657
|
nextItems: HansKanbanItemData[];
|
|
656
658
|
};
|
|
657
659
|
|
|
658
|
-
export declare type HansKanbanProps = InferPropsFromSchema<typeof HansKanbanSchema> & Omit<
|
|
660
|
+
export declare type HansKanbanProps = InferPropsFromSchema<typeof HansKanbanSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & {
|
|
659
661
|
onItemsChange?: (items: HansKanbanItemData[]) => void;
|
|
660
662
|
onMoveItem?: (event: HansKanbanMoveEvent) => void;
|
|
661
663
|
onItemClick?: (item: HansKanbanItemData) => void;
|
|
@@ -694,9 +696,9 @@ declare const HansKanbanSchema: {
|
|
|
694
696
|
readonly loadingAriaLabel: "string";
|
|
695
697
|
};
|
|
696
698
|
|
|
697
|
-
export declare const HansLoading:
|
|
699
|
+
export declare const HansLoading: default_4.MemoExoticComponent<(props: HansLoadingProps) => JSX.Element>;
|
|
698
700
|
|
|
699
|
-
export declare type HansLoadingProps = InferPropsFromSchema<typeof HansLoadingSchema> & Omit<
|
|
701
|
+
export declare type HansLoadingProps = InferPropsFromSchema<typeof HansLoadingSchema> & Omit<default_4.HTMLAttributes<HTMLSpanElement>, 'color'>;
|
|
700
702
|
|
|
701
703
|
export declare const HansLoadingPropsList: Partial<Record<"rounded" | "customClasses" | "loadingType" | "loadingSize" | "loadingColor" | "skeletonWidth" | "skeletonHeight" | "ariaLabel", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
|
|
702
704
|
|
|
@@ -726,10 +728,10 @@ declare const HansLoadingSchema: {
|
|
|
726
728
|
readonly ariaLabel: "string";
|
|
727
729
|
};
|
|
728
730
|
|
|
729
|
-
export declare const HansModal:
|
|
731
|
+
export declare const HansModal: default_4.MemoExoticComponent<(props: HansModalProps) => JSX.Element | null>;
|
|
730
732
|
|
|
731
|
-
export declare type HansModalProps = InferPropsFromSchema<typeof HansModalSchema> & Omit<
|
|
732
|
-
children?:
|
|
733
|
+
export declare type HansModalProps = InferPropsFromSchema<typeof HansModalSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'children' | 'color' | 'title'> & {
|
|
734
|
+
children?: default_4.ReactNode;
|
|
733
735
|
container?: HTMLElement | ShadowRoot | null;
|
|
734
736
|
onOpenChange?: (open: boolean) => void;
|
|
735
737
|
onClose?: (reason: ModalCloseReason) => void;
|
|
@@ -833,9 +835,9 @@ declare const HansModalSchema: {
|
|
|
833
835
|
readonly maxBodyHeight: "string";
|
|
834
836
|
};
|
|
835
837
|
|
|
836
|
-
export declare const HansPagination:
|
|
838
|
+
export declare const HansPagination: default_4.MemoExoticComponent<(props: HansPaginationProps) => JSX.Element | null>;
|
|
837
839
|
|
|
838
|
-
export declare type HansPaginationProps = InferPropsFromSchema<typeof HansPaginationSchema> & Omit<
|
|
840
|
+
export declare type HansPaginationProps = InferPropsFromSchema<typeof HansPaginationSchema> & Omit<default_4.HTMLAttributes<HTMLElement>, 'children' | 'color' | 'onChange'> & {
|
|
839
841
|
onPageChange?: (page: number) => void;
|
|
840
842
|
};
|
|
841
843
|
|
|
@@ -875,17 +877,17 @@ declare const HansPaginationSchema: {
|
|
|
875
877
|
readonly customClasses: "string";
|
|
876
878
|
};
|
|
877
879
|
|
|
878
|
-
export declare const HansPopup:
|
|
880
|
+
export declare const HansPopup: default_4.MemoExoticComponent<(props: HansPopupProps) => JSX.Element>;
|
|
879
881
|
|
|
880
|
-
export declare type HansPopupProps = InferPropsFromSchema<typeof HansPopupSchema> & Omit<
|
|
881
|
-
children:
|
|
882
|
+
export declare type HansPopupProps = InferPropsFromSchema<typeof HansPopupSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'children'> & {
|
|
883
|
+
children: default_4.ReactNode;
|
|
882
884
|
onOpenChange?: (open: boolean) => void;
|
|
883
885
|
renderTrigger: (params: {
|
|
884
886
|
isOpen: boolean;
|
|
885
887
|
open: () => void;
|
|
886
888
|
close: () => void;
|
|
887
889
|
toggle: () => void;
|
|
888
|
-
}) =>
|
|
890
|
+
}) => default_4.ReactNode;
|
|
889
891
|
onDirectionChange?: (direction: PopupDirection) => void;
|
|
890
892
|
onHorizontalPositionChange?: (horizontalPosition: PopupHorizontalPosition) => void;
|
|
891
893
|
portalHorizontalPosition?: PopupHorizontalPosition;
|
|
@@ -968,14 +970,14 @@ declare const HansSelectOptionSchema: {
|
|
|
968
970
|
export declare type HansTabItem = {
|
|
969
971
|
id: string;
|
|
970
972
|
title: string;
|
|
971
|
-
content:
|
|
973
|
+
content: default_4.ReactNode;
|
|
972
974
|
disabled?: boolean;
|
|
973
975
|
closable?: boolean;
|
|
974
976
|
tabColor?: Color;
|
|
975
977
|
tabVariant?: Variant;
|
|
976
978
|
};
|
|
977
979
|
|
|
978
|
-
export declare const HansTable:
|
|
980
|
+
export declare const HansTable: default_4.MemoExoticComponent<(props: HansTableProps) => JSX.Element>;
|
|
979
981
|
|
|
980
982
|
export declare type HansTableColumn = {
|
|
981
983
|
key: string;
|
|
@@ -985,7 +987,7 @@ export declare type HansTableColumn = {
|
|
|
985
987
|
width?: string;
|
|
986
988
|
align?: 'left' | 'center' | 'right';
|
|
987
989
|
filterAlign?: 'left' | 'center' | 'right';
|
|
988
|
-
render?: (value: unknown, row: HansTableRow, rowIndex: number) =>
|
|
990
|
+
render?: (value: unknown, row: HansTableRow, rowIndex: number) => default_4.ReactNode;
|
|
989
991
|
};
|
|
990
992
|
|
|
991
993
|
export declare type HansTableFilterConfig = {
|
|
@@ -999,7 +1001,7 @@ export declare type HansTableFilterConfig = {
|
|
|
999
1001
|
enableAutocomplete?: boolean;
|
|
1000
1002
|
};
|
|
1001
1003
|
|
|
1002
|
-
export declare type HansTableProps = InferPropsFromSchema<typeof HansTableSchema> & Omit<
|
|
1004
|
+
export declare type HansTableProps = InferPropsFromSchema<typeof HansTableSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color'> & {
|
|
1003
1005
|
initialSort?: HansTableSortState;
|
|
1004
1006
|
initialFilters?: Record<string, string>;
|
|
1005
1007
|
onSortChange?: (sortState: HansTableSortState) => void;
|
|
@@ -1075,9 +1077,9 @@ export declare type HansTableSortState = {
|
|
|
1075
1077
|
direction: HansTableSortDirection;
|
|
1076
1078
|
} | null;
|
|
1077
1079
|
|
|
1078
|
-
export declare const HansTabs:
|
|
1080
|
+
export declare const HansTabs: default_4.MemoExoticComponent<(props: HansTabsProps) => JSX.Element>;
|
|
1079
1081
|
|
|
1080
|
-
export declare type HansTabsProps = InferPropsFromSchema<typeof HansTabsSchema> & Omit<
|
|
1082
|
+
export declare type HansTabsProps = InferPropsFromSchema<typeof HansTabsSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color'> & {
|
|
1081
1083
|
onTabChange?: (tabId: string) => void;
|
|
1082
1084
|
onTabClose?: (tabId: string) => void;
|
|
1083
1085
|
onTabsChange?: (tabs: HansTabItem[]) => void;
|
|
@@ -1116,9 +1118,9 @@ declare const HansTabsSchema: {
|
|
|
1116
1118
|
readonly inputId: "string";
|
|
1117
1119
|
};
|
|
1118
1120
|
|
|
1119
|
-
export declare const HansTag:
|
|
1121
|
+
export declare const HansTag: default_4.MemoExoticComponent<(props: HansTagProps) => JSX.Element>;
|
|
1120
1122
|
|
|
1121
|
-
export declare type HansTagProps = InferPropsFromSchema<typeof HansTagSchema> & Omit<
|
|
1123
|
+
export declare type HansTagProps = InferPropsFromSchema<typeof HansTagSchema> & Omit<default_4.HTMLAttributes<HTMLSpanElement>, 'color'> & {
|
|
1122
1124
|
onAction?: () => void;
|
|
1123
1125
|
};
|
|
1124
1126
|
|
|
@@ -1170,9 +1172,9 @@ export declare type HansThemeTone = Record<HansThemeToneLevel, string>;
|
|
|
1170
1172
|
|
|
1171
1173
|
export declare type HansThemeToneLevel = 'strong' | 'default' | 'neutral';
|
|
1172
1174
|
|
|
1173
|
-
export declare const HansToast:
|
|
1175
|
+
export declare const HansToast: default_4.MemoExoticComponent<(props: HansToastProps) => JSX.Element | null>;
|
|
1174
1176
|
|
|
1175
|
-
export declare type HansToastProps = InferPropsFromSchema<typeof HansToastSchema> & Omit<
|
|
1177
|
+
export declare type HansToastProps = InferPropsFromSchema<typeof HansToastSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color' | 'title'> & {
|
|
1176
1178
|
onClose?: (reason: ToastCloseReason) => void;
|
|
1177
1179
|
onVisibilityChange?: (visible: boolean) => void;
|
|
1178
1180
|
portalTarget?: HTMLElement | null;
|
|
@@ -1266,10 +1268,10 @@ declare const HansToggleSchema: {
|
|
|
1266
1268
|
readonly inputId: "string";
|
|
1267
1269
|
};
|
|
1268
1270
|
|
|
1269
|
-
export declare type IconLibrary = Record<string,
|
|
1271
|
+
export declare type IconLibrary = Record<string, default_4.ComponentType<default_4.SVGProps<SVGSVGElement>>>;
|
|
1270
1272
|
|
|
1271
1273
|
declare type InferPropsFromSchema<T extends Record<string, SchemaType>> = Partial<{
|
|
1272
|
-
[K in keyof T]: T[K] extends 'string' ? string : T[K] extends 'boolean' ? boolean : T[K] extends 'number' ? number : T[K] extends 'node' ?
|
|
1274
|
+
[K in keyof T]: T[K] extends 'string' ? string : T[K] extends 'boolean' ? boolean : T[K] extends 'number' ? number : T[K] extends 'node' ? default_3.ReactNode : T[K] extends 'json' ? Record<string, unknown> : T[K] extends {
|
|
1273
1275
|
type: 'custom';
|
|
1274
1276
|
ref: infer U;
|
|
1275
1277
|
} ? U : never;
|
package/dist/index.es.js
CHANGED
|
@@ -52207,14 +52207,23 @@ const JR = (r) => r === "base" ? "base" : r, net = ({
|
|
|
52207
52207
|
style: {
|
|
52208
52208
|
"--hans-modal-body-max-height": bE
|
|
52209
52209
|
},
|
|
52210
|
-
children: /* @__PURE__ */ E.
|
|
52210
|
+
children: /* @__PURE__ */ E.jsxs(
|
|
52211
52211
|
"div",
|
|
52212
52212
|
{
|
|
52213
52213
|
className: [
|
|
52214
52214
|
"hans-modal-body-content",
|
|
52215
52215
|
x ? "hans-modal-body-loading" : ""
|
|
52216
52216
|
].filter(Boolean).join(" "),
|
|
52217
|
-
children:
|
|
52217
|
+
children: [
|
|
52218
|
+
SE,
|
|
52219
|
+
/* @__PURE__ */ E.jsx(
|
|
52220
|
+
"div",
|
|
52221
|
+
{
|
|
52222
|
+
className: "hans-modal-body-end-spacer",
|
|
52223
|
+
"aria-hidden": "true"
|
|
52224
|
+
}
|
|
52225
|
+
)
|
|
52226
|
+
]
|
|
52218
52227
|
}
|
|
52219
52228
|
)
|
|
52220
52229
|
}
|