hans-ui-design-lib 1.0.11 โ†’ 1.0.12

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.
Files changed (6) hide show
  1. package/README.md +4 -1
  2. package/dist/index.cjs.js +10 -6
  3. package/dist/index.css +1 -1
  4. package/dist/index.d.ts +18 -2
  5. package/dist/index.es.js +103 -89
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -13,7 +13,10 @@ This library provides reusable, styled and documented UI components with a consi
13
13
  - ๐Ÿงน **ESLint + Prettier** for code quality and formatting
14
14
  - โšก **Vite** as the bundler for fast builds and DX
15
15
  - ๐ŸŒ Ready to be published and consumed via **npm**
16
- - ๐Ÿ“– Documentation ready to be used (deployed by **Vercel**) at https://hans-ui-design-lib-doc.vercel.app/
16
+ - ๐Ÿšข Deployed by **Vercel**
17
+ - ๐Ÿ“– Documentation ready for consultation at https://hans-ui-design-lib-doc.vercel.app/
18
+ - ๐Ÿ“ฆ Package available at https://www.npmjs.com/package/hans-ui-design-lib
19
+ - ๐Ÿ› ๏ธ CDN ready to be used at https://hans-ui-design-lib-cdn.vercel.app/
17
20
  - **Node Version to build this project: 24.14.1 and npm 11.11.0**
18
21
 
19
22
  ## ๐Ÿ“ฆ Installation
package/dist/index.cjs.js CHANGED
@@ -6,14 +6,18 @@
6
6
  *
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
- */var Q_;function aE(){if(Q_)return Ns;Q_=1;var r=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function t(a,n,i){var o=null;if(i!==void 0&&(o=""+i),n.key!==void 0&&(o=""+n.key),"key"in n){i={};for(var s in n)s!=="key"&&(i[s]=n[s])}else i=n;return n=i.ref,{$$typeof:r,type:a,key:o,ref:n!==void 0?n:null,props:i}}return Ns.Fragment=e,Ns.jsx=t,Ns.jsxs=t,Ns}var eb;function nE(){return eb||(eb=1,xv.exports=aE()),xv.exports}var N=nE();const iE={base:{border:"var(--base-neutral-color)",borderTop:"var(--base-default-color)",skeleton:"var(--base-neutral-color)"},primary:{border:"var(--primary-neutral-color)",borderTop:"var(--primary-default-color)",skeleton:"var(--primary-neutral-color)"},secondary:{border:"var(--secondary-neutral-color)",borderTop:"var(--secondary-default-color)",skeleton:"var(--secondary-neutral-color)"},success:{border:"var(--success-neutral-color)",borderTop:"var(--success-default-color)",skeleton:"var(--success-neutral-color)"},danger:{border:"var(--danger-neutral-color)",borderTop:"var(--danger-default-color)",skeleton:"var(--danger-neutral-color)"},warning:{border:"var(--warning-neutral-color)",borderTop:"var(--warning-default-color)",skeleton:"var(--warning-neutral-color)"},info:{border:"var(--info-neutral-color)",borderTop:"var(--info-default-color)",skeleton:"var(--info-neutral-color)"}},tb=(r,e)=>typeof r=="number"?`${r}px`:typeof r=="string"&&r.trim().length>0?r.trim():e,oE=(r,e,t)=>{const a=r==="spinner"?`hans-loading-${e}`:"";return`hans-loading hans-loading-${r} ${a} ${t}`},Ye=W.memo(r=>{const{loadingType:e="spinner",loadingSize:t="medium",loadingColor:a="base",skeletonWidth:n="100%",skeletonHeight:i="100%",rounded:o=!0,customClasses:s="",ariaLabel:l="Loading",...u}=r,c=iE[a],f=oE(e,t,s);return e==="skeleton"?N.jsx("span",{className:`${f} ${o?"hans-loading-rounded":""}`,style:{"--hans-loading-skeleton-color":c.skeleton,"--hans-loading-width":tb(n,"100%"),"--hans-loading-height":tb(i,"100%")},role:"status","aria-label":l,...u}):N.jsx("span",{className:f,style:{"--hans-loading-spinner-border":c.border,"--hans-loading-spinner-top":c.borderTop},role:"status","aria-label":l,...u})});Ye.displayName="HansLoading";const Cr=W.memo(r=>{const{label:e="",buttonId:t="hans-button",buttonSize:a="medium",buttonColor:n="primary",buttonVariant:i="default",buttonShape:o="rounded",buttonType:s="button",customClasses:l="",disabled:u=!1,loading:c=!1,children:f,...h}=r,v=u||c,d={small:{width:"72px",height:"32px"},medium:{width:"88px",height:"40px"},large:{width:"104px",height:"48px"}};if(c){const p=d[a];return N.jsx(Ye,{id:t,loadingType:"skeleton",loadingSize:a,skeletonWidth:p.width,skeletonHeight:p.height,rounded:o==="rounded",customClasses:`hans-button-loading ${l}`,ariaLabel:"Loading button"})}return N.jsx("button",{id:t,type:s,disabled:v,className:`
9
+ */var Q_;function aE(){if(Q_)return Ns;Q_=1;var r=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function t(a,n,i){var o=null;if(i!==void 0&&(o=""+i),n.key!==void 0&&(o=""+n.key),"key"in n){i={};for(var s in n)s!=="key"&&(i[s]=n[s])}else i=n;return n=i.ref,{$$typeof:r,type:a,key:o,ref:n!==void 0?n:null,props:i}}return Ns.Fragment=e,Ns.jsx=t,Ns.jsxs=t,Ns}var eb;function nE(){return eb||(eb=1,xv.exports=aE()),xv.exports}var N=nE();const iE={base:{border:"var(--base-neutral-color)",borderTop:"var(--base-default-color)",skeleton:"var(--base-neutral-color)"},primary:{border:"var(--primary-neutral-color)",borderTop:"var(--primary-default-color)",skeleton:"var(--primary-neutral-color)"},secondary:{border:"var(--secondary-neutral-color)",borderTop:"var(--secondary-default-color)",skeleton:"var(--secondary-neutral-color)"},success:{border:"var(--success-neutral-color)",borderTop:"var(--success-default-color)",skeleton:"var(--success-neutral-color)"},danger:{border:"var(--danger-neutral-color)",borderTop:"var(--danger-default-color)",skeleton:"var(--danger-neutral-color)"},warning:{border:"var(--warning-neutral-color)",borderTop:"var(--warning-default-color)",skeleton:"var(--warning-neutral-color)"},info:{border:"var(--info-neutral-color)",borderTop:"var(--info-default-color)",skeleton:"var(--info-neutral-color)"}},tb=(r,e)=>typeof r=="number"?`${r}px`:typeof r=="string"&&r.trim().length>0?r.trim():e,oE=(r,e,t)=>{const a=r==="spinner"?`hans-loading-${e}`:"";return`hans-loading hans-loading-${r} ${a} ${t}`},Ye=W.memo(r=>{const{loadingType:e="spinner",loadingSize:t="medium",loadingColor:a="base",skeletonWidth:n="100%",skeletonHeight:i="100%",rounded:o=!0,customClasses:s="",ariaLabel:l="Loading",...u}=r,c=iE[a],f=oE(e,t,s);return e==="skeleton"?N.jsx("span",{className:`${f} ${o?"hans-loading-rounded":""}`,style:{"--hans-loading-skeleton-color":c.skeleton,"--hans-loading-width":tb(n,"100%"),"--hans-loading-height":tb(i,"100%")},role:"status","aria-label":l,...u}):N.jsx("span",{className:f,style:{"--hans-loading-spinner-border":c.border,"--hans-loading-spinner-top":c.borderTop},role:"status","aria-label":l,...u})});Ye.displayName="HansLoading";const Cr=W.memo(r=>{const{label:e="",buttonId:t="hans-button",buttonSize:a="medium",buttonColor:n="primary",buttonVariant:i="default",hoverButtonColor:o,hoverButtonVariant:s,buttonShape:l="rounded",buttonType:u="button",customClasses:c="",disabled:f=!1,loading:h=!1,children:v,...d}=r,p=f||h,g=o??(s?n:void 0),y=s??(o?i:void 0),m=g&&y?`
10
+ hans-button-hover-color-${g}
11
+ hans-button-hover-variant-${y}
12
+ `:"",_={small:{width:"72px",height:"32px"},medium:{width:"88px",height:"40px"},large:{width:"104px",height:"48px"}};if(h){const b=_[a];return N.jsx(Ye,{id:t,loadingType:"skeleton",loadingSize:a,skeletonWidth:b.width,skeletonHeight:b.height,rounded:l==="rounded",customClasses:`hans-button-loading ${c}`,ariaLabel:"Loading button"})}return N.jsx("button",{id:t,type:u,disabled:p,className:`
10
13
  hans-button
11
14
  hans-button-${a}
12
15
  hans-button-${n}
13
16
  hans-button-${i}
14
- hans-button-${o}
15
- ${l}
16
- `,...h,children:N.jsx("slot",{children:f??(e&&N.jsx("span",{children:e}))})})});Cr.displayName="HansButton";const ys=W.memo(r=>{const{label:e="",labelColor:t="base",placeholder:a="",value:n,inputId:i="hans-input",inputColor:o="base",inputSize:s="medium",inputType:l="text",message:u="",messageColor:c="base",customClasses:f="",disabled:h=!1,leftIcon:v,rightIcon:d,children:p,...g}=r,y=typeof n>"u"?{}:{value:n};return N.jsxs("div",{className:"hans-input-div",children:[p,e?N.jsx("label",{htmlFor:i,className:`
17
+ hans-button-${l}
18
+ ${m}
19
+ ${c}
20
+ `,...d,children:N.jsx("slot",{children:v??(e&&N.jsx("span",{children:e}))})})});Cr.displayName="HansButton";const ys=W.memo(r=>{const{label:e="",labelColor:t="base",placeholder:a="",value:n,inputId:i="hans-input",inputColor:o="base",inputSize:s="medium",inputType:l="text",message:u="",messageColor:c="base",customClasses:f="",disabled:h=!1,leftIcon:v,rightIcon:d,children:p,...g}=r,y=typeof n>"u"?{}:{value:n};return N.jsxs("div",{className:"hans-input-div",children:[p,e?N.jsx("label",{htmlFor:i,className:`
17
21
  hans-input-label
18
22
  hans-input-label-${t}
19
23
  `,children:e}):null,N.jsxs("div",{className:"hans-input-field",children:[v?N.jsx("span",{className:`
@@ -47,7 +51,7 @@
47
51
  ${r.isDisabled?"hans-dropdown-option-disabled":""}
48
52
  ${r.hasChildren?"hans-dropdown-option-parent":""}
49
53
  ${r.hasChildren?`hans-dropdown-option-parent-${e}`:""}
50
- `,DE=(r,e)=>{r.disabled||(r.action&&r.action(r),e&&e(r))},LE=({setIsOpen:r,onOpenChange:e})=>t=>{r(t),e&&e(t)},IE=({closeOnSelect:r,setOpen:e,onSelect:t})=>a=>{xE(a)||(DE(a,t),r&&!a.disabled&&e(!1))},PE=({setHoveredPath:r,setSubmenuDirection:e,submenuWidth:t=240})=>(a,n)=>{if(r(a),typeof window>"u")return;const i=n.getBoundingClientRect(),s=window.innerWidth-i.right<t?"left":"right";e(a,s)},kE=({listLeaveTimeoutRef:r})=>()=>{r.current&&(clearTimeout(r.current),r.current=null)},RE=r=>()=>{r()},EE=({clearListLeaveTimeout:r,listLeaveTimeoutRef:e,setHoveredPath:t,closeDelay:a=240})=>(n,i)=>{if(n.length===0)return;const o=i.relatedTarget;if(o instanceof Element&&o.closest(".hans-dropdown-list")){r();return}r(),e.current=setTimeout(()=>{t(TE(n))},a)},gm=W.memo(r=>{const{items:e,noOptionsText:t,hoveredPath:a,submenuDirections:n,parentPath:i="",nested:o=!1,popupId:s,onItemEnter:l,onListEnter:u,onListLeave:c,onSelect:f}=r;return N.jsx(pm,{id:o?void 0:s,className:`hans-dropdown-list ${o?"hans-dropdown-list-nested":""}`,role:"menu",itemRole:"menuitem",items:e,parentPath:i,nested:o,emptyText:t,itemClassName:h=>{const v=n[h.itemPath]??"right";return ME(h,v)},onItemEnter:(h,v)=>l(h.itemPath,v),onListMouseEnter:u,onListMouseLeave:c,onItemClick:h=>f(h),renderTrailing:h=>{if(!h.hasChildren)return null;const v=n[h.itemPath]??"right";return N.jsx(ft,{name:AE(v),iconSize:"small",customClasses:"hans-dropdown-option-arrow"})},renderChildren:h=>!h.hasChildren||!wE(a,h.itemPath)?null:N.jsx(gm,{items:h.item.children,noOptionsText:t,hoveredPath:a,submenuDirections:n,parentPath:h.itemPath,nested:!0,onItemEnter:l,onListEnter:u,onListLeave:c,onSelect:f})})});gm.displayName="HansDropdownItemList";const nM=W.memo(r=>{const{triggerLabel:e="Dropdown",triggerColor:t="base",triggerVariant:a="outline",triggerShape:n="square",triggerSize:i="medium",popupId:o="hans-dropdown",popupBackgroundColor:s="var(--background-color, var(--white))",closeOnSelect:l=!0,disabled:u=!1,loading:c=!1,loadingColor:f="base",options:h=[],customClasses:v="",noOptionsText:d="No options",children:p,onSelect:g,onOpenChange:y,...m}=r,[_,b]=W.useState(!1),[x,S]=W.useState(null),[w,T]=W.useState({}),A=SE(p),C=LE({setIsOpen:b,onOpenChange:y}),D=IE({closeOnSelect:l,setOpen:C,onSelect:g}),I=W.useRef(null),L=W.useMemo(()=>kE({listLeaveTimeoutRef:I}),[]),P=W.useCallback((E,B)=>{T(V=>CE(V,E,B))},[]),k=W.useMemo(()=>RE(L),[L]),R=W.useMemo(()=>EE({clearListLeaveTimeout:L,listLeaveTimeoutRef:I,setHoveredPath:S}),[L]);W.useEffect(()=>{_||(L(),S(null),T({}))},[L,_]),W.useEffect(()=>()=>{L()},[L]);const O=W.useMemo(()=>{const E=PE({setHoveredPath:S,setSubmenuDirection:P,submenuWidth:240});return(B,V)=>{L(),E(B,V)}},[L,P]);return N.jsx("div",{className:`hans-dropdown ${v}`,...m,children:N.jsx(_u,{isOpen:_,onOpenChange:C,disabled:u,popupBackgroundColor:s,customClasses:"hans-dropdown-popup-wrapper",popupClassName:"hans-dropdown-popup",panelClassName:"hans-dropdown-popup-content",renderTrigger:({toggle:E})=>N.jsxs(Cr,{buttonColor:t,buttonVariant:a,buttonShape:n,buttonSize:i,disabled:u,customClasses:"hans-dropdown-trigger",onClick:E,children:[N.jsx("span",{children:e}),c?N.jsx(Ye,{loadingType:"spinner",loadingSize:"small",loadingColor:f,ariaLabel:"Loading dropdown"}):N.jsx(ft,{name:_?"IoIosArrowUp":"IoIosArrowDown",iconSize:"small"})]}),children:c?N.jsx("div",{className:"hans-dropdown-loading",children:N.jsx(Ye,{loadingType:"skeleton",loadingColor:f,skeletonWidth:"100%",skeletonHeight:"120px",ariaLabel:"Loading dropdown content"})}):A?N.jsx("div",{id:o,className:"hans-dropdown-custom-content",children:p}):N.jsx(gm,{popupId:o,items:h,noOptionsText:d,hoveredPath:x,submenuDirections:w,onItemEnter:O,onListEnter:k,onListLeave:R,onSelect:D})})})});nM.displayName="HansDropdown";const ym=W.memo(r=>{const{label:e="",tagSize:t="small",tagColor:a="base",actionIcon:n="",customClasses:i="",disabled:o=!1,onAction:s,...l}=r,u=!!(s&&n);return N.jsxs("span",{className:`
54
+ `,DE=(r,e)=>{r.disabled||(r.action&&r.action(r),e&&e(r))},LE=({setIsOpen:r,onOpenChange:e})=>t=>{r(t),e&&e(t)},IE=({closeOnSelect:r,setOpen:e,onSelect:t})=>a=>{xE(a)||(DE(a,t),r&&!a.disabled&&e(!1))},PE=({setHoveredPath:r,setSubmenuDirection:e,submenuWidth:t=240})=>(a,n)=>{if(r(a),typeof window>"u")return;const i=n.getBoundingClientRect(),s=window.innerWidth-i.right<t?"left":"right";e(a,s)},kE=({listLeaveTimeoutRef:r})=>()=>{r.current&&(clearTimeout(r.current),r.current=null)},RE=r=>()=>{r()},EE=({clearListLeaveTimeout:r,listLeaveTimeoutRef:e,setHoveredPath:t,closeDelay:a=240})=>(n,i)=>{if(n.length===0)return;const o=i.relatedTarget;if(o instanceof Element&&o.closest(".hans-dropdown-list")){r();return}r(),e.current=setTimeout(()=>{t(TE(n))},a)},gm=W.memo(r=>{const{items:e,noOptionsText:t,hoveredPath:a,submenuDirections:n,parentPath:i="",nested:o=!1,popupId:s,onItemEnter:l,onListEnter:u,onListLeave:c,onSelect:f}=r;return N.jsx(pm,{id:o?void 0:s,className:`hans-dropdown-list ${o?"hans-dropdown-list-nested":""}`,role:"menu",itemRole:"menuitem",items:e,parentPath:i,nested:o,emptyText:t,itemClassName:h=>{const v=n[h.itemPath]??"right";return ME(h,v)},onItemEnter:(h,v)=>l(h.itemPath,v),onListMouseEnter:u,onListMouseLeave:c,onItemClick:h=>f(h),renderTrailing:h=>{if(!h.hasChildren)return null;const v=n[h.itemPath]??"right";return N.jsx(ft,{name:AE(v),iconSize:"small",customClasses:"hans-dropdown-option-arrow"})},renderChildren:h=>!h.hasChildren||!wE(a,h.itemPath)?null:N.jsx(gm,{items:h.item.children,noOptionsText:t,hoveredPath:a,submenuDirections:n,parentPath:h.itemPath,nested:!0,onItemEnter:l,onListEnter:u,onListLeave:c,onSelect:f})})});gm.displayName="HansDropdownItemList";const nM=W.memo(r=>{const{triggerLabel:e="Dropdown",triggerColor:t="base",triggerVariant:a="outline",triggerHoverColor:n,triggerHoverVariant:i,triggerShape:o="square",triggerSize:s="medium",popupId:l="hans-dropdown",popupBackgroundColor:u="var(--background-color, var(--white))",closeOnSelect:c=!0,disabled:f=!1,loading:h=!1,loadingColor:v="base",options:d=[],customClasses:p="",noOptionsText:g="No options",children:y,onSelect:m,onOpenChange:_,...b}=r,[x,S]=W.useState(!1),[w,T]=W.useState(null),[A,C]=W.useState({}),D=SE(y),I=LE({setIsOpen:S,onOpenChange:_}),L=IE({closeOnSelect:c,setOpen:I,onSelect:m}),P=W.useRef(null),k=W.useMemo(()=>kE({listLeaveTimeoutRef:P}),[]),R=W.useCallback((V,G)=>{C(H=>CE(H,V,G))},[]),O=W.useMemo(()=>RE(k),[k]),E=W.useMemo(()=>EE({clearListLeaveTimeout:k,listLeaveTimeoutRef:P,setHoveredPath:T}),[k]);W.useEffect(()=>{x||(k(),T(null),C({}))},[k,x]),W.useEffect(()=>()=>{k()},[k]);const B=W.useMemo(()=>{const V=PE({setHoveredPath:T,setSubmenuDirection:R,submenuWidth:240});return(G,H)=>{k(),V(G,H)}},[k,R]);return N.jsx("div",{className:`hans-dropdown ${p}`,...b,children:N.jsx(_u,{isOpen:x,onOpenChange:I,disabled:f,popupBackgroundColor:u,customClasses:"hans-dropdown-popup-wrapper",popupClassName:"hans-dropdown-popup",panelClassName:"hans-dropdown-popup-content",renderTrigger:({toggle:V})=>N.jsxs(Cr,{buttonColor:t,buttonVariant:a,hoverButtonColor:n,hoverButtonVariant:i,buttonShape:o,buttonSize:s,disabled:f,customClasses:"hans-dropdown-trigger",onClick:V,children:[N.jsx("span",{children:e}),h?N.jsx(Ye,{loadingType:"spinner",loadingSize:"small",loadingColor:v,ariaLabel:"Loading dropdown"}):N.jsx(ft,{name:x?"IoIosArrowUp":"IoIosArrowDown",iconSize:"small"})]}),children:h?N.jsx("div",{className:"hans-dropdown-loading",children:N.jsx(Ye,{loadingType:"skeleton",loadingColor:v,skeletonWidth:"100%",skeletonHeight:"120px",ariaLabel:"Loading dropdown content"})}):D?N.jsx("div",{id:l,className:"hans-dropdown-custom-content",children:y}):N.jsx(gm,{popupId:l,items:d,noOptionsText:g,hoveredPath:w,submenuDirections:A,onItemEnter:B,onListEnter:O,onListLeave:E,onSelect:L})})})});nM.displayName="HansDropdown";const ym=W.memo(r=>{const{label:e="",tagSize:t="small",tagColor:a="base",actionIcon:n="",customClasses:i="",disabled:o=!1,onAction:s,...l}=r,u=!!(s&&n);return N.jsxs("span",{className:`
51
55
  hans-tag
52
56
  hans-tag-${t}
53
57
  hans-tag-${a}
@@ -227,4 +231,4 @@ PERFORMANCE OF THIS SOFTWARE.
227
231
  `,onClick:()=>D(L.id),children:[N.jsx("span",{className:"hans-tab-title",children:L.title}),O?N.jsx("span",{className:"hans-tab-close-wrapper",children:N.jsx("span",{role:"button",tabIndex:0,className:"hans-tab-close","aria-label":`Close ${L.title}`,onClick:E=>I(E,L.id),onKeyDown:E=>{(E.key==="Enter"||E.key===" ")&&(E.preventDefault(),E.stopPropagation(),I(E,L.id))},children:N.jsx(ft,{name:"IoIosCloseCircle",iconSize:"medium"})})}):null]},L.id)})}),N.jsx("div",{className:`
228
232
  hans-tabs-content
229
233
  ${C?`hans-tabs-content-${C.color} hans-tabs-content-${C.variant}`:""}
230
- `,role:"tabpanel",children:l?N.jsx(Ye,{loadingType:"skeleton",loadingColor:u,skeletonWidth:"100%",skeletonHeight:"160px",customClasses:"hans-tabs-content-loading",ariaLabel:"Loading tab content"}):w?.content||N.jsx("p",{className:"hans-tabs-empty",children:c})})]})});jR.displayName="HansTabs";const kee={label:"string",buttonId:"string",buttonSize:{type:"custom",ref:{}},buttonColor:{type:"custom",ref:{}},buttonVariant:{type:"custom",ref:{}},buttonShape:{type:"custom",ref:{}},buttonType:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean",loading:"boolean"},Ree=dt(kee),Eee={triggerLabel:"string",triggerColor:{type:"custom",ref:{}},triggerVariant:{type:"custom",ref:{}},triggerShape:{type:"custom",ref:{}},triggerSize:{type:"custom",ref:{}},popupId:"string",popupBackgroundColor:"string",closeOnSelect:"boolean",disabled:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},options:{type:"custom",ref:{},webComponentType:"property"},customClasses:"string",noOptionsText:"string"},Nee=dt(Eee),Oee={label:"string",labelColor:{type:"custom",ref:{}},placeholder:"string",inputId:"string",inputColor:{type:"custom",ref:{}},inputSize:{type:"custom",ref:{}},message:"string",messageColor:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean",options:{type:"custom",ref:{},webComponentType:"property"},selectionType:{type:"custom",ref:{}},enableAutocomplete:"boolean",value:{type:"custom",ref:{},webComponentType:"property"},defaultValue:{type:"custom",ref:{},webComponentType:"property"},noOptionsText:"string",dropdownBackgroundColor:"string",dropdownHoverColor:"string",isLoadingOptions:"boolean",loadingOptionsText:"string"},Bee=dt(Oee),Vee={toggleMode:{type:"custom",ref:{}},label:"string",labelColor:{type:"custom",ref:{}},leftLabel:"string",rightLabel:"string",checked:"boolean",defaultChecked:"boolean",loading:"boolean",disabled:"boolean",toggleColor:{type:"custom",ref:{}},toggleSize:{type:"custom",ref:{}},onContent:"node",offContent:"node",thumbContent:"node",value:"string",defaultValue:"string",options:{type:"custom",ref:{},webComponentType:"property"},customClasses:"string",inputId:"string"},zee=dt(Vee),Hee={label:"string",labelColor:{type:"custom",ref:{}},placeholder:"string",inputId:"string",inputColor:{type:"custom",ref:{}},inputSize:{type:"custom",ref:{}},message:"string",messageColor:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean",pickerType:{type:"custom",ref:{}},value:"string",defaultValue:"string",calendarColor:{type:"custom",ref:{}},calendarVariant:{type:"custom",ref:{}},popupBackgroundColor:"string",noDateText:"string",clearLabel:"string",todayLabel:"string",applyLabel:"string",timePrecision:{type:"custom",ref:{}},weekStartsOnSunday:"boolean",allowInputTyping:"boolean"},Gee=dt(Hee),Fee={src:"string",alt:"string",avatarSize:{type:"custom",ref:{}},loading:"boolean",customClasses:"string",fallbackIconName:"string"},Wee=dt(Fee),$ee={title:"string",description:"string",imageSrc:"string",imageAlt:"string",avatarSrc:"string",avatarAlt:"string",avatarLoading:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",cardLayout:{type:"custom",ref:{}},cardSize:{type:"custom",ref:{}},cardColor:{type:"custom",ref:{}},cardVariant:{type:"custom",ref:{}},customClasses:"string"},Uee=dt($ee),Yee={items:{type:"custom",ref:{},webComponentType:"property"},activeItemIndex:"number",defaultActiveItemIndex:"number",visibleItemsCount:"number",maxIndicators:"number",removeItemGap:"boolean",infiniteLoop:"boolean",showTextOnTop:"boolean",carouselSize:{type:"custom",ref:{}},carouselColor:{type:"custom",ref:{}},carouselVariant:{type:"custom",ref:{}},showBorder:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",emptyText:"string",customClasses:"string",carouselId:"string"},Zee=dt(Yee),Xee={label:"string",tagSize:{type:"custom",ref:{}},tagColor:{type:"custom",ref:{}},actionIcon:"string",customClasses:"string",disabled:"boolean"},jee=dt(Xee),qee={items:{type:"custom",ref:{},webComponentType:"property"},openItemIds:{type:"custom",ref:{},webComponentType:"property"},defaultOpenItemIds:{type:"custom",ref:{},webComponentType:"property"},allowMultipleOpen:"boolean",titleColor:{type:"custom",ref:{}},titleVariant:{type:"custom",ref:{}},descriptionColor:{type:"custom",ref:{}},descriptionVariant:{type:"custom",ref:{}},loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",skeletonItemsCount:"number",emptyText:"string",customClasses:"string",accordionId:"string"},Kee=dt(qee),Jee={loadingType:{type:"custom",ref:{}},loadingSize:{type:"custom",ref:{}},loadingColor:{type:"custom",ref:{}},skeletonWidth:{type:"custom",ref:{}},skeletonHeight:{type:"custom",ref:{}},rounded:"boolean",customClasses:"string",ariaLabel:"string"},Qee=dt(Jee),ete={columns:{type:"custom",ref:{},webComponentType:"property"},items:{type:"custom",ref:{},webComponentType:"property"},defaultItems:{type:"custom",ref:{},webComponentType:"property"},boardLabel:"string",emptyColumnText:"string",customClasses:"string",columnMinWidth:"string",boardMinHeight:"string",showColumnCounts:"boolean",dragAndDrop:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string"},tte=dt(ete),rte={column:{type:"custom",ref:{},webComponentType:"property"},itemCount:"number",emptyColumnText:"string",showColumnCount:"boolean",isDragOver:"boolean",showDropAtEnd:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",customClasses:"string"},ate=dt(rte),nte={item:{type:"custom",ref:{},webComponentType:"property"},draggable:"boolean",isDragging:"boolean",showDropIndicator:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",customClasses:"string"},ite=dt(nte),ote={isOpen:"boolean",disabled:"boolean",popupBackgroundColor:"string",noContentText:"string",popupClassName:"string",panelClassName:"string",customClasses:"string"},ste=dt(ote),lte={title:"string",message:"node",isVisible:"boolean",defaultVisible:"boolean",duration:"number",toastColor:{type:"custom",ref:{}},toastVariant:{type:"custom",ref:{}},toastSize:{type:"custom",ref:{}},position:{type:"custom",ref:{}},dismissible:"boolean",iconName:"string",stackGap:"number",offset:"number",closeButtonLabel:"string",customClasses:"string",titleClassName:"string",messageClassName:"string"},ute=dt(lte),cte={isOpen:"boolean",defaultOpen:"boolean",modalSize:{type:"custom",ref:{}},modalColor:{type:"custom",ref:{}},modalVariant:{type:"custom",ref:{}},placement:{type:"custom",ref:{}},title:"node",header:"node",footer:"node",dismissible:"boolean",showOverlay:"boolean",closeOnBackdropClick:"boolean",closeOnEscape:"boolean",lockBodyScroll:"boolean",showHeaderDivider:"boolean",showFooterDivider:"boolean",loading:"boolean",confirmLabel:"string",cancelLabel:"string",closeButtonLabel:"string",confirmButtonColor:{type:"custom",ref:{}},cancelButtonColor:{type:"custom",ref:{}},dismissButtonColor:{type:"custom",ref:{}},customClasses:"string",overlayClassName:"string",dialogClassName:"string",headerClassName:"string",bodyClassName:"string",footerClassName:"string",contentClassName:"string",maxBodyHeight:"string"},fte=dt(cte),hte={columns:{type:"custom",ref:{},webComponentType:"property"},rows:{type:"custom",ref:{},webComponentType:"property"},headerColor:{type:"custom",ref:{}},rowColor:{type:"custom",ref:{}},customClasses:"string",emptyText:"string",headerTextColor:{type:"custom",ref:{}},rowTextColor:{type:"custom",ref:{}},borderColor:{type:"custom",ref:{}},dividerColor:{type:"custom",ref:{}},rowHoverColor:{type:"custom",ref:{}},showColumnDividers:"boolean",defaultDropdownFilterClearLabel:"string",isLoading:"boolean",loadingType:{type:"custom",ref:{}},loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",maxHeight:"string",minWidth:"string",striped:"boolean"},vte=dt(hte),dte={tabs:{type:"custom",ref:{},webComponentType:"property"},activeTabId:"string",defaultActiveTabId:"string",tabsColor:{type:"custom",ref:{}},tabsVariant:{type:"custom",ref:{}},tabsSize:{type:"custom",ref:{}},showCloseButton:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},emptyText:"string",customClasses:"string",inputId:"string"},pte=dt(dte),Lh="data-hans-theme-vars",hm="HansUI",vm="data-theme",gte=["combination1","combination2","combination3","combination4","combination5"],Z_=["primary","secondary","success","danger","warning","info","base"],X_=["strong","default","neutral"],dm={backgroundColor:"--background-color",textColor:"--text-color"},Wi=r=>r?.trim()??"",qR=(r,e)=>`--${r}-${e}-color`,j_=()=>typeof document>"u"?[]:[document.documentElement,document.body].filter(r=>!!r),q_=r=>new Set((r.getAttribute(Lh)??"").split(",").map(e=>e.trim()).filter(Boolean)),K_=(r,e)=>{if(e.size===0){r.removeAttribute(Lh);return}r.setAttribute(Lh,[...e].sort().join(","))},KR=()=>{typeof document>"u"||(document.documentElement.removeAttribute(vm),document.body?.removeAttribute(vm))},JR=r=>{const e=[];return Z_.forEach(t=>{X_.forEach(a=>{Wi(r[t]?.[a])||e.push(`${t}.${a}`)})}),Wi(r.backgroundColor)||e.push("backgroundColor"),Wi(r.textColor)||e.push("textColor"),e},QR=r=>{const e=JR(r);if(e.length!==0)throw new Error(`Hans theme requires all 23 color tokens. Missing: ${e.join(", ")}`)},J_=r=>{QR(r);const e={};return Z_.forEach(t=>{X_.forEach(a=>{e[qR(t,a)]=Wi(r[t][a])})}),e[dm.backgroundColor]=Wi(r.backgroundColor),e[dm.textColor]=Wi(r.textColor),e},eE=(r,e={})=>{e.clearDataTheme&&KR();const t=j_();if(t.length===0)return;const a=Object.entries(J_(r));t.forEach(n=>{const i=q_(n);a.forEach(([o,s])=>{n.style.setProperty(o,s),i.add(o)}),K_(n,i)})},tE=()=>{const r=j_();r.length!==0&&r.forEach(e=>{q_(e).forEach(a=>{e.style.removeProperty(a)}),K_(e,new Set)})},yte=()=>{if(typeof window>"u")return;const r=window[hm]??{};window[hm]={...r,setTheme:eE,resetTheme:tE,getThemeVars:J_}};exports.COLOR_TOKEN_MAP=bv;exports.DEFAULT_COMBINATION_COLORS=kR;exports.DynamicIconImports=aM;exports.HANS_THEME_COMBINATIONS=gte;exports.HANS_THEME_DATA_ATTRIBUTE=vm;exports.HANS_THEME_GLOBAL_VAR_MAP=dm;exports.HANS_THEME_MANAGED_ATTR=Lh;exports.HANS_THEME_SEMANTIC_KEYS=Z_;exports.HANS_THEME_TONE_LEVELS=X_;exports.HANS_THEME_WINDOW_KEY=hm;exports.HansAccordion=BR;exports.HansAccordionPropsList=Kee;exports.HansAvatar=Ih;exports.HansAvatarPropsList=Wee;exports.HansButton=Cr;exports.HansButtonPropsList=Ree;exports.HansCard=wm;exports.HansCardPropsList=Uee;exports.HansCarousel=_M;exports.HansCarouselPropsList=Zee;exports.HansChart=OR;exports.HansChartPropsList=eQ;exports.HansDatePicker=mM;exports.HansDatePickerPropsList=Gee;exports.HansDropdown=nM;exports.HansDropdownPropsList=Nee;exports.HansIcon=ft;exports.HansIconPropsList=uE;exports.HansInput=ys;exports.HansKanban=HR;exports.HansKanbanColumn=U_;exports.HansKanbanColumnPropsList=ate;exports.HansKanbanItem=Y_;exports.HansKanbanItemPropsList=ite;exports.HansKanbanPropsList=tte;exports.HansLoading=Ye;exports.HansLoadingPropsList=Qee;exports.HansModal=$R;exports.HansModalPropsList=fte;exports.HansPopup=_u;exports.HansPopupPropsList=ste;exports.HansSelectOption=mm;exports.HansSelectOptionPropsList=Bee;exports.HansTable=ZR;exports.HansTablePropsList=vte;exports.HansTabs=jR;exports.HansTabsPropsList=pte;exports.HansTag=ym;exports.HansTagPropsList=jee;exports.HansToast=FR;exports.HansToastPropsList=ute;exports.HansToggle=cM;exports.HansTogglePropsList=zee;exports.assertCompleteHansTheme=QR;exports.clearThemeAttribute=KR;exports.getHansThemeVars=J_;exports.getManagedThemeVars=q_;exports.getMissingThemeEntries=JR;exports.getThemeCssVarName=qR;exports.getThemeTargets=j_;exports.normalizeThemeValue=Wi;exports.registerHansThemeApi=yte;exports.resetHansTheme=tE;exports.setHansTheme=eE;exports.setManagedThemeVars=K_;
234
+ `,role:"tabpanel",children:l?N.jsx(Ye,{loadingType:"skeleton",loadingColor:u,skeletonWidth:"100%",skeletonHeight:"160px",customClasses:"hans-tabs-content-loading",ariaLabel:"Loading tab content"}):w?.content||N.jsx("p",{className:"hans-tabs-empty",children:c})})]})});jR.displayName="HansTabs";const kee={label:"string",buttonId:"string",buttonSize:{type:"custom",ref:{}},buttonColor:{type:"custom",ref:{}},buttonVariant:{type:"custom",ref:{}},hoverButtonColor:{type:"custom",ref:{}},hoverButtonVariant:{type:"custom",ref:{}},buttonShape:{type:"custom",ref:{}},buttonType:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean",loading:"boolean"},Ree=dt(kee),Eee={triggerLabel:"string",triggerColor:{type:"custom",ref:{}},triggerVariant:{type:"custom",ref:{}},triggerHoverColor:{type:"custom",ref:{}},triggerHoverVariant:{type:"custom",ref:{}},triggerShape:{type:"custom",ref:{}},triggerSize:{type:"custom",ref:{}},popupId:"string",popupBackgroundColor:"string",closeOnSelect:"boolean",disabled:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},options:{type:"custom",ref:{},webComponentType:"property"},customClasses:"string",noOptionsText:"string"},Nee=dt(Eee),Oee={label:"string",labelColor:{type:"custom",ref:{}},placeholder:"string",inputId:"string",inputColor:{type:"custom",ref:{}},inputSize:{type:"custom",ref:{}},message:"string",messageColor:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean",options:{type:"custom",ref:{},webComponentType:"property"},selectionType:{type:"custom",ref:{}},enableAutocomplete:"boolean",value:{type:"custom",ref:{},webComponentType:"property"},defaultValue:{type:"custom",ref:{},webComponentType:"property"},noOptionsText:"string",dropdownBackgroundColor:"string",dropdownHoverColor:"string",isLoadingOptions:"boolean",loadingOptionsText:"string"},Bee=dt(Oee),Vee={toggleMode:{type:"custom",ref:{}},label:"string",labelColor:{type:"custom",ref:{}},leftLabel:"string",rightLabel:"string",checked:"boolean",defaultChecked:"boolean",loading:"boolean",disabled:"boolean",toggleColor:{type:"custom",ref:{}},toggleSize:{type:"custom",ref:{}},onContent:"node",offContent:"node",thumbContent:"node",value:"string",defaultValue:"string",options:{type:"custom",ref:{},webComponentType:"property"},customClasses:"string",inputId:"string"},zee=dt(Vee),Hee={label:"string",labelColor:{type:"custom",ref:{}},placeholder:"string",inputId:"string",inputColor:{type:"custom",ref:{}},inputSize:{type:"custom",ref:{}},message:"string",messageColor:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean",pickerType:{type:"custom",ref:{}},value:"string",defaultValue:"string",calendarColor:{type:"custom",ref:{}},calendarVariant:{type:"custom",ref:{}},popupBackgroundColor:"string",noDateText:"string",clearLabel:"string",todayLabel:"string",applyLabel:"string",timePrecision:{type:"custom",ref:{}},weekStartsOnSunday:"boolean",allowInputTyping:"boolean"},Gee=dt(Hee),Fee={src:"string",alt:"string",avatarSize:{type:"custom",ref:{}},loading:"boolean",customClasses:"string",fallbackIconName:"string"},Wee=dt(Fee),$ee={title:"string",description:"string",imageSrc:"string",imageAlt:"string",avatarSrc:"string",avatarAlt:"string",avatarLoading:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",cardLayout:{type:"custom",ref:{}},cardSize:{type:"custom",ref:{}},cardColor:{type:"custom",ref:{}},cardVariant:{type:"custom",ref:{}},customClasses:"string"},Uee=dt($ee),Yee={items:{type:"custom",ref:{},webComponentType:"property"},activeItemIndex:"number",defaultActiveItemIndex:"number",visibleItemsCount:"number",maxIndicators:"number",removeItemGap:"boolean",infiniteLoop:"boolean",showTextOnTop:"boolean",carouselSize:{type:"custom",ref:{}},carouselColor:{type:"custom",ref:{}},carouselVariant:{type:"custom",ref:{}},showBorder:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",emptyText:"string",customClasses:"string",carouselId:"string"},Zee=dt(Yee),Xee={label:"string",tagSize:{type:"custom",ref:{}},tagColor:{type:"custom",ref:{}},actionIcon:"string",customClasses:"string",disabled:"boolean"},jee=dt(Xee),qee={items:{type:"custom",ref:{},webComponentType:"property"},openItemIds:{type:"custom",ref:{},webComponentType:"property"},defaultOpenItemIds:{type:"custom",ref:{},webComponentType:"property"},allowMultipleOpen:"boolean",titleColor:{type:"custom",ref:{}},titleVariant:{type:"custom",ref:{}},descriptionColor:{type:"custom",ref:{}},descriptionVariant:{type:"custom",ref:{}},loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",skeletonItemsCount:"number",emptyText:"string",customClasses:"string",accordionId:"string"},Kee=dt(qee),Jee={loadingType:{type:"custom",ref:{}},loadingSize:{type:"custom",ref:{}},loadingColor:{type:"custom",ref:{}},skeletonWidth:{type:"custom",ref:{}},skeletonHeight:{type:"custom",ref:{}},rounded:"boolean",customClasses:"string",ariaLabel:"string"},Qee=dt(Jee),ete={columns:{type:"custom",ref:{},webComponentType:"property"},items:{type:"custom",ref:{},webComponentType:"property"},defaultItems:{type:"custom",ref:{},webComponentType:"property"},boardLabel:"string",emptyColumnText:"string",customClasses:"string",columnMinWidth:"string",boardMinHeight:"string",showColumnCounts:"boolean",dragAndDrop:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string"},tte=dt(ete),rte={column:{type:"custom",ref:{},webComponentType:"property"},itemCount:"number",emptyColumnText:"string",showColumnCount:"boolean",isDragOver:"boolean",showDropAtEnd:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",customClasses:"string"},ate=dt(rte),nte={item:{type:"custom",ref:{},webComponentType:"property"},draggable:"boolean",isDragging:"boolean",showDropIndicator:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",customClasses:"string"},ite=dt(nte),ote={isOpen:"boolean",disabled:"boolean",popupBackgroundColor:"string",noContentText:"string",popupClassName:"string",panelClassName:"string",customClasses:"string"},ste=dt(ote),lte={title:"string",message:"node",isVisible:"boolean",defaultVisible:"boolean",duration:"number",toastColor:{type:"custom",ref:{}},toastVariant:{type:"custom",ref:{}},toastSize:{type:"custom",ref:{}},position:{type:"custom",ref:{}},dismissible:"boolean",iconName:"string",stackGap:"number",offset:"number",closeButtonLabel:"string",customClasses:"string",titleClassName:"string",messageClassName:"string"},ute=dt(lte),cte={isOpen:"boolean",defaultOpen:"boolean",modalSize:{type:"custom",ref:{}},modalColor:{type:"custom",ref:{}},modalVariant:{type:"custom",ref:{}},placement:{type:"custom",ref:{}},title:"node",header:"node",footer:"node",dismissible:"boolean",showOverlay:"boolean",closeOnBackdropClick:"boolean",closeOnEscape:"boolean",lockBodyScroll:"boolean",showHeaderDivider:"boolean",showFooterDivider:"boolean",loading:"boolean",confirmLabel:"string",cancelLabel:"string",closeButtonLabel:"string",confirmButtonColor:{type:"custom",ref:{}},cancelButtonColor:{type:"custom",ref:{}},dismissButtonColor:{type:"custom",ref:{}},customClasses:"string",overlayClassName:"string",dialogClassName:"string",headerClassName:"string",bodyClassName:"string",footerClassName:"string",contentClassName:"string",maxBodyHeight:"string"},fte=dt(cte),hte={columns:{type:"custom",ref:{},webComponentType:"property"},rows:{type:"custom",ref:{},webComponentType:"property"},headerColor:{type:"custom",ref:{}},rowColor:{type:"custom",ref:{}},customClasses:"string",emptyText:"string",headerTextColor:{type:"custom",ref:{}},rowTextColor:{type:"custom",ref:{}},borderColor:{type:"custom",ref:{}},dividerColor:{type:"custom",ref:{}},rowHoverColor:{type:"custom",ref:{}},showColumnDividers:"boolean",defaultDropdownFilterClearLabel:"string",isLoading:"boolean",loadingType:{type:"custom",ref:{}},loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",maxHeight:"string",minWidth:"string",striped:"boolean"},vte=dt(hte),dte={tabs:{type:"custom",ref:{},webComponentType:"property"},activeTabId:"string",defaultActiveTabId:"string",tabsColor:{type:"custom",ref:{}},tabsVariant:{type:"custom",ref:{}},tabsSize:{type:"custom",ref:{}},showCloseButton:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},emptyText:"string",customClasses:"string",inputId:"string"},pte=dt(dte),Lh="data-hans-theme-vars",hm="HansUI",vm="data-theme",gte=["combination1","combination2","combination3","combination4","combination5"],Z_=["primary","secondary","success","danger","warning","info","base"],X_=["strong","default","neutral"],dm={backgroundColor:"--background-color",textColor:"--text-color"},Wi=r=>r?.trim()??"",qR=(r,e)=>`--${r}-${e}-color`,j_=()=>typeof document>"u"?[]:[document.documentElement,document.body].filter(r=>!!r),q_=r=>new Set((r.getAttribute(Lh)??"").split(",").map(e=>e.trim()).filter(Boolean)),K_=(r,e)=>{if(e.size===0){r.removeAttribute(Lh);return}r.setAttribute(Lh,[...e].sort().join(","))},KR=()=>{typeof document>"u"||(document.documentElement.removeAttribute(vm),document.body?.removeAttribute(vm))},JR=r=>{const e=[];return Z_.forEach(t=>{X_.forEach(a=>{Wi(r[t]?.[a])||e.push(`${t}.${a}`)})}),Wi(r.backgroundColor)||e.push("backgroundColor"),Wi(r.textColor)||e.push("textColor"),e},QR=r=>{const e=JR(r);if(e.length!==0)throw new Error(`Hans theme requires all 23 color tokens. Missing: ${e.join(", ")}`)},J_=r=>{QR(r);const e={};return Z_.forEach(t=>{X_.forEach(a=>{e[qR(t,a)]=Wi(r[t][a])})}),e[dm.backgroundColor]=Wi(r.backgroundColor),e[dm.textColor]=Wi(r.textColor),e},eE=(r,e={})=>{e.clearDataTheme&&KR();const t=j_();if(t.length===0)return;const a=Object.entries(J_(r));t.forEach(n=>{const i=q_(n);a.forEach(([o,s])=>{n.style.setProperty(o,s),i.add(o)}),K_(n,i)})},tE=()=>{const r=j_();r.length!==0&&r.forEach(e=>{q_(e).forEach(a=>{e.style.removeProperty(a)}),K_(e,new Set)})},yte=()=>{if(typeof window>"u")return;const r=window[hm]??{};window[hm]={...r,setTheme:eE,resetTheme:tE,getThemeVars:J_}};exports.COLOR_TOKEN_MAP=bv;exports.DEFAULT_COMBINATION_COLORS=kR;exports.DynamicIconImports=aM;exports.HANS_THEME_COMBINATIONS=gte;exports.HANS_THEME_DATA_ATTRIBUTE=vm;exports.HANS_THEME_GLOBAL_VAR_MAP=dm;exports.HANS_THEME_MANAGED_ATTR=Lh;exports.HANS_THEME_SEMANTIC_KEYS=Z_;exports.HANS_THEME_TONE_LEVELS=X_;exports.HANS_THEME_WINDOW_KEY=hm;exports.HansAccordion=BR;exports.HansAccordionPropsList=Kee;exports.HansAvatar=Ih;exports.HansAvatarPropsList=Wee;exports.HansButton=Cr;exports.HansButtonPropsList=Ree;exports.HansCard=wm;exports.HansCardPropsList=Uee;exports.HansCarousel=_M;exports.HansCarouselPropsList=Zee;exports.HansChart=OR;exports.HansChartPropsList=eQ;exports.HansDatePicker=mM;exports.HansDatePickerPropsList=Gee;exports.HansDropdown=nM;exports.HansDropdownPropsList=Nee;exports.HansIcon=ft;exports.HansIconPropsList=uE;exports.HansInput=ys;exports.HansKanban=HR;exports.HansKanbanColumn=U_;exports.HansKanbanColumnPropsList=ate;exports.HansKanbanItem=Y_;exports.HansKanbanItemPropsList=ite;exports.HansKanbanPropsList=tte;exports.HansLoading=Ye;exports.HansLoadingPropsList=Qee;exports.HansModal=$R;exports.HansModalPropsList=fte;exports.HansPopup=_u;exports.HansPopupPropsList=ste;exports.HansSelectOption=mm;exports.HansSelectOptionPropsList=Bee;exports.HansTable=ZR;exports.HansTablePropsList=vte;exports.HansTabs=jR;exports.HansTabsPropsList=pte;exports.HansTag=ym;exports.HansTagPropsList=jee;exports.HansToast=FR;exports.HansToastPropsList=ute;exports.HansToggle=cM;exports.HansTogglePropsList=zee;exports.assertCompleteHansTheme=QR;exports.clearThemeAttribute=KR;exports.getHansThemeVars=J_;exports.getManagedThemeVars=q_;exports.getMissingThemeEntries=JR;exports.getThemeCssVarName=qR;exports.getThemeTargets=j_;exports.normalizeThemeValue=Wi;exports.registerHansThemeApi=yte;exports.resetHansTheme=tE;exports.setHansTheme=eE;exports.setManagedThemeVars=K_;
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);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-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-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-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-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-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-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-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-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{--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-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-dropdown{width:100%}.hans-dropdown-popup-wrapper.hans-popup{width:auto;display:inline-block}.hans-dropdown-trigger{justify-content:space-between;min-width:120px}.hans-dropdown-popup{width:max-content;min-width:max(100%,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);white-space:nowrap;display:flex;position:relative}.hans-dropdown-option:hover{background-color:var(--base-neutral-color)}.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-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-select-option-popup-content{padding:calc(var(--spacing)*0)}.hans-select-option-field .hans-popup-panel[data-direction=up]{bottom:calc(100% - var(--hans-select-option-up-offset,0px))}.hans-select-option-field .hans-popup-panel[data-direction=down]{top:calc(100% - var(--hans-select-option-down-offset,0px))}.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-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);background-color:var(--white);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);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{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-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{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{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{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);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-300);background-color:var(--white);width:100%;padding:calc(var(--spacing)*3)}.hans-chart-canvas{width:100%;height: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-popup{width:100%;position:relative}.hans-popup-panel{left:calc(var(--spacing)*0);z-index:9999;min-width:100%;position:absolute}.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)}.hans-modal-medium.hans-modal-placement-center{max-width:var(--container-2xl)}.hans-modal-large.hans-modal-placement-center{max-width:var(--container-5xl)}.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{align-items:flex-start;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{min-height:calc(var(--spacing)*0);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);max-height:var(--hans-modal-body-max-height);flex-direction:column;flex:1;display:flex;overflow:auto}.hans-modal-body-content{flex-direction:column;flex:1;height:100%;min-height:100%;display:flex}.hans-modal-body-loading{justify-content:center;align-items:center;min-height:18rem}.hans-modal-footer{justify-content:flex-end;align-items:center;gap:calc(var(--spacing)*3);flex-wrap:wrap;margin-top:auto;display:flex}.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);flex:1;margin-right:auto;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{.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-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}.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-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}.\!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)}.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-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-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-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-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-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-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-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-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-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-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-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-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-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-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{--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-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-dropdown{width:100%}.hans-dropdown-popup-wrapper.hans-popup{width:auto;display:inline-block}.hans-dropdown-trigger{justify-content:space-between;min-width:120px}.hans-dropdown-popup{width:max-content;min-width:max(100%,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);white-space:nowrap;display:flex;position:relative}.hans-dropdown-option:hover{background-color:var(--base-neutral-color)}.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-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-select-option-popup-content{padding:calc(var(--spacing)*0)}.hans-select-option-field .hans-popup-panel[data-direction=up]{bottom:calc(100% - var(--hans-select-option-up-offset,0px))}.hans-select-option-field .hans-popup-panel[data-direction=down]{top:calc(100% - var(--hans-select-option-down-offset,0px))}.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-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);background-color:var(--white);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);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{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-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{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{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{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);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-300);background-color:var(--white);width:100%;padding:calc(var(--spacing)*3)}.hans-chart-canvas{width:100%;height: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-popup{width:100%;position:relative}.hans-popup-panel{left:calc(var(--spacing)*0);z-index:9999;min-width:100%;position:absolute}.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)}.hans-modal-medium.hans-modal-placement-center{max-width:var(--container-2xl)}.hans-modal-large.hans-modal-placement-center{max-width:var(--container-5xl)}.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{align-items:flex-start;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{min-height:calc(var(--spacing)*0);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);max-height:var(--hans-modal-body-max-height);flex-direction:column;flex:1;display:flex;overflow:auto}.hans-modal-body-content{flex-direction:column;flex:1;height:100%;min-height:100%;display:flex}.hans-modal-body-loading{justify-content:center;align-items:center;min-height:18rem}.hans-modal-footer{justify-content:flex-end;align-items:center;gap:calc(var(--spacing)*3);flex-wrap:wrap;margin-top:auto;display:flex}.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);flex:1;margin-right:auto;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{.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-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}.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-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}.\!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)}.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
@@ -131,7 +131,7 @@ export declare const HansButton: default_2.MemoExoticComponent<(props: HansButto
131
131
 
132
132
  export declare type HansButtonProps = InferPropsFromSchema<typeof HansButtonSchema> & default_2.ButtonHTMLAttributes<HTMLButtonElement>;
133
133
 
134
- export declare const HansButtonPropsList: Partial<Record<"label" | "buttonId" | "buttonSize" | "buttonColor" | "buttonVariant" | "buttonShape" | "buttonType" | "customClasses" | "disabled" | "loading", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
134
+ export declare const HansButtonPropsList: Partial<Record<"label" | "buttonId" | "buttonSize" | "buttonColor" | "buttonVariant" | "hoverButtonColor" | "hoverButtonVariant" | "buttonShape" | "buttonType" | "customClasses" | "disabled" | "loading", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
135
135
 
136
136
  declare const HansButtonSchema: {
137
137
  readonly label: "string";
@@ -148,6 +148,14 @@ declare const HansButtonSchema: {
148
148
  readonly type: "custom";
149
149
  readonly ref: Variant;
150
150
  };
151
+ readonly hoverButtonColor: {
152
+ readonly type: "custom";
153
+ readonly ref: Color;
154
+ };
155
+ readonly hoverButtonVariant: {
156
+ readonly type: "custom";
157
+ readonly ref: Variant;
158
+ };
151
159
  readonly buttonShape: {
152
160
  readonly type: "custom";
153
161
  readonly ref: ButtonShape;
@@ -414,7 +422,7 @@ export declare type HansDropdownProps = InferPropsFromSchema<typeof HansDropdown
414
422
  onOpenChange?: (open: boolean) => void;
415
423
  };
416
424
 
417
- export declare const HansDropdownPropsList: Partial<Record<"customClasses" | "disabled" | "loading" | "loadingColor" | "popupBackgroundColor" | "triggerLabel" | "triggerColor" | "triggerVariant" | "triggerShape" | "triggerSize" | "popupId" | "closeOnSelect" | "options" | "noOptionsText", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
425
+ export declare const HansDropdownPropsList: Partial<Record<"customClasses" | "disabled" | "loading" | "loadingColor" | "popupBackgroundColor" | "triggerLabel" | "triggerColor" | "triggerVariant" | "triggerHoverColor" | "triggerHoverVariant" | "triggerShape" | "triggerSize" | "popupId" | "closeOnSelect" | "options" | "noOptionsText", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
418
426
 
419
427
  declare const HansDropdownSchema: {
420
428
  readonly triggerLabel: "string";
@@ -426,6 +434,14 @@ declare const HansDropdownSchema: {
426
434
  readonly type: "custom";
427
435
  readonly ref: Variant;
428
436
  };
437
+ readonly triggerHoverColor: {
438
+ readonly type: "custom";
439
+ readonly ref: Color;
440
+ };
441
+ readonly triggerHoverVariant: {
442
+ readonly type: "custom";
443
+ readonly ref: Variant;
444
+ };
429
445
  readonly triggerShape: {
430
446
  readonly type: "custom";
431
447
  readonly ref: ButtonShape;
package/dist/index.es.js CHANGED
@@ -126,30 +126,35 @@ const Vr = W.memo((r) => {
126
126
  buttonSize: a = "medium",
127
127
  buttonColor: n = "primary",
128
128
  buttonVariant: i = "default",
129
- buttonShape: o = "rounded",
130
- buttonType: s = "button",
131
- customClasses: l = "",
132
- disabled: u = !1,
133
- loading: c = !1,
134
- children: f,
135
- ...h
136
- } = r, v = u || c, d = {
129
+ hoverButtonColor: o,
130
+ hoverButtonVariant: s,
131
+ buttonShape: l = "rounded",
132
+ buttonType: u = "button",
133
+ customClasses: c = "",
134
+ disabled: f = !1,
135
+ loading: h = !1,
136
+ children: v,
137
+ ...d
138
+ } = r, p = f || h, g = o ?? (s ? n : void 0), y = s ?? (o ? i : void 0), m = g && y ? `
139
+ hans-button-hover-color-${g}
140
+ hans-button-hover-variant-${y}
141
+ ` : "", _ = {
137
142
  small: { width: "72px", height: "32px" },
138
143
  medium: { width: "88px", height: "40px" },
139
144
  large: { width: "104px", height: "48px" }
140
145
  };
141
- if (c) {
142
- const p = d[a];
146
+ if (h) {
147
+ const b = _[a];
143
148
  return /* @__PURE__ */ N.jsx(
144
149
  Ye,
145
150
  {
146
151
  id: t,
147
152
  loadingType: "skeleton",
148
153
  loadingSize: a,
149
- skeletonWidth: p.width,
150
- skeletonHeight: p.height,
151
- rounded: o === "rounded",
152
- customClasses: `hans-button-loading ${l}`,
154
+ skeletonWidth: b.width,
155
+ skeletonHeight: b.height,
156
+ rounded: l === "rounded",
157
+ customClasses: `hans-button-loading ${c}`,
153
158
  ariaLabel: "Loading button"
154
159
  }
155
160
  );
@@ -158,18 +163,19 @@ const Vr = W.memo((r) => {
158
163
  "button",
159
164
  {
160
165
  id: t,
161
- type: s,
162
- disabled: v,
166
+ type: u,
167
+ disabled: p,
163
168
  className: `
164
169
  hans-button
165
170
  hans-button-${a}
166
171
  hans-button-${n}
167
172
  hans-button-${i}
168
- hans-button-${o}
169
- ${l}
173
+ hans-button-${l}
174
+ ${m}
175
+ ${c}
170
176
  `,
171
- ...h,
172
- children: /* @__PURE__ */ N.jsx("slot", { children: f ?? (e && /* @__PURE__ */ N.jsx("span", { children: e })) })
177
+ ...d,
178
+ children: /* @__PURE__ */ N.jsx("slot", { children: v ?? (e && /* @__PURE__ */ N.jsx("span", { children: e })) })
173
179
  }
174
180
  );
175
181
  });
@@ -697,125 +703,129 @@ const gE = W.memo((r) => {
697
703
  triggerLabel: e = "Dropdown",
698
704
  triggerColor: t = "base",
699
705
  triggerVariant: a = "outline",
700
- triggerShape: n = "square",
701
- triggerSize: i = "medium",
702
- popupId: o = "hans-dropdown",
703
- popupBackgroundColor: s = "var(--background-color, var(--white))",
704
- closeOnSelect: l = !0,
705
- disabled: u = !1,
706
- loading: c = !1,
707
- loadingColor: f = "base",
708
- options: h = [],
709
- customClasses: v = "",
710
- noOptionsText: d = "No options",
711
- children: p,
712
- onSelect: g,
713
- onOpenChange: y,
714
- ...m
715
- } = r, [_, b] = W.useState(!1), [S, x] = W.useState(null), [w, T] = W.useState({}), A = rE(p), C = cE({ setIsOpen: b, onOpenChange: y }), D = fE({
716
- closeOnSelect: l,
717
- setOpen: C,
718
- onSelect: g
719
- }), L = W.useRef(
706
+ triggerHoverColor: n,
707
+ triggerHoverVariant: i,
708
+ triggerShape: o = "square",
709
+ triggerSize: s = "medium",
710
+ popupId: l = "hans-dropdown",
711
+ popupBackgroundColor: u = "var(--background-color, var(--white))",
712
+ closeOnSelect: c = !0,
713
+ disabled: f = !1,
714
+ loading: h = !1,
715
+ loadingColor: v = "base",
716
+ options: d = [],
717
+ customClasses: p = "",
718
+ noOptionsText: g = "No options",
719
+ children: y,
720
+ onSelect: m,
721
+ onOpenChange: _,
722
+ ...b
723
+ } = r, [S, x] = W.useState(!1), [w, T] = W.useState(null), [A, C] = W.useState({}), D = rE(y), L = cE({ setIsOpen: x, onOpenChange: _ }), I = fE({
724
+ closeOnSelect: c,
725
+ setOpen: L,
726
+ onSelect: m
727
+ }), P = W.useRef(
720
728
  null
721
- ), I = W.useMemo(
722
- () => vE({ listLeaveTimeoutRef: L }),
729
+ ), k = W.useMemo(
730
+ () => vE({ listLeaveTimeoutRef: P }),
723
731
  []
724
- ), P = W.useCallback(
725
- (E, B) => {
726
- T((V) => oE(V, E, B));
732
+ ), R = W.useCallback(
733
+ (V, H) => {
734
+ C((G) => oE(G, V, H));
727
735
  },
728
736
  []
729
- ), k = W.useMemo(
730
- () => dE(I),
731
- [I]
732
- ), R = W.useMemo(
737
+ ), O = W.useMemo(
738
+ () => dE(k),
739
+ [k]
740
+ ), E = W.useMemo(
733
741
  () => pE({
734
- clearListLeaveTimeout: I,
735
- listLeaveTimeoutRef: L,
736
- setHoveredPath: x
742
+ clearListLeaveTimeout: k,
743
+ listLeaveTimeoutRef: P,
744
+ setHoveredPath: T
737
745
  }),
738
- [I]
746
+ [k]
739
747
  );
740
748
  W.useEffect(() => {
741
- _ || (I(), x(null), T({}));
742
- }, [I, _]), W.useEffect(
749
+ S || (k(), T(null), C({}));
750
+ }, [k, S]), W.useEffect(
743
751
  () => () => {
744
- I();
752
+ k();
745
753
  },
746
- [I]
754
+ [k]
747
755
  );
748
- const O = W.useMemo(() => {
749
- const E = hE({
750
- setHoveredPath: x,
751
- setSubmenuDirection: P,
756
+ const B = W.useMemo(() => {
757
+ const V = hE({
758
+ setHoveredPath: T,
759
+ setSubmenuDirection: R,
752
760
  submenuWidth: 240
753
761
  });
754
- return (B, V) => {
755
- I(), E(B, V);
762
+ return (H, G) => {
763
+ k(), V(H, G);
756
764
  };
757
- }, [I, P]);
758
- return /* @__PURE__ */ N.jsx("div", { className: `hans-dropdown ${v}`, ...m, children: /* @__PURE__ */ N.jsx(
765
+ }, [k, R]);
766
+ return /* @__PURE__ */ N.jsx("div", { className: `hans-dropdown ${p}`, ...b, children: /* @__PURE__ */ N.jsx(
759
767
  Dh,
760
768
  {
761
- isOpen: _,
762
- onOpenChange: C,
763
- disabled: u,
764
- popupBackgroundColor: s,
769
+ isOpen: S,
770
+ onOpenChange: L,
771
+ disabled: f,
772
+ popupBackgroundColor: u,
765
773
  customClasses: "hans-dropdown-popup-wrapper",
766
774
  popupClassName: "hans-dropdown-popup",
767
775
  panelClassName: "hans-dropdown-popup-content",
768
- renderTrigger: ({ toggle: E }) => /* @__PURE__ */ N.jsxs(
776
+ renderTrigger: ({ toggle: V }) => /* @__PURE__ */ N.jsxs(
769
777
  Vr,
770
778
  {
771
779
  buttonColor: t,
772
780
  buttonVariant: a,
773
- buttonShape: n,
774
- buttonSize: i,
775
- disabled: u,
781
+ hoverButtonColor: n,
782
+ hoverButtonVariant: i,
783
+ buttonShape: o,
784
+ buttonSize: s,
785
+ disabled: f,
776
786
  customClasses: "hans-dropdown-trigger",
777
- onClick: E,
787
+ onClick: V,
778
788
  children: [
779
789
  /* @__PURE__ */ N.jsx("span", { children: e }),
780
- c ? /* @__PURE__ */ N.jsx(
790
+ h ? /* @__PURE__ */ N.jsx(
781
791
  Ye,
782
792
  {
783
793
  loadingType: "spinner",
784
794
  loadingSize: "small",
785
- loadingColor: f,
795
+ loadingColor: v,
786
796
  ariaLabel: "Loading dropdown"
787
797
  }
788
798
  ) : /* @__PURE__ */ N.jsx(
789
799
  yt,
790
800
  {
791
- name: _ ? "IoIosArrowUp" : "IoIosArrowDown",
801
+ name: S ? "IoIosArrowUp" : "IoIosArrowDown",
792
802
  iconSize: "small"
793
803
  }
794
804
  )
795
805
  ]
796
806
  }
797
807
  ),
798
- children: c ? /* @__PURE__ */ N.jsx("div", { className: "hans-dropdown-loading", children: /* @__PURE__ */ N.jsx(
808
+ children: h ? /* @__PURE__ */ N.jsx("div", { className: "hans-dropdown-loading", children: /* @__PURE__ */ N.jsx(
799
809
  Ye,
800
810
  {
801
811
  loadingType: "skeleton",
802
- loadingColor: f,
812
+ loadingColor: v,
803
813
  skeletonWidth: "100%",
804
814
  skeletonHeight: "120px",
805
815
  ariaLabel: "Loading dropdown content"
806
816
  }
807
- ) }) : A ? /* @__PURE__ */ N.jsx("div", { id: o, className: "hans-dropdown-custom-content", children: p }) : /* @__PURE__ */ N.jsx(
817
+ ) }) : D ? /* @__PURE__ */ N.jsx("div", { id: l, className: "hans-dropdown-custom-content", children: y }) : /* @__PURE__ */ N.jsx(
808
818
  hm,
809
819
  {
810
- popupId: o,
811
- items: h,
812
- noOptionsText: d,
813
- hoveredPath: S,
814
- submenuDirections: w,
815
- onItemEnter: O,
816
- onListEnter: k,
817
- onListLeave: R,
818
- onSelect: D
820
+ popupId: l,
821
+ items: d,
822
+ noOptionsText: g,
823
+ hoveredPath: w,
824
+ submenuDirections: A,
825
+ onItemEnter: B,
826
+ onListEnter: O,
827
+ onListLeave: E,
828
+ onSelect: I
819
829
  }
820
830
  )
821
831
  }
@@ -52079,6 +52089,8 @@ const Tee = {
52079
52089
  buttonSize: { type: "custom", ref: {} },
52080
52090
  buttonColor: { type: "custom", ref: {} },
52081
52091
  buttonVariant: { type: "custom", ref: {} },
52092
+ hoverButtonColor: { type: "custom", ref: {} },
52093
+ hoverButtonVariant: { type: "custom", ref: {} },
52082
52094
  buttonShape: { type: "custom", ref: {} },
52083
52095
  buttonType: { type: "custom", ref: {} },
52084
52096
  customClasses: "string",
@@ -52088,6 +52100,8 @@ const Tee = {
52088
52100
  triggerLabel: "string",
52089
52101
  triggerColor: { type: "custom", ref: {} },
52090
52102
  triggerVariant: { type: "custom", ref: {} },
52103
+ triggerHoverColor: { type: "custom", ref: {} },
52104
+ triggerHoverVariant: { type: "custom", ref: {} },
52091
52105
  triggerShape: { type: "custom", ref: {} },
52092
52106
  triggerSize: { type: "custom", ref: {} },
52093
52107
  popupId: "string",
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "hans-ui-design-lib",
3
3
  "description": "UI Design System Base Lib",
4
4
  "author": "Victor Hanszman",
5
- "version": "1.0.11",
5
+ "version": "1.0.12",
6
6
  "type": "module",
7
7
  "license": "MIT",
8
8
  "main": "dist/index.cjs.js",