hans-ui-design-lib 1.0.14 → 1.0.15

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 (5) hide show
  1. package/dist/index.cjs.js +2 -2
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +6 -2
  4. package/dist/index.es.js +64 -45
  5. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -88,7 +88,7 @@
88
88
  hans-card-${r}
89
89
  hans-card-${e}
90
90
  ${t}
91
- `,UN=({cardColor:r,cardVariant:e,imageSrc:t})=>{const a=`--${r}`,n=r==="base",o={strong:{bg:`var(${a}-strong-color)`,border:`var(${a}-strong-color)`,text:"var(--white)",muted:"color-mix(in srgb, var(--white) 76%, transparent)"},default:{bg:`var(${a}-default-color)`,border:`var(${a}-default-color)`,text:n?"var(--text-color)":"var(--white)",muted:n?"color-mix(in srgb, var(--text-color) 72%, transparent)":"color-mix(in srgb, var(--white) 76%, transparent)"},neutral:{bg:`var(${a}-neutral-color)`,border:`var(${a}-neutral-color)`,text:n?"var(--text-color)":`var(${a}-strong-color)`,muted:n?"color-mix(in srgb, var(--text-color) 68%, transparent)":`color-mix(in srgb, var(${a}-strong-color) 72%, transparent)`},inverse:{bg:"var(--white)",border:"var(--white)",text:n?"var(--base-default-color)":`var(${a}-default-color)`,muted:n?"color-mix(in srgb, var(--base-default-color) 68%, transparent)":`color-mix(in srgb, var(${a}-default-color) 72%, transparent)`},outline:{bg:"var(--white)",border:`var(${a}-default-color)`,text:n?"var(--text-color)":`var(${a}-strong-color)`,muted:n?"color-mix(in srgb, var(--text-color) 68%, transparent)":`color-mix(in srgb, var(${a}-strong-color) 72%, transparent)`},transparent:{bg:"transparent",border:"transparent",text:n?"var(--text-color)":`var(${a}-strong-color)`,muted:n?"color-mix(in srgb, var(--text-color) 68%, transparent)":`color-mix(in srgb, var(${a}-strong-color) 72%, transparent)`}}[e];return{"--hans-card-bg":o.bg,"--hans-card-border":o.border,"--hans-card-text":o.text,"--hans-card-muted":o.muted,"--hans-card-image":t?`url("${t}")`:"none"}},wm=W.memo(r=>{const{title:e="",description:t="",imageSrc:a="",imageAlt:n="Card image",avatarSrc:i="",avatarAlt:o=e||"Card avatar",avatarLoading:s=!1,cardLayout:l,cardSize:u="medium",cardColor:c="base",cardVariant:f="neutral",loading:h=!1,loadingColor:v,loadingAriaLabel:d="Loading card",customClasses:p="",children:g,...y}=r,m=WN(l,a),_=$N({cardLayout:m,cardSize:u,customClasses:p}),b=UN({cardColor:c,cardVariant:f,imageSrc:a}),S=v??c;return h?N.jsx("div",{className:`${_} hans-card-loading`,style:b,...y,children:N.jsx(Ye,{loadingType:"skeleton",loadingColor:S,skeletonWidth:"100%",skeletonHeight:"100%",ariaLabel:d,customClasses:"hans-card-skeleton"})}):m==="image"?N.jsx("div",{className:_,style:b,...y,children:N.jsx("div",{className:"hans-card-image-surface",role:"img","aria-label":n,children:N.jsxs("div",{className:"hans-card-image-overlay",children:[N.jsxs("div",{className:"hans-card-image-copy",children:[e?N.jsx("strong",{className:"hans-card-title",children:e}):null,t?N.jsx("span",{className:"hans-card-description",children:t}):null]}),g?N.jsx("div",{className:"hans-card-extra",children:g}):null]})})}):N.jsxs("div",{className:_,style:b,...y,children:[N.jsxs("div",{className:"hans-card-profile-main",children:[N.jsx(Ih,{src:i,alt:o,avatarSize:u,loading:s}),N.jsxs("div",{className:"hans-card-copy",children:[e?N.jsx("strong",{className:"hans-card-title",children:e}):null,t?N.jsx("span",{className:"hans-card-description",children:t}):null]})]}),g?N.jsx("div",{className:"hans-card-extra",children:g}):null]})});wm.displayName="HansCard";const YN=(r,e)=>typeof r.id=="string"&&r.id.trim().length>0?r.id:`carousel-item-${e}`,ZN=r=>r.map((e,t)=>({...e,resolvedId:YN(e,t),index:t})),XN=r=>Number.isFinite(r)?Math.min(3,Math.max(1,Math.floor(r))):1,$i=(r,e)=>e<=0||!Number.isFinite(r)?0:Math.min(e-1,Math.max(0,Math.floor(r))),jN=(r,e,t)=>$i(typeof r<"u"?r:e,t),qN=(r,e,t)=>$i(typeof r<"u"?r:e,t),KN=(r,e,t)=>{if(e<=t)return 0;const a=e-t,n=r-Math.floor(t/2);return Math.min(a,Math.max(0,n))},JN=(r,e,t)=>{const a=KN(e,r.length,t);return r.slice(a,a+t)},QN=r=>Number.isFinite(r)?Math.max(1,Math.floor(r)):1,eO=(r,e,t)=>{if(r<=0)return[];const a=QN(t);if(r<=a)return Array.from({length:r},(s,l)=>({index:l,isActive:l===e,isFaded:!1}));const n=Math.floor(a/2),i=Math.min(r-a,Math.max(0,e-n)),o=i+a;return Array.from({length:a},(s,l)=>{const u=i+l;return{index:u,isActive:u===e,isFaded:l===0&&i>0||l===a-1&&o<r}})},tO=r=>r>0,rO=(r,e)=>r<e-1,ub=(r,e,t,a)=>t<=0?!1:a?!0:r==="previous"?tO(e):rO(e,t),aO=(r,e,t,a=!1)=>t<=0?0:a?r==="previous"?e<=0?t-1:e-1:e>=t-1?0:e+1:$i(r==="previous"?e-1:e+1,t),nO=({carouselSize:r,showBorder:e,removeItemGap:t,customClasses:a})=>`
91
+ `,UN=({cardColor:r,cardVariant:e,cardBackgroundColor:t,cardBorderColor:a,cardTextColor:n,cardMutedColor:i,imageSrc:o})=>{const s=`--${r}`,l=r==="base",c={strong:{bg:`var(${s}-strong-color)`,border:`var(${s}-strong-color)`,text:"var(--white)",muted:"color-mix(in srgb, var(--white) 76%, transparent)"},default:{bg:`var(${s}-default-color)`,border:`var(${s}-default-color)`,text:l?"var(--text-color)":"var(--white)",muted:l?"color-mix(in srgb, var(--text-color) 72%, transparent)":"color-mix(in srgb, var(--white) 76%, transparent)"},neutral:{bg:`var(${s}-neutral-color)`,border:`var(${s}-neutral-color)`,text:l?"var(--text-color)":`var(${s}-strong-color)`,muted:l?"color-mix(in srgb, var(--text-color) 68%, transparent)":`color-mix(in srgb, var(${s}-strong-color) 72%, transparent)`},inverse:{bg:"var(--white)",border:"var(--white)",text:l?"var(--base-default-color)":`var(${s}-default-color)`,muted:l?"color-mix(in srgb, var(--base-default-color) 68%, transparent)":`color-mix(in srgb, var(${s}-default-color) 72%, transparent)`},outline:{bg:"var(--white)",border:`var(${s}-default-color)`,text:l?"var(--text-color)":`var(${s}-strong-color)`,muted:l?"color-mix(in srgb, var(--text-color) 68%, transparent)":`color-mix(in srgb, var(${s}-strong-color) 72%, transparent)`},transparent:{bg:"transparent",border:"transparent",text:l?"var(--text-color)":`var(${s}-strong-color)`,muted:l?"color-mix(in srgb, var(--text-color) 68%, transparent)":`color-mix(in srgb, var(${s}-strong-color) 72%, transparent)`}}[e];return{"--hans-card-bg":t||c.bg,"--hans-card-border":a||c.border,"--hans-card-text":n||c.text,"--hans-card-muted":i||c.muted,"--hans-card-image":o?`url("${o}")`:"none"}},wm=W.memo(r=>{const{title:e="",description:t="",imageSrc:a="",imageAlt:n="Card image",avatarSrc:i="",avatarAlt:o=e||"Card avatar",avatarLoading:s=!1,cardLayout:l,cardSize:u="medium",cardColor:c="base",cardVariant:f="neutral",cardBackgroundColor:h,cardBorderColor:v,cardTextColor:d,cardMutedColor:p,loading:g=!1,loadingColor:y,loadingAriaLabel:m="Loading card",customClasses:_="",children:b,...S}=r,x=WN(l,a),w=$N({cardLayout:x,cardSize:u,customClasses:_}),T=UN({cardColor:c,cardVariant:f,cardBackgroundColor:h,cardBorderColor:v,cardTextColor:d,cardMutedColor:p,imageSrc:a}),A=y??c;return g?N.jsx("div",{className:`${w} hans-card-loading`,style:T,...S,children:N.jsx(Ye,{loadingType:"skeleton",loadingColor:A,skeletonWidth:"100%",skeletonHeight:"100%",ariaLabel:m,customClasses:"hans-card-skeleton"})}):x==="image"?N.jsx("div",{className:w,style:T,...S,children:N.jsx("div",{className:"hans-card-image-surface",role:"img","aria-label":n,children:N.jsxs("div",{className:"hans-card-image-overlay",children:[N.jsxs("div",{className:"hans-card-image-copy",children:[e?N.jsx("strong",{className:"hans-card-title",children:e}):null,t?N.jsx("span",{className:"hans-card-description",children:t}):null]}),b?N.jsx("div",{className:"hans-card-extra",children:b}):null]})})}):x==="custom"?N.jsxs("div",{className:w,style:T,...S,children:[b,N.jsx("slot",{})]}):N.jsxs("div",{className:w,style:T,...S,children:[N.jsxs("div",{className:"hans-card-profile-main",children:[N.jsx(Ih,{src:i,alt:o,avatarSize:u,loading:s}),N.jsxs("div",{className:"hans-card-copy",children:[e?N.jsx("strong",{className:"hans-card-title",children:e}):null,t?N.jsx("span",{className:"hans-card-description",children:t}):null]})]}),b?N.jsx("div",{className:"hans-card-extra",children:b}):null]})});wm.displayName="HansCard";const YN=(r,e)=>typeof r.id=="string"&&r.id.trim().length>0?r.id:`carousel-item-${e}`,ZN=r=>r.map((e,t)=>({...e,resolvedId:YN(e,t),index:t})),XN=r=>Number.isFinite(r)?Math.min(3,Math.max(1,Math.floor(r))):1,$i=(r,e)=>e<=0||!Number.isFinite(r)?0:Math.min(e-1,Math.max(0,Math.floor(r))),jN=(r,e,t)=>$i(typeof r<"u"?r:e,t),qN=(r,e,t)=>$i(typeof r<"u"?r:e,t),KN=(r,e,t)=>{if(e<=t)return 0;const a=e-t,n=r-Math.floor(t/2);return Math.min(a,Math.max(0,n))},JN=(r,e,t)=>{const a=KN(e,r.length,t);return r.slice(a,a+t)},QN=r=>Number.isFinite(r)?Math.max(1,Math.floor(r)):1,eO=(r,e,t)=>{if(r<=0)return[];const a=QN(t);if(r<=a)return Array.from({length:r},(s,l)=>({index:l,isActive:l===e,isFaded:!1}));const n=Math.floor(a/2),i=Math.min(r-a,Math.max(0,e-n)),o=i+a;return Array.from({length:a},(s,l)=>{const u=i+l;return{index:u,isActive:u===e,isFaded:l===0&&i>0||l===a-1&&o<r}})},tO=r=>r>0,rO=(r,e)=>r<e-1,ub=(r,e,t,a)=>t<=0?!1:a?!0:r==="previous"?tO(e):rO(e,t),aO=(r,e,t,a=!1)=>t<=0?0:a?r==="previous"?e<=0?t-1:e-1:e>=t-1?0:e+1:$i(r==="previous"?e-1:e+1,t),nO=({carouselSize:r,showBorder:e,removeItemGap:t,customClasses:a})=>`
92
92
  hans-carousel
93
93
  hans-carousel-${r}
94
94
  ${e?"":"hans-carousel-borderless"}
@@ -231,4 +231,4 @@ PERFORMANCE OF THIS SOFTWARE.
231
231
  `,onClick:()=>M(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(ot,{name:"IoIosCloseCircle",iconSize:"medium"})})}):null]},L.id)})}),N.jsx("div",{className:`
232
232
  hans-tabs-content
233
233
  ${C?`hans-tabs-content-${C.color} hans-tabs-content-${C.variant}`:""}
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 Eee={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"},Nee=dt(Eee),Oee={open:"boolean",triggerLabel:"string",triggerAriaLabel:"string",triggerColor:{type:"custom",ref:{}},triggerVariant:{type:"custom",ref:{}},triggerHoverColor:{type:"custom",ref:{}},triggerHoverVariant:{type:"custom",ref:{}},triggerIconName:{type:"custom",ref:{}},showTriggerCaret:"boolean",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",optionTextColor:"string",optionHoverBackgroundColor:"string",optionHoverTextColor:"string",emptyTextColor:"string"},Bee=dt(Oee),Vee={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"},zee=dt(Vee),Hee={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"},Gee=dt(Hee),Fee={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"},Wee=dt(Fee),$ee={src:"string",alt:"string",avatarSize:{type:"custom",ref:{}},loading:"boolean",customClasses:"string",fallbackIconName:"string"},Uee=dt($ee),Yee={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"},Zee=dt(Yee),Xee={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"},jee=dt(Xee),qee={label:"string",tagSize:{type:"custom",ref:{}},tagColor:{type:"custom",ref:{}},actionIcon:"string",customClasses:"string",disabled:"boolean"},Kee=dt(qee),Jee={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"},Qee=dt(Jee),ete={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"},tte=dt(ete),rte={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"},ate=dt(rte),nte={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"},ite=dt(nte),ote={item:{type:"custom",ref:{},webComponentType:"property"},draggable:"boolean",isDragging:"boolean",showDropIndicator:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",customClasses:"string"},ste=dt(ote),lte={isOpen:"boolean",disabled:"boolean",popupBackgroundColor:"string",noContentText:"string",popupClassName:"string",panelClassName:"string",customClasses:"string"},ute=dt(lte),cte={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"},fte=dt(cte),hte={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"},vte=dt(hte),dte={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"},pte=dt(dte),gte={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"},yte=dt(gte),Lh="data-hans-theme-vars",hm="HansUI",vm="data-theme",mte=["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)})},_te=()=>{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=mte;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=Qee;exports.HansAvatar=Ih;exports.HansAvatarPropsList=Uee;exports.HansButton=Cr;exports.HansButtonPropsList=Nee;exports.HansCard=wm;exports.HansCardPropsList=Zee;exports.HansCarousel=_M;exports.HansCarouselPropsList=jee;exports.HansChart=OR;exports.HansChartPropsList=rQ;exports.HansDatePicker=mM;exports.HansDatePickerPropsList=Wee;exports.HansDropdown=nM;exports.HansDropdownPropsList=Bee;exports.HansIcon=ot;exports.HansIconPropsList=uE;exports.HansInput=ys;exports.HansKanban=HR;exports.HansKanbanColumn=U_;exports.HansKanbanColumnPropsList=ite;exports.HansKanbanItem=Y_;exports.HansKanbanItemPropsList=ste;exports.HansKanbanPropsList=ate;exports.HansLoading=Ye;exports.HansLoadingPropsList=tte;exports.HansModal=$R;exports.HansModalPropsList=vte;exports.HansPopup=_u;exports.HansPopupPropsList=ute;exports.HansSelectOption=mm;exports.HansSelectOptionPropsList=zee;exports.HansTable=ZR;exports.HansTablePropsList=pte;exports.HansTabs=jR;exports.HansTabsPropsList=yte;exports.HansTag=ym;exports.HansTagPropsList=Kee;exports.HansToast=FR;exports.HansToastPropsList=fte;exports.HansToggle=cM;exports.HansTogglePropsList=Gee;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=_te;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 Eee={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"},Nee=dt(Eee),Oee={open:"boolean",triggerLabel:"string",triggerAriaLabel:"string",triggerColor:{type:"custom",ref:{}},triggerVariant:{type:"custom",ref:{}},triggerHoverColor:{type:"custom",ref:{}},triggerHoverVariant:{type:"custom",ref:{}},triggerIconName:{type:"custom",ref:{}},showTriggerCaret:"boolean",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",optionTextColor:"string",optionHoverBackgroundColor:"string",optionHoverTextColor:"string",emptyTextColor:"string"},Bee=dt(Oee),Vee={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"},zee=dt(Vee),Hee={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"},Gee=dt(Hee),Fee={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"},Wee=dt(Fee),$ee={src:"string",alt:"string",avatarSize:{type:"custom",ref:{}},loading:"boolean",customClasses:"string",fallbackIconName:"string"},Uee=dt($ee),Yee={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:{}},cardBackgroundColor:"string",cardBorderColor:"string",cardTextColor:"string",cardMutedColor:"string",customClasses:"string"},Zee=dt(Yee),Xee={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"},jee=dt(Xee),qee={label:"string",tagSize:{type:"custom",ref:{}},tagColor:{type:"custom",ref:{}},actionIcon:"string",customClasses:"string",disabled:"boolean"},Kee=dt(qee),Jee={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"},Qee=dt(Jee),ete={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"},tte=dt(ete),rte={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"},ate=dt(rte),nte={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"},ite=dt(nte),ote={item:{type:"custom",ref:{},webComponentType:"property"},draggable:"boolean",isDragging:"boolean",showDropIndicator:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",customClasses:"string"},ste=dt(ote),lte={isOpen:"boolean",disabled:"boolean",popupBackgroundColor:"string",noContentText:"string",popupClassName:"string",panelClassName:"string",customClasses:"string"},ute=dt(lte),cte={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"},fte=dt(cte),hte={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"},vte=dt(hte),dte={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"},pte=dt(dte),gte={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"},yte=dt(gte),Lh="data-hans-theme-vars",hm="HansUI",vm="data-theme",mte=["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)})},_te=()=>{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=mte;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=Qee;exports.HansAvatar=Ih;exports.HansAvatarPropsList=Uee;exports.HansButton=Cr;exports.HansButtonPropsList=Nee;exports.HansCard=wm;exports.HansCardPropsList=Zee;exports.HansCarousel=_M;exports.HansCarouselPropsList=jee;exports.HansChart=OR;exports.HansChartPropsList=rQ;exports.HansDatePicker=mM;exports.HansDatePickerPropsList=Wee;exports.HansDropdown=nM;exports.HansDropdownPropsList=Bee;exports.HansIcon=ot;exports.HansIconPropsList=uE;exports.HansInput=ys;exports.HansKanban=HR;exports.HansKanbanColumn=U_;exports.HansKanbanColumnPropsList=ite;exports.HansKanbanItem=Y_;exports.HansKanbanItemPropsList=ste;exports.HansKanbanPropsList=ate;exports.HansLoading=Ye;exports.HansLoadingPropsList=tte;exports.HansModal=$R;exports.HansModalPropsList=vte;exports.HansPopup=_u;exports.HansPopupPropsList=ute;exports.HansSelectOption=mm;exports.HansSelectOptionPropsList=zee;exports.HansTable=ZR;exports.HansTablePropsList=pte;exports.HansTabs=jR;exports.HansTabsPropsList=yte;exports.HansTag=ym;exports.HansTagPropsList=Kee;exports.HansToast=FR;exports.HansToastPropsList=fte;exports.HansToggle=cM;exports.HansTogglePropsList=Gee;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=_te;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);transition:background-color .2s,color .2s,border-color .2s,outline-color .2s;display:flex}.hans-button-rounded{border-radius:3.40282e38px}.hans-button-square{border-radius:var(--radius-md)}.hans-button:disabled,.hans-button[disabled]{cursor:not-allowed;opacity:.5}.hans-button:disabled>*{pointer-events:none}.hans-button-loading{display:inline-flex}.hans-button-small{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*1)}.hans-button-medium{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2)}.hans-button-large{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3)}.hans-button-base.hans-button-strong{background-color:var(--base-strong-color);color:var(--base-neutral-color)}.hans-button-base.hans-button-default{background-color:var(--base-default-color);color:var(--white)}.hans-button-base.hans-button-neutral{background-color:var(--base-neutral-color);color:var(--base-strong-color)}.hans-button-base.hans-button-inverse{background-color:var(--white);color:var(--base-default-color)}.hans-button-base.hans-button-outline{border-color:var(--base-default-color);color:var(--text-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-base.hans-button-transparent{color:var(--text-color);background-color:#0000}.hans-button-primary.hans-button-strong{background-color:var(--primary-strong-color);color:var(--primary-neutral-color)}.hans-button-primary.hans-button-default{background-color:var(--primary-default-color);color:var(--white)}.hans-button-primary.hans-button-neutral{background-color:var(--primary-neutral-color);color:var(--primary-strong-color)}.hans-button-primary.hans-button-inverse{background-color:var(--white);color:var(--primary-default-color)}.hans-button-primary.hans-button-outline{border-color:var(--primary-default-color);color:var(--primary-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-primary.hans-button-transparent{color:var(--primary-default-color);background-color:#0000}.hans-button-secondary.hans-button-strong{background-color:var(--secondary-strong-color);color:var(--secondary-neutral-color)}.hans-button-secondary.hans-button-default{background-color:var(--secondary-default-color);color:var(--white)}.hans-button-secondary.hans-button-neutral{background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color)}.hans-button-secondary.hans-button-inverse{background-color:var(--white);color:var(--secondary-default-color)}.hans-button-secondary.hans-button-outline{border-color:var(--secondary-default-color);color:var(--secondary-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-secondary.hans-button-transparent{color:var(--secondary-default-color);background-color:#0000}.hans-button-success.hans-button-strong{background-color:var(--success-strong-color);color:var(--success-neutral-color)}.hans-button-success.hans-button-default{background-color:var(--success-default-color);color:var(--white)}.hans-button-success.hans-button-neutral{background-color:var(--success-neutral-color);color:var(--success-strong-color)}.hans-button-success.hans-button-inverse{background-color:var(--white);color:var(--success-default-color)}.hans-button-success.hans-button-outline{border-color:var(--success-default-color);color:var(--success-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-success.hans-button-transparent{color:var(--success-default-color);background-color:#0000}.hans-button-danger.hans-button-strong{background-color:var(--danger-strong-color);color:var(--danger-neutral-color)}.hans-button-danger.hans-button-default{background-color:var(--danger-default-color);color:var(--white)}.hans-button-danger.hans-button-neutral{background-color:var(--danger-neutral-color);color:var(--danger-strong-color)}.hans-button-danger.hans-button-inverse{background-color:var(--white);color:var(--danger-default-color)}.hans-button-danger.hans-button-outline{border-color:var(--danger-default-color);color:var(--danger-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-danger.hans-button-transparent{color:var(--danger-default-color);background-color:#0000}.hans-button-warning.hans-button-strong{background-color:var(--warning-strong-color);color:var(--warning-neutral-color)}.hans-button-warning.hans-button-default{background-color:var(--warning-default-color);color:var(--white)}.hans-button-warning.hans-button-neutral{background-color:var(--warning-neutral-color);color:var(--warning-strong-color)}.hans-button-warning.hans-button-inverse{background-color:var(--white);color:var(--warning-default-color)}.hans-button-warning.hans-button-outline{border-color:var(--warning-default-color);color:var(--warning-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-warning.hans-button-transparent{color:var(--warning-default-color);background-color:#0000}.hans-button-info.hans-button-strong{background-color:var(--info-strong-color);color:var(--info-neutral-color)}.hans-button-info.hans-button-default{background-color:var(--info-default-color);color:var(--white)}.hans-button-info.hans-button-neutral{background-color:var(--info-neutral-color);color:var(--info-strong-color)}.hans-button-info.hans-button-inverse{background-color:var(--white);color:var(--info-default-color)}.hans-button-info.hans-button-outline{border-color:var(--info-default-color);color:var(--info-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-info.hans-button-transparent{color:var(--info-default-color);background-color:#0000}.hans-button[class*=hans-button-hover-color-][class*=hans-button-hover-variant-]:hover{outline-offset:0;border-width:0;border-color:#0000}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-strong:hover{background-color:var(--base-strong-color);color:var(--base-neutral-color);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-default:hover{background-color:var(--base-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-neutral:hover{background-color:var(--base-neutral-color);color:var(--base-strong-color);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--base-default-color);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-outline:hover{color:var(--text-color);outline:1px solid var(--base-default-color);background-color:#0000}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-transparent:hover{color:var(--text-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-strong:hover{background-color:var(--primary-strong-color);color:var(--primary-neutral-color);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-default:hover{background-color:var(--primary-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-neutral:hover{background-color:var(--primary-neutral-color);color:var(--primary-strong-color);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--primary-default-color);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-outline:hover{color:var(--primary-strong-color);outline:1px solid var(--primary-default-color);background-color:#0000}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-transparent:hover{color:var(--primary-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-strong:hover{background-color:var(--secondary-strong-color);color:var(--secondary-neutral-color);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-default:hover{background-color:var(--secondary-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-neutral:hover{background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--secondary-default-color);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-outline:hover{color:var(--secondary-strong-color);outline:1px solid var(--secondary-default-color);background-color:#0000}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-transparent:hover{color:var(--secondary-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-strong:hover{background-color:var(--success-strong-color);color:var(--success-neutral-color);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-default:hover{background-color:var(--success-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-neutral:hover{background-color:var(--success-neutral-color);color:var(--success-strong-color);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--success-default-color);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-outline:hover{color:var(--success-strong-color);outline:1px solid var(--success-default-color);background-color:#0000}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-transparent:hover{color:var(--success-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-strong:hover{background-color:var(--danger-strong-color);color:var(--danger-neutral-color);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-default:hover{background-color:var(--danger-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-neutral:hover{background-color:var(--danger-neutral-color);color:var(--danger-strong-color);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--danger-default-color);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-outline:hover{color:var(--danger-strong-color);outline:1px solid var(--danger-default-color);background-color:#0000}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-transparent:hover{color:var(--danger-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-strong:hover{background-color:var(--warning-strong-color);color:var(--warning-neutral-color);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-default:hover{background-color:var(--warning-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-neutral:hover{background-color:var(--warning-neutral-color);color:var(--warning-strong-color);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--warning-default-color);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-outline:hover{color:var(--warning-strong-color);outline:1px solid var(--warning-default-color);background-color:#0000}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-transparent:hover{color:var(--warning-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-strong:hover{background-color:var(--info-strong-color);color:var(--info-neutral-color);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-default:hover{background-color:var(--info-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-neutral:hover{background-color:var(--info-neutral-color);color:var(--info-strong-color);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--info-default-color);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-outline:hover{color:var(--info-strong-color);outline:1px solid var(--info-default-color);background-color:#0000}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-transparent:hover{color:var(--info-default-color);background-color:#0000;outline:none}.hans-input-div{flex-direction:column;display:flex}.hans-input-label{margin-bottom:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.hans-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);color:var(--text-color);--tw-outline-style:none;background-color:#0000;border-width:1px;outline-style:none}.hans-input:focus{--tw-outline-style:none;outline-style:none}.hans-input:disabled,.hans-input[disabled]{cursor:not-allowed;opacity:.5}.hans-input-field{align-items:center;width:100%;display:flex;position:relative}.hans-input-icon{--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,.hans-dropdown-popup-wrapper.hans-popup{width:auto;max-width:100%;display:inline-flex}.hans-dropdown-trigger{justify-content:space-between;min-width:120px}.hans-dropdown-trigger-icon-only{min-height:calc(var(--spacing)*12);justify-content:center;gap:calc(var(--spacing)*2);min-width:4.5rem;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3)}.hans-dropdown-trigger-no-caret{justify-content:center}.hans-dropdown-trigger-icon-only-no-caret{min-width:3.5rem;padding-inline:calc(var(--spacing)*3)}.hans-dropdown-popup{width:max-content;min-width: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;color:var(--hans-dropdown-option-text-color,var(--text-color));display:flex;position:relative}.hans-dropdown-option:hover{background-color:var(--hans-dropdown-option-hover-background-color,var(--base-neutral-color));color:var(--hans-dropdown-option-hover-text-color,inherit)}.hans-dropdown-option-disabled{cursor:not-allowed;opacity:.5}.hans-dropdown-option-parent{padding-right:calc(var(--spacing)*8)}.hans-dropdown-option-arrow{margin-left:auto}.hans-dropdown-list .hans-popup-item-list-empty{color:var(--hans-dropdown-empty-text-color,var(--gray-500))}.hans-select-option{flex-direction:column;width:100%;display:flex;overflow:visible}.hans-select-option-field{width:100%;overflow:visible}.hans-select-option-input,.hans-select-option-popup{width:100%}.hans-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{z-index:9999;min-width:100%;position:absolute}.hans-popup-panel[data-horizontal-position=start]{right:auto;left:calc(var(--spacing)*0)}.hans-popup-panel[data-horizontal-position=end]{right:calc(var(--spacing)*0);left:auto}.hans-popup-panel[data-direction=down]{margin-top:calc(var(--spacing)*1);top:100%}.hans-popup-panel[data-direction=up]{margin-bottom:calc(var(--spacing)*1);bottom:100%}.hans-popup-panel-content{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-height:calc(var(--spacing)*56);background-color:var(--hans-popup-bg);overflow:auto}.hans-popup-empty,.hans-popup-item-list-empty{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-toast{align-items:flex-start;gap:calc(var(--spacing)*3);border-radius:var(--radius-xl);border-style:var(--tw-border-style);min-width:260px;max-width:420px;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);--tw-shadow:var(--hans-toast-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);background:var(--hans-toast-bg);border-width:1px;border-color:var(--hans-toast-border);color:var(--hans-toast-text);display:flex;position:fixed}.hans-toast-small{max-width:300px;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toast-medium{max-width:360px;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toast-large{max-width:420px;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-toast-accent{width:calc(var(--spacing)*2);background:var(--hans-toast-accent);border-radius:3.40282e38px;flex-shrink:0;align-self:stretch}.hans-toast-icon{padding-top:calc(var(--spacing)*.5);color:var(--hans-toast-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hans-toast-content{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-toast-title{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-toast-message{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);opacity:.9}.hans-toast-close{cursor:pointer;border-radius:var(--radius-md);--tw-border-style:none;padding:calc(var(--spacing)*1);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1;color:inherit;background-color:#0000;border-style:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.hans-toast-close:disabled{cursor:not-allowed;opacity:.5}.hans-modal-portal{inset:calc(var(--spacing)*0);z-index:1200;color:var(--hans-modal-text);display:flex;position:fixed}.hans-modal-overlay{pointer-events:none;inset:calc(var(--spacing)*0);background:var(--hans-modal-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute}.hans-modal-shell{z-index:1;width:100%;height:100%;padding:calc(var(--spacing)*4);display:flex;position:relative}@media(min-width:48rem){.hans-modal-shell{padding:calc(var(--spacing)*6)}}.hans-modal-portal[data-placement=left] .hans-modal-shell,.hans-modal-portal[data-placement=right] .hans-modal-shell{padding:calc(var(--spacing)*0)}.hans-modal-dialog{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);--tw-shadow:var(--hans-modal-shadow);width:100%;max-height:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:var(--hans-modal-bg);border-width:1px;border-color:var(--hans-modal-border);color:var(--hans-modal-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.hans-modal-placement-center{margin-block:auto;margin-inline:auto}.hans-modal-placement-left{margin-block:calc(var(--spacing)*0);margin-right:auto;margin-left:calc(var(--spacing)*0);border-radius:0;border-top-right-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);height:100%}.hans-modal-placement-right{margin-block:calc(var(--spacing)*0);margin-right:calc(var(--spacing)*0);border-radius:0;border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl);height:100%;margin-left:auto}.hans-modal-small.hans-modal-placement-center{max-width:var(--container-md)}.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-inverse{background-color:var(--white);color:var(--base-default-color)}.hans-button-base.hans-button-outline{border-color:var(--base-default-color);color:var(--text-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-base.hans-button-transparent{color:var(--text-color);background-color:#0000}.hans-button-primary.hans-button-strong{background-color:var(--primary-strong-color);color:var(--primary-neutral-color)}.hans-button-primary.hans-button-default{background-color:var(--primary-default-color);color:var(--white)}.hans-button-primary.hans-button-neutral{background-color:var(--primary-neutral-color);color:var(--primary-strong-color)}.hans-button-primary.hans-button-inverse{background-color:var(--white);color:var(--primary-default-color)}.hans-button-primary.hans-button-outline{border-color:var(--primary-default-color);color:var(--primary-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-primary.hans-button-transparent{color:var(--primary-default-color);background-color:#0000}.hans-button-secondary.hans-button-strong{background-color:var(--secondary-strong-color);color:var(--secondary-neutral-color)}.hans-button-secondary.hans-button-default{background-color:var(--secondary-default-color);color:var(--white)}.hans-button-secondary.hans-button-neutral{background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color)}.hans-button-secondary.hans-button-inverse{background-color:var(--white);color:var(--secondary-default-color)}.hans-button-secondary.hans-button-outline{border-color:var(--secondary-default-color);color:var(--secondary-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-secondary.hans-button-transparent{color:var(--secondary-default-color);background-color:#0000}.hans-button-success.hans-button-strong{background-color:var(--success-strong-color);color:var(--success-neutral-color)}.hans-button-success.hans-button-default{background-color:var(--success-default-color);color:var(--white)}.hans-button-success.hans-button-neutral{background-color:var(--success-neutral-color);color:var(--success-strong-color)}.hans-button-success.hans-button-inverse{background-color:var(--white);color:var(--success-default-color)}.hans-button-success.hans-button-outline{border-color:var(--success-default-color);color:var(--success-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-success.hans-button-transparent{color:var(--success-default-color);background-color:#0000}.hans-button-danger.hans-button-strong{background-color:var(--danger-strong-color);color:var(--danger-neutral-color)}.hans-button-danger.hans-button-default{background-color:var(--danger-default-color);color:var(--white)}.hans-button-danger.hans-button-neutral{background-color:var(--danger-neutral-color);color:var(--danger-strong-color)}.hans-button-danger.hans-button-inverse{background-color:var(--white);color:var(--danger-default-color)}.hans-button-danger.hans-button-outline{border-color:var(--danger-default-color);color:var(--danger-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-danger.hans-button-transparent{color:var(--danger-default-color);background-color:#0000}.hans-button-warning.hans-button-strong{background-color:var(--warning-strong-color);color:var(--warning-neutral-color)}.hans-button-warning.hans-button-default{background-color:var(--warning-default-color);color:var(--white)}.hans-button-warning.hans-button-neutral{background-color:var(--warning-neutral-color);color:var(--warning-strong-color)}.hans-button-warning.hans-button-inverse{background-color:var(--white);color:var(--warning-default-color)}.hans-button-warning.hans-button-outline{border-color:var(--warning-default-color);color:var(--warning-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-warning.hans-button-transparent{color:var(--warning-default-color);background-color:#0000}.hans-button-info.hans-button-strong{background-color:var(--info-strong-color);color:var(--info-neutral-color)}.hans-button-info.hans-button-default{background-color:var(--info-default-color);color:var(--white)}.hans-button-info.hans-button-neutral{background-color:var(--info-neutral-color);color:var(--info-strong-color)}.hans-button-info.hans-button-inverse{background-color:var(--white);color:var(--info-default-color)}.hans-button-info.hans-button-outline{border-color:var(--info-default-color);color:var(--info-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-info.hans-button-transparent{color:var(--info-default-color);background-color:#0000}.hans-button[class*=hans-button-hover-color-][class*=hans-button-hover-variant-]:hover{outline-offset:0;border-width:0;border-color:#0000}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-strong:hover{background-color:var(--base-strong-color);color:var(--base-neutral-color);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-default:hover{background-color:var(--base-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-neutral:hover{background-color:var(--base-neutral-color);color:var(--base-strong-color);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--base-default-color);outline:none}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-outline:hover{color:var(--text-color);outline:1px solid var(--base-default-color);background-color:#0000}.hans-button.hans-button-hover-color-base.hans-button-hover-variant-transparent:hover{color:var(--text-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-strong:hover{background-color:var(--primary-strong-color);color:var(--primary-neutral-color);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-default:hover{background-color:var(--primary-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-neutral:hover{background-color:var(--primary-neutral-color);color:var(--primary-strong-color);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--primary-default-color);outline:none}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-outline:hover{color:var(--primary-strong-color);outline:1px solid var(--primary-default-color);background-color:#0000}.hans-button.hans-button-hover-color-primary.hans-button-hover-variant-transparent:hover{color:var(--primary-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-strong:hover{background-color:var(--secondary-strong-color);color:var(--secondary-neutral-color);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-default:hover{background-color:var(--secondary-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-neutral:hover{background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--secondary-default-color);outline:none}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-outline:hover{color:var(--secondary-strong-color);outline:1px solid var(--secondary-default-color);background-color:#0000}.hans-button.hans-button-hover-color-secondary.hans-button-hover-variant-transparent:hover{color:var(--secondary-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-strong:hover{background-color:var(--success-strong-color);color:var(--success-neutral-color);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-default:hover{background-color:var(--success-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-neutral:hover{background-color:var(--success-neutral-color);color:var(--success-strong-color);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--success-default-color);outline:none}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-outline:hover{color:var(--success-strong-color);outline:1px solid var(--success-default-color);background-color:#0000}.hans-button.hans-button-hover-color-success.hans-button-hover-variant-transparent:hover{color:var(--success-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-strong:hover{background-color:var(--danger-strong-color);color:var(--danger-neutral-color);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-default:hover{background-color:var(--danger-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-neutral:hover{background-color:var(--danger-neutral-color);color:var(--danger-strong-color);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--danger-default-color);outline:none}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-outline:hover{color:var(--danger-strong-color);outline:1px solid var(--danger-default-color);background-color:#0000}.hans-button.hans-button-hover-color-danger.hans-button-hover-variant-transparent:hover{color:var(--danger-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-strong:hover{background-color:var(--warning-strong-color);color:var(--warning-neutral-color);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-default:hover{background-color:var(--warning-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-neutral:hover{background-color:var(--warning-neutral-color);color:var(--warning-strong-color);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--warning-default-color);outline:none}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-outline:hover{color:var(--warning-strong-color);outline:1px solid var(--warning-default-color);background-color:#0000}.hans-button.hans-button-hover-color-warning.hans-button-hover-variant-transparent:hover{color:var(--warning-default-color);background-color:#0000;outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-strong:hover{background-color:var(--info-strong-color);color:var(--info-neutral-color);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-default:hover{background-color:var(--info-default-color);color:var(--white);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-neutral:hover{background-color:var(--info-neutral-color);color:var(--info-strong-color);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-inverse:hover{background-color:var(--white);color:var(--info-default-color);outline:none}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-outline:hover{color:var(--info-strong-color);outline:1px solid var(--info-default-color);background-color:#0000}.hans-button.hans-button-hover-color-info.hans-button-hover-variant-transparent:hover{color:var(--info-default-color);background-color:#0000;outline:none}.hans-input-div{flex-direction:column;display:flex}.hans-input-label{margin-bottom:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.hans-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);color:var(--text-color);--tw-outline-style:none;background-color:#0000;border-width:1px;outline-style:none}.hans-input:focus{--tw-outline-style:none;outline-style:none}.hans-input:disabled,.hans-input[disabled]{cursor:not-allowed;opacity:.5}.hans-input-field{align-items:center;width:100%;display:flex;position:relative}.hans-input-icon{--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,.hans-dropdown-popup-wrapper.hans-popup{width:auto;max-width:100%;display:inline-flex}.hans-dropdown-trigger{justify-content:space-between;min-width:120px}.hans-dropdown-trigger-icon-only{min-height:calc(var(--spacing)*12);justify-content:center;gap:calc(var(--spacing)*2);min-width:4.5rem;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3)}.hans-dropdown-trigger-no-caret{justify-content:center}.hans-dropdown-trigger-icon-only-no-caret{min-width:3.5rem;padding-inline:calc(var(--spacing)*3)}.hans-dropdown-popup{width:max-content;min-width: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;color:var(--hans-dropdown-option-text-color,var(--text-color));display:flex;position:relative}.hans-dropdown-option:hover{background-color:var(--hans-dropdown-option-hover-background-color,var(--base-neutral-color));color:var(--hans-dropdown-option-hover-text-color,inherit)}.hans-dropdown-option-disabled{cursor:not-allowed;opacity:.5}.hans-dropdown-option-parent{padding-right:calc(var(--spacing)*8)}.hans-dropdown-option-arrow{margin-left:auto}.hans-dropdown-list .hans-popup-item-list-empty{color:var(--hans-dropdown-empty-text-color,var(--gray-500))}.hans-select-option{flex-direction:column;width:100%;display:flex;overflow:visible}.hans-select-option-field{width:100%;overflow:visible}.hans-select-option-input,.hans-select-option-popup{width:100%}.hans-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,.hans-card-custom{flex-direction:column}.hans-card-profile-main{align-items:flex-start;gap:calc(var(--spacing)*3);display:flex}.hans-card-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-card-title{min-width:calc(var(--spacing)*0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--hans-card-text);display:block}.hans-card-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--hans-card-muted);display:block}.hans-card-extra{margin-top:calc(var(--spacing)*2);align-items:center;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.hans-card-image{padding:calc(var(--spacing)*0)}.hans-card-image.hans-card-small{min-height:calc(var(--spacing)*32)}.hans-card-image.hans-card-medium{min-height:calc(var(--spacing)*40)}.hans-card-image.hans-card-large{min-height:calc(var(--spacing)*52)}.hans-card-image-surface{background-color:var(--hans-card-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(180deg,var(--black)0%,var(--black)100%),var(--hans-card-image);align-items:flex-end;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-card-image-surface{background-image:linear-gradient(180deg,color-mix(in srgb,var(--black)6%,transparent),color-mix(in srgb,var(--black)54%,transparent)),var(--hans-card-image)}}.hans-card-image-surface{min-height:inherit}.hans-card-image-overlay{justify-content:flex-end;gap:calc(var(--spacing)*3);width:100%;padding:calc(var(--spacing)*4);min-height:inherit;flex-direction:column;display:flex}.hans-card-image-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.hans-card-image .hans-card-title,.hans-card-image .hans-card-description{color:var(--color-white)}.hans-card-skeleton{min-height:inherit;display:block}.hans-carousel{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing)*4);background:var(--hans-carousel-shell-bg,var(--white));border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-200))}.hans-carousel-borderless{padding:calc(var(--spacing)*0);background:0 0;border-color:#0000}.hans-carousel-without-gap .hans-carousel-track{gap:0}.hans-carousel-small{padding:calc(var(--spacing)*3)}.hans-carousel-medium{padding:calc(var(--spacing)*4)}.hans-carousel-large{padding:calc(var(--spacing)*5)}.hans-carousel-frame{gap:calc(var(--spacing)*4);flex-direction:column;width:100%;display:flex;position:relative}.hans-carousel-viewport{width:100%;position:relative;overflow:hidden}.hans-carousel-track{gap:calc(var(--spacing)*4);grid-template-columns:repeat(var(--hans-carousel-columns,1),minmax(0,1fr));display:grid}.hans-carousel-slide{min-width:calc(var(--spacing)*0);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;min-height:var(--hans-carousel-height,240px);border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-200));transition-duration:.2s;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-carousel-slide{border-color:color-mix(in srgb,var(--hans-carousel-shell-border,var(--gray-200))40%,transparent)}}.hans-carousel-slide-active{border-color:var(--hans-carousel-accent-border,var(--gray-400))}.hans-carousel-slide-loading{background-color:var(--white)}.hans-carousel-image{width:100%;height:100%;min-height:100%;padding:calc(var(--spacing)*4);background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(180deg,var(--black)0%,var(--black)100%),var(--hans-carousel-slide-image);align-items:flex-end;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-carousel-image{background-image:linear-gradient(180deg,color-mix(in srgb,var(--black)8%,transparent),color-mix(in srgb,var(--black)58%,transparent)),var(--hans-carousel-slide-image)}}.hans-carousel-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.hans-carousel-image-top-copy{align-items:flex-start}.hans-carousel-copy-top{max-width:calc(100% - 3rem)}.hans-carousel-title{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white)}.hans-carousel-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--color-white)}.hans-carousel-nav{z-index:10;--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;height:calc(var(--spacing)*10);width:calc(var(--spacing)*10);background:var(--hans-carousel-accent-bg,var(--white));color:var(--hans-carousel-accent-text,var(--text-color));border-width:1px;border-color:var(--hans-carousel-accent-border,var(--gray-300));box-shadow:0 8px 24px var(--black);border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.2s;display:flex;position:absolute;top:50%}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav{box-shadow:0 8px 24px color-mix(in srgb,var(--black)16%,transparent)}}.hans-carousel-nav.hans-button{padding:calc(var(--spacing)*0);--tw-outline-style:none;box-shadow:0 8px 24px var(--black);border-width:1px;outline-style:none;background:var(--hans-carousel-accent-bg,var(--white))!important;color:var(--hans-carousel-accent-text,var(--text-color))!important;border-color:var(--hans-carousel-accent-border,var(--gray-300))!important}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav.hans-button{box-shadow:0 8px 24px color-mix(in srgb,var(--black)16%,transparent)}}.hans-carousel-nav:not(:disabled){cursor:pointer}.hans-carousel-nav:not(:disabled):hover{filter:brightness(.97)}.hans-carousel-nav:disabled{cursor:not-allowed;opacity:.5}.hans-carousel-nav-previous{left:calc(var(--spacing)*3)}.hans-carousel-nav-next{right:calc(var(--spacing)*3)}.hans-carousel-nav .hans-icon,.hans-carousel-nav .hans-loading{color:currentColor}.hans-carousel-nav slot{justify-content:center;align-items:center;display:inline-flex}.hans-carousel-nav .hans-icon{flex-shrink:0}.hans-carousel-nav .hans-loading-spinner{border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav .hans-loading-spinner{border-color:color-mix(in srgb,currentColor 28%,transparent)}}.hans-carousel-nav .hans-loading-spinner{border-top-color:currentColor}.hans-carousel-controls{justify-content:center;align-items:center;gap:calc(var(--spacing)*4);display:flex}.hans-carousel-indicators{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);max-width:100%;display:flex;overflow:hidden}.hans-carousel-indicator{height:calc(var(--spacing)*2.5);width:calc(var(--spacing)*2.5);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;cursor:pointer;background:var(--hans-carousel-indicator-inactive,var(--gray-300));border-width:0;border-radius:3.40282e38px;transition-duration:.2s}.hans-carousel-indicator-active{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);background:var(--hans-carousel-indicator-active,var(--gray-700))}.hans-carousel-indicator-faded{opacity:.45}.hans-carousel-empty{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);--tw-border-style:dashed;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*10);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--hans-carousel-accent-text,var(--text-color));border-style:dashed;border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-300));justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.hans-carousel-empty{border-color:color-mix(in srgb,var(--hans-carousel-shell-border,var(--gray-300))60%,transparent)}}.hans-carousel-empty{min-height:var(--hans-carousel-height,240px)}.hans-carousel-borderless .hans-carousel-frame{gap:calc(var(--spacing)*0)}.hans-carousel-borderless .hans-carousel-viewport{border-radius:var(--radius-2xl)}.hans-carousel-borderless .hans-carousel-controls{pointer-events:none;bottom:calc(var(--spacing)*4);z-index:20;--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;left:50%}.hans-carousel-borderless .hans-carousel-image{padding-bottom:calc(var(--spacing)*24)}.hans-carousel-borderless .hans-carousel-indicators{pointer-events:auto;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);background:var(--black);border-radius:3.40282e38px}@supports (color:color-mix(in lab,red,red)){.hans-carousel-borderless .hans-carousel-indicators{background:color-mix(in srgb,var(--black)24%,transparent)}}.hans-carousel-borderless .hans-carousel-indicators{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hans-carousel-borderless .hans-carousel-copy{padding-right:calc(var(--spacing)*4)}.hans-carousel-borderless .hans-carousel-empty{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:0}.hans-tag{align-items:center;gap:calc(var(--spacing)*1);border-radius:3.40282e38px;display:inline-flex}.hans-tag-label{--tw-leading:1;line-height:1}.hans-tag-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{z-index:9999;min-width:100%;position:absolute}.hans-popup-panel[data-horizontal-position=start]{right:auto;left:calc(var(--spacing)*0)}.hans-popup-panel[data-horizontal-position=end]{right:calc(var(--spacing)*0);left:auto}.hans-popup-panel[data-direction=down]{margin-top:calc(var(--spacing)*1);top:100%}.hans-popup-panel[data-direction=up]{margin-bottom:calc(var(--spacing)*1);bottom:100%}.hans-popup-panel-content{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-height:calc(var(--spacing)*56);background-color:var(--hans-popup-bg);overflow:auto}.hans-popup-empty,.hans-popup-item-list-empty{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-toast{align-items:flex-start;gap:calc(var(--spacing)*3);border-radius:var(--radius-xl);border-style:var(--tw-border-style);min-width:260px;max-width:420px;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);--tw-shadow:var(--hans-toast-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);background:var(--hans-toast-bg);border-width:1px;border-color:var(--hans-toast-border);color:var(--hans-toast-text);display:flex;position:fixed}.hans-toast-small{max-width:300px;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toast-medium{max-width:360px;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toast-large{max-width:420px;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-toast-accent{width:calc(var(--spacing)*2);background:var(--hans-toast-accent);border-radius:3.40282e38px;flex-shrink:0;align-self:stretch}.hans-toast-icon{padding-top:calc(var(--spacing)*.5);color:var(--hans-toast-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hans-toast-content{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-toast-title{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-toast-message{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);opacity:.9}.hans-toast-close{cursor:pointer;border-radius:var(--radius-md);--tw-border-style:none;padding:calc(var(--spacing)*1);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1;color:inherit;background-color:#0000;border-style:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.hans-toast-close:disabled{cursor:not-allowed;opacity:.5}.hans-modal-portal{inset:calc(var(--spacing)*0);z-index:1200;color:var(--hans-modal-text);display:flex;position:fixed}.hans-modal-overlay{pointer-events:none;inset:calc(var(--spacing)*0);background:var(--hans-modal-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute}.hans-modal-shell{z-index:1;width:100%;height:100%;padding:calc(var(--spacing)*4);display:flex;position:relative}@media(min-width:48rem){.hans-modal-shell{padding:calc(var(--spacing)*6)}}.hans-modal-portal[data-placement=left] .hans-modal-shell,.hans-modal-portal[data-placement=right] .hans-modal-shell{padding:calc(var(--spacing)*0)}.hans-modal-dialog{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);--tw-shadow:var(--hans-modal-shadow);width:100%;max-height:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:var(--hans-modal-bg);border-width:1px;border-color:var(--hans-modal-border);color:var(--hans-modal-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.hans-modal-placement-center{margin-block:auto;margin-inline:auto}.hans-modal-placement-left{margin-block:calc(var(--spacing)*0);margin-right:auto;margin-left:calc(var(--spacing)*0);border-radius:0;border-top-right-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);height:100%}.hans-modal-placement-right{margin-block:calc(var(--spacing)*0);margin-right:calc(var(--spacing)*0);border-radius:0;border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl);height:100%;margin-left:auto}.hans-modal-small.hans-modal-placement-center{max-width:var(--container-md)}.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
@@ -171,13 +171,13 @@ declare const HansButtonSchema: {
171
171
 
172
172
  export declare const HansCard: default_2.MemoExoticComponent<(props: HansCardProps) => JSX.Element>;
173
173
 
174
- declare type HansCardLayout = 'profile' | 'image';
174
+ declare type HansCardLayout = 'profile' | 'image' | 'custom';
175
175
 
176
176
  export declare type HansCardProps = InferPropsFromSchema<typeof HansCardSchema> & Omit<default_2.HTMLAttributes<HTMLDivElement>, 'color' | 'title'> & {
177
177
  children?: default_2.ReactNode;
178
178
  };
179
179
 
180
- export declare const HansCardPropsList: Partial<Record<"customClasses" | "loading" | "loadingColor" | "title" | "description" | "imageSrc" | "imageAlt" | "avatarSrc" | "avatarAlt" | "avatarLoading" | "loadingAriaLabel" | "cardLayout" | "cardSize" | "cardColor" | "cardVariant", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
180
+ export declare const HansCardPropsList: Partial<Record<"customClasses" | "loading" | "loadingColor" | "title" | "description" | "imageSrc" | "imageAlt" | "avatarSrc" | "avatarAlt" | "avatarLoading" | "loadingAriaLabel" | "cardLayout" | "cardSize" | "cardColor" | "cardVariant" | "cardBackgroundColor" | "cardBorderColor" | "cardTextColor" | "cardMutedColor", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
181
181
 
182
182
  declare const HansCardSchema: {
183
183
  readonly title: "string";
@@ -209,6 +209,10 @@ declare const HansCardSchema: {
209
209
  readonly type: "custom";
210
210
  readonly ref: Variant;
211
211
  };
212
+ readonly cardBackgroundColor: "string";
213
+ readonly cardBorderColor: "string";
214
+ readonly cardTextColor: "string";
215
+ readonly cardMutedColor: "string";
212
216
  readonly customClasses: "string";
213
217
  };
214
218
 
package/dist/index.es.js CHANGED
@@ -2371,52 +2371,56 @@ const MN = (r, e) => r || (e ? "image" : "profile"), DN = ({
2371
2371
  `, IN = ({
2372
2372
  cardColor: r,
2373
2373
  cardVariant: e,
2374
- imageSrc: t
2374
+ cardBackgroundColor: t,
2375
+ cardBorderColor: a,
2376
+ cardTextColor: n,
2377
+ cardMutedColor: i,
2378
+ imageSrc: o
2375
2379
  }) => {
2376
- const a = `--${r}`, n = r === "base", o = {
2380
+ const s = `--${r}`, l = r === "base", c = {
2377
2381
  strong: {
2378
- bg: `var(${a}-strong-color)`,
2379
- border: `var(${a}-strong-color)`,
2382
+ bg: `var(${s}-strong-color)`,
2383
+ border: `var(${s}-strong-color)`,
2380
2384
  text: "var(--white)",
2381
2385
  muted: "color-mix(in srgb, var(--white) 76%, transparent)"
2382
2386
  },
2383
2387
  default: {
2384
- bg: `var(${a}-default-color)`,
2385
- border: `var(${a}-default-color)`,
2386
- text: n ? "var(--text-color)" : "var(--white)",
2387
- muted: n ? "color-mix(in srgb, var(--text-color) 72%, transparent)" : "color-mix(in srgb, var(--white) 76%, transparent)"
2388
+ bg: `var(${s}-default-color)`,
2389
+ border: `var(${s}-default-color)`,
2390
+ text: l ? "var(--text-color)" : "var(--white)",
2391
+ muted: l ? "color-mix(in srgb, var(--text-color) 72%, transparent)" : "color-mix(in srgb, var(--white) 76%, transparent)"
2388
2392
  },
2389
2393
  neutral: {
2390
- bg: `var(${a}-neutral-color)`,
2391
- border: `var(${a}-neutral-color)`,
2392
- text: n ? "var(--text-color)" : `var(${a}-strong-color)`,
2393
- muted: n ? "color-mix(in srgb, var(--text-color) 68%, transparent)" : `color-mix(in srgb, var(${a}-strong-color) 72%, transparent)`
2394
+ bg: `var(${s}-neutral-color)`,
2395
+ border: `var(${s}-neutral-color)`,
2396
+ text: l ? "var(--text-color)" : `var(${s}-strong-color)`,
2397
+ muted: l ? "color-mix(in srgb, var(--text-color) 68%, transparent)" : `color-mix(in srgb, var(${s}-strong-color) 72%, transparent)`
2394
2398
  },
2395
2399
  inverse: {
2396
2400
  bg: "var(--white)",
2397
2401
  border: "var(--white)",
2398
- text: n ? "var(--base-default-color)" : `var(${a}-default-color)`,
2399
- muted: n ? "color-mix(in srgb, var(--base-default-color) 68%, transparent)" : `color-mix(in srgb, var(${a}-default-color) 72%, transparent)`
2402
+ text: l ? "var(--base-default-color)" : `var(${s}-default-color)`,
2403
+ muted: l ? "color-mix(in srgb, var(--base-default-color) 68%, transparent)" : `color-mix(in srgb, var(${s}-default-color) 72%, transparent)`
2400
2404
  },
2401
2405
  outline: {
2402
2406
  bg: "var(--white)",
2403
- border: `var(${a}-default-color)`,
2404
- text: n ? "var(--text-color)" : `var(${a}-strong-color)`,
2405
- muted: n ? "color-mix(in srgb, var(--text-color) 68%, transparent)" : `color-mix(in srgb, var(${a}-strong-color) 72%, transparent)`
2407
+ border: `var(${s}-default-color)`,
2408
+ text: l ? "var(--text-color)" : `var(${s}-strong-color)`,
2409
+ muted: l ? "color-mix(in srgb, var(--text-color) 68%, transparent)" : `color-mix(in srgb, var(${s}-strong-color) 72%, transparent)`
2406
2410
  },
2407
2411
  transparent: {
2408
2412
  bg: "transparent",
2409
2413
  border: "transparent",
2410
- text: n ? "var(--text-color)" : `var(${a}-strong-color)`,
2411
- muted: n ? "color-mix(in srgb, var(--text-color) 68%, transparent)" : `color-mix(in srgb, var(${a}-strong-color) 72%, transparent)`
2414
+ text: l ? "var(--text-color)" : `var(${s}-strong-color)`,
2415
+ muted: l ? "color-mix(in srgb, var(--text-color) 68%, transparent)" : `color-mix(in srgb, var(${s}-strong-color) 72%, transparent)`
2412
2416
  }
2413
2417
  }[e];
2414
2418
  return {
2415
- "--hans-card-bg": o.bg,
2416
- "--hans-card-border": o.border,
2417
- "--hans-card-text": o.text,
2418
- "--hans-card-muted": o.muted,
2419
- "--hans-card-image": t ? `url("${t}")` : "none"
2419
+ "--hans-card-bg": t || c.bg,
2420
+ "--hans-card-border": a || c.border,
2421
+ "--hans-card-text": n || c.text,
2422
+ "--hans-card-muted": i || c.muted,
2423
+ "--hans-card-image": o ? `url("${o}")` : "none"
2420
2424
  };
2421
2425
  }, oM = W.memo((r) => {
2422
2426
  const {
@@ -2431,40 +2435,48 @@ const MN = (r, e) => r || (e ? "image" : "profile"), DN = ({
2431
2435
  cardSize: u = "medium",
2432
2436
  cardColor: c = "base",
2433
2437
  cardVariant: f = "neutral",
2434
- loading: h = !1,
2435
- loadingColor: v,
2436
- loadingAriaLabel: d = "Loading card",
2437
- customClasses: p = "",
2438
- children: g,
2439
- ...y
2440
- } = r, m = MN(l, a), _ = DN({
2441
- cardLayout: m,
2438
+ cardBackgroundColor: h,
2439
+ cardBorderColor: v,
2440
+ cardTextColor: d,
2441
+ cardMutedColor: p,
2442
+ loading: g = !1,
2443
+ loadingColor: y,
2444
+ loadingAriaLabel: m = "Loading card",
2445
+ customClasses: _ = "",
2446
+ children: b,
2447
+ ...S
2448
+ } = r, x = MN(l, a), w = DN({
2449
+ cardLayout: x,
2442
2450
  cardSize: u,
2443
- customClasses: p
2444
- }), b = IN({
2451
+ customClasses: _
2452
+ }), T = IN({
2445
2453
  cardColor: c,
2446
2454
  cardVariant: f,
2455
+ cardBackgroundColor: h,
2456
+ cardBorderColor: v,
2457
+ cardTextColor: d,
2458
+ cardMutedColor: p,
2447
2459
  imageSrc: a
2448
- }), S = v ?? c;
2449
- return h ? /* @__PURE__ */ N.jsx(
2460
+ }), A = y ?? c;
2461
+ return g ? /* @__PURE__ */ N.jsx(
2450
2462
  "div",
2451
2463
  {
2452
- className: `${_} hans-card-loading`,
2453
- style: b,
2454
- ...y,
2464
+ className: `${w} hans-card-loading`,
2465
+ style: T,
2466
+ ...S,
2455
2467
  children: /* @__PURE__ */ N.jsx(
2456
2468
  Ye,
2457
2469
  {
2458
2470
  loadingType: "skeleton",
2459
- loadingColor: S,
2471
+ loadingColor: A,
2460
2472
  skeletonWidth: "100%",
2461
2473
  skeletonHeight: "100%",
2462
- ariaLabel: d,
2474
+ ariaLabel: m,
2463
2475
  customClasses: "hans-card-skeleton"
2464
2476
  }
2465
2477
  )
2466
2478
  }
2467
- ) : m === "image" ? /* @__PURE__ */ N.jsx("div", { className: _, style: b, ...y, children: /* @__PURE__ */ N.jsx(
2479
+ ) : x === "image" ? /* @__PURE__ */ N.jsx("div", { className: w, style: T, ...S, children: /* @__PURE__ */ N.jsx(
2468
2480
  "div",
2469
2481
  {
2470
2482
  className: "hans-card-image-surface",
@@ -2475,10 +2487,13 @@ const MN = (r, e) => r || (e ? "image" : "profile"), DN = ({
2475
2487
  e ? /* @__PURE__ */ N.jsx("strong", { className: "hans-card-title", children: e }) : null,
2476
2488
  t ? /* @__PURE__ */ N.jsx("span", { className: "hans-card-description", children: t }) : null
2477
2489
  ] }),
2478
- g ? /* @__PURE__ */ N.jsx("div", { className: "hans-card-extra", children: g }) : null
2490
+ b ? /* @__PURE__ */ N.jsx("div", { className: "hans-card-extra", children: b }) : null
2479
2491
  ] })
2480
2492
  }
2481
- ) }) : /* @__PURE__ */ N.jsxs("div", { className: _, style: b, ...y, children: [
2493
+ ) }) : x === "custom" ? /* @__PURE__ */ N.jsxs("div", { className: w, style: T, ...S, children: [
2494
+ b,
2495
+ /* @__PURE__ */ N.jsx("slot", {})
2496
+ ] }) : /* @__PURE__ */ N.jsxs("div", { className: w, style: T, ...S, children: [
2482
2497
  /* @__PURE__ */ N.jsxs("div", { className: "hans-card-profile-main", children: [
2483
2498
  /* @__PURE__ */ N.jsx(
2484
2499
  cm,
@@ -2494,7 +2509,7 @@ const MN = (r, e) => r || (e ? "image" : "profile"), DN = ({
2494
2509
  t ? /* @__PURE__ */ N.jsx("span", { className: "hans-card-description", children: t }) : null
2495
2510
  ] })
2496
2511
  ] }),
2497
- g ? /* @__PURE__ */ N.jsx("div", { className: "hans-card-extra", children: g }) : null
2512
+ b ? /* @__PURE__ */ N.jsx("div", { className: "hans-card-extra", children: b }) : null
2498
2513
  ] });
2499
2514
  });
2500
2515
  oM.displayName = "HansCard";
@@ -52326,6 +52341,10 @@ const Aee = {
52326
52341
  cardSize: { type: "custom", ref: {} },
52327
52342
  cardColor: { type: "custom", ref: {} },
52328
52343
  cardVariant: { type: "custom", ref: {} },
52344
+ cardBackgroundColor: "string",
52345
+ cardBorderColor: "string",
52346
+ cardTextColor: "string",
52347
+ cardMutedColor: "string",
52329
52348
  customClasses: "string"
52330
52349
  }, ste = dt(kee), Ree = {
52331
52350
  items: {
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.14",
5
+ "version": "1.0.15",
6
6
  "type": "module",
7
7
  "license": "MIT",
8
8
  "main": "dist/index.cjs.js",