@digitalwalletcorp/vue-core 1.4.1 → 1.4.3

package/lib/{components-CDIhw5uP.js → components-Mk1fpjbw.js}

@@ -1,4 +1,4 @@
-import { e as a, f as s, a as n, g as _, h as o, i as e, j as c, k as i, l as t, o as f, p as m, b as r, q as l, r as $, s as p, d, t as g, v as b, w as u } from "./warning-popper.vue_vue_type_style_index_0_lang-BJxLA6aU.js";
+import { e as a, f as s, a as n, g as _, h as o, i as e, j as c, k as i, l as t, o as f, p as m, b as r, q as l, r as $, s as p, d, v as g, w as b, x as u } from "./warning-popper.vue_vue_type_style_index_0_lang-BKR56ef2.js";
 const y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AccordionFieldset: a,

package/lib/{components-BCJWnExf.cjs → components-ytOBcKlQ.cjs}

@@ -1 +1 @@
-"use strict";const n=require("./warning-popper.vue_vue_type_style_index_0_lang-TYmLM_h9.cjs"),_=Object.freeze(Object.defineProperty({__proto__:null,AccordionFieldset:n._sfc_main$4,AccordionSection:n._sfc_main$5,CopyButton:n._sfc_main$1,DarkModeSelector:n._sfc_main$6,DataTable:n._sfc_main$7,HelpButton:n._sfc_main$8,HelpPopper:n._sfc_main$9,HourglassLoading:n._sfc_main$10,IntersectionLazyComponent:n._sfc_main$11,LabelButton:n._sfc_main$12,LabelIcon:n._sfc_main$13,ModalDialog:n._sfc_main$2,OverlayBox:n._sfc_main$14,PageSection:n._sfc_main$15,PageTitle:n._sfc_main$16,ScreenLoading:n._sfc_main$3,TabContent:n._sfc_main$17,TabGroup:n._sfc_main$18,WarningPopper:n._sfc_main$19},Symbol.toStringTag,{value:"Module"}));exports.components=_;
+"use strict";const n=require("./warning-popper.vue_vue_type_style_index_0_lang-142lRixg.cjs"),_=Object.freeze(Object.defineProperty({__proto__:null,AccordionFieldset:n._sfc_main$4,AccordionSection:n._sfc_main$5,CopyButton:n._sfc_main$1,DarkModeSelector:n._sfc_main$6,DataTable:n._sfc_main$7,HelpButton:n._sfc_main$8,HelpPopper:n._sfc_main$9,HourglassLoading:n._sfc_main$10,IntersectionLazyComponent:n._sfc_main$11,LabelButton:n._sfc_main$12,LabelIcon:n._sfc_main$13,ModalDialog:n._sfc_main$2,OverlayBox:n._sfc_main$14,PageSection:n._sfc_main$15,PageTitle:n._sfc_main$16,ScreenLoading:n._sfc_main$3,TabContent:n._sfc_main$17,TabGroup:n._sfc_main$18,WarningPopper:n._sfc_main$19},Symbol.toStringTag,{value:"Module"}));exports.components=_;

package/lib/helpers/modal-dialog.d.cts

@@ -1,4 +1,6 @@
 import { AppContext, ClassValue, Component, StyleValue } from 'vue';
+/** モーダルダイアログに表示するメッセージ。オブジェクトは整形した JSON 風のテキストで表示する */
+export type ModalDialogMessage = string | object;
 /** モーダルダイアログの種類 */
 export type ModalDialogType = 'info' | 'confirm' | 'warn' | 'error';
 /** モーダルダイアログに並べるボタンの種類 */
@@ -46,11 +48,11 @@ export interface ShowModalDialogOptions {
 /**
  * ModalDialog を body の末尾に描画して開き、閉じたら取り外す。ブラウザでのみ動作する
  *
- * @param {string | string[]} message 表示する文字列。配列なら1要素を1段落として表示する
+ * @param {ModalDialogMessage | ModalDialogMessage[]} message 表示するメッセージ。配列なら1要素を1段落として表示する
  * @param {ShowModalDialogOptions} [options]
  * @returns {Promise<ModalDialogResult>} 閉じたボタン
  */
-export declare function showModalDialog(message: string | string[], options?: ShowModalDialogOptions): Promise<ModalDialogResult>;
+export declare function showModalDialog(message: ModalDialogMessage | ModalDialogMessage[], options?: ShowModalDialogOptions): Promise<ModalDialogResult>;
 /**
  * 情報を伝えるダイアログを開く
  *
@@ -58,7 +60,7 @@ export declare function showModalDialog(message: string | string[], options?: Sh
  * @param {Omit<ShowModalDialogOptions, 'type'>} [options]
  * @returns {Promise<ModalDialogResult>} 閉じたボタン
  */
-export declare function showInformationDialog(message: string | string[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;
+export declare function showInformationDialog(message: ModalDialogMessage | ModalDialogMessage[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;
 /**
  * Yes / No を尋ねるダイアログを開く
  *
@@ -66,7 +68,7 @@ export declare function showInformationDialog(message: string | string[], option
  * @param {Omit<ShowModalDialogOptions, 'type'>} [options]
  * @returns {Promise<ModalDialogResult>} 閉じたボタン
  */
-export declare function showConfirmationDialog(message: string | string[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;
+export declare function showConfirmationDialog(message: ModalDialogMessage | ModalDialogMessage[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;
 /**
  * 警告のダイアログを開く
  *
@@ -74,7 +76,7 @@ export declare function showConfirmationDialog(message: string | string[], optio
  * @param {Omit<ShowModalDialogOptions, 'type'>} [options]
  * @returns {Promise<ModalDialogResult>} 閉じたボタン
  */
-export declare function showWarningDialog(message: string | string[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;
+export declare function showWarningDialog(message: ModalDialogMessage | ModalDialogMessage[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;
 /**
  * エラーのダイアログを開く
  *
@@ -82,4 +84,4 @@ export declare function showWarningDialog(message: string | string[], options?:
  * @param {Omit<ShowModalDialogOptions, 'type'>} [options]
  * @returns {Promise<ModalDialogResult>} 閉じたボタン
  */
-export declare function showErrorDialog(message: string | string[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;
+export declare function showErrorDialog(message: ModalDialogMessage | ModalDialogMessage[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;

package/lib/helpers/modal-dialog.d.ts

@@ -1,4 +1,6 @@
 import { AppContext, ClassValue, Component, StyleValue } from 'vue';
+/** モーダルダイアログに表示するメッセージ。オブジェクトは整形した JSON 風のテキストで表示する */
+export type ModalDialogMessage = string | object;
 /** モーダルダイアログの種類 */
 export type ModalDialogType = 'info' | 'confirm' | 'warn' | 'error';
 /** モーダルダイアログに並べるボタンの種類 */
@@ -46,11 +48,11 @@ export interface ShowModalDialogOptions {
 /**
  * ModalDialog を body の末尾に描画して開き、閉じたら取り外す。ブラウザでのみ動作する
  *
- * @param {string | string[]} message 表示する文字列。配列なら1要素を1段落として表示する
+ * @param {ModalDialogMessage | ModalDialogMessage[]} message 表示するメッセージ。配列なら1要素を1段落として表示する
  * @param {ShowModalDialogOptions} [options]
  * @returns {Promise<ModalDialogResult>} 閉じたボタン
  */
-export declare function showModalDialog(message: string | string[], options?: ShowModalDialogOptions): Promise<ModalDialogResult>;
+export declare function showModalDialog(message: ModalDialogMessage | ModalDialogMessage[], options?: ShowModalDialogOptions): Promise<ModalDialogResult>;
 /**
  * 情報を伝えるダイアログを開く
  *
@@ -58,7 +60,7 @@ export declare function showModalDialog(message: string | string[], options?: Sh
  * @param {Omit<ShowModalDialogOptions, 'type'>} [options]
  * @returns {Promise<ModalDialogResult>} 閉じたボタン
  */
-export declare function showInformationDialog(message: string | string[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;
+export declare function showInformationDialog(message: ModalDialogMessage | ModalDialogMessage[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;
 /**
  * Yes / No を尋ねるダイアログを開く
  *
@@ -66,7 +68,7 @@ export declare function showInformationDialog(message: string | string[], option
  * @param {Omit<ShowModalDialogOptions, 'type'>} [options]
  * @returns {Promise<ModalDialogResult>} 閉じたボタン
  */
-export declare function showConfirmationDialog(message: string | string[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;
+export declare function showConfirmationDialog(message: ModalDialogMessage | ModalDialogMessage[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;
 /**
  * 警告のダイアログを開く
  *
@@ -74,7 +76,7 @@ export declare function showConfirmationDialog(message: string | string[], optio
  * @param {Omit<ShowModalDialogOptions, 'type'>} [options]
  * @returns {Promise<ModalDialogResult>} 閉じたボタン
  */
-export declare function showWarningDialog(message: string | string[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;
+export declare function showWarningDialog(message: ModalDialogMessage | ModalDialogMessage[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;
 /**
  * エラーのダイアログを開く
  *
@@ -82,4 +84,4 @@ export declare function showWarningDialog(message: string | string[], options?:
  * @param {Omit<ShowModalDialogOptions, 'type'>} [options]
  * @returns {Promise<ModalDialogResult>} 閉じたボタン
  */
-export declare function showErrorDialog(message: string | string[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;
+export declare function showErrorDialog(message: ModalDialogMessage | ModalDialogMessage[], options?: Omit<ShowModalDialogOptions, 'type'>): Promise<ModalDialogResult>;

package/lib/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./warning-popper.vue_vue_type_style_index_0_lang-TYmLM_h9.cjs"),e=require("vue"),O=require("@digitalwalletcorp/vue-svg-icons"),T=e.defineComponent({__name:"floating-component",props:{open:{type:Boolean},title:{},anchor:{},dragMode:{},loading:{type:Boolean},closeLabel:{},copyValue:{type:[String,Number,Function]},copyLabel:{},closeOnDblClick:{type:Boolean},lockScroll:{type:Boolean},initialSize:{},headerClass:{type:[Boolean,null,String,Object,Array]},headerStyle:{type:[Boolean,null,String,Object,Array]}},emits:["update:open","emit:close"],setup(o,{emit:t}){const n=o,a=t,s=e.ref(),i=e.ref(l.nextWindowOrder()),c=()=>{i.value=l.nextWindowOrder()},d=()=>{n.closeOnDblClick&&a("update:open",!1)},r=()=>{const u=s.value;if(!u?.element)return;const m=u.element.getBoundingClientRect();let p=n.initialSize?.width??m.width;window.innerWidth<p&&(p=window.innerWidth*.9);let f=n.initialSize?.height??-1;window.innerHeight<f&&(f=window.innerHeight*.9),u.size.width=p,u.size.height=f;const b=document.documentElement.scrollLeft,k=document.documentElement.scrollTop;if(n.anchor){const D={width:p,height:0<=f?f:m.height},E={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight},v=l.computeAnchoredPosition(n.anchor.getBoundingClientRect(),D,E,{placement:"bottom-start",offset:0,margin:0,arrowMargin:0});u.position.x=v.left+b,u.position.y=v.top+k}else u.position.x=10+b,u.position.y=10+k};return e.onMounted(()=>{n.open&&r()}),(u,m)=>(e.openBlock(),e.createBlock(e.Transition,{name:"dwui-floating-component-fade",onAfterLeave:m[1]||(m[1]=p=>a("emit:close"))},{default:e.withCtx(()=>[n.open?(e.openBlock(),e.createBlock(l._sfc_main,{key:0,ref_key:"refWindow",ref:s,class:e.normalizeClass(["dwui-floating-component",{"dwui-lock-scroll":n.lockScroll}]),name:"dwui-floating-component",style:e.normalizeStyle({"--dwui-order-window":i.value}),"drag-mode":n.dragMode,loading:n.loading,"close-label":n.closeLabel,"clamp-bottom":!1,"header-class":n.headerClass,"header-style":n.headerStyle,onPointerdownCapture:c,onDblclick:d,"onEmit:close":m[0]||(m[0]=p=>a("update:open",!1))},e.createSlots({title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:2},[n.copyValue!=null?{name:"actions",fn:e.withCtx(()=>[e.createVNode(l._sfc_main$1,{class:"dwui-floating-component-copy-button",value:n.copyValue,"aria-label":n.copyLabel},null,8,["value","aria-label"])]),key:"0"}:void 0]),1032,["class","style","drag-mode","loading","close-label","header-class","header-style"])):e.createCommentVNode("",!0)]),_:3}))}}),S=new Set,h=(o,t,n)=>{const{appContext:a,onClose:s,...i}=t??{};return l.mountWindow((c,d)=>e.h(T,{closeLabel:"Close",copyLabel:"Copy",closeOnDblClick:!1,lockScroll:!1,...i,...c},{default:()=>o(d)}),{appContext:a,onClose:s,onClosed:n},S)},$=(o,t)=>n=>e.h(o,{...t,...n}),C=o=>typeof o=="string"?o:JSON.stringify(o,null,2),x=(o,t)=>()=>t&&typeof o=="string"?e.h("div",{class:"dwui-floating-component-message",innerHTML:o}):e.h("div",{class:"dwui-floating-component-message"},C(o));function M(o,t,n){return h($(o,t),n)}function V(o,t){const{html:n,...a}=t??{};return h(x(o,n),{copyValue:C(o),...a})}function A(){for(const o of[...S])o.close()}function F(){const o=l.useWindowOwner("useFloatingComponent"),t=n=>({appContext:o.appContext,...n});return{showFloatingComponent:(n,a,s)=>o.own(i=>h($(n,a),t(s),i)),showFloatingMessage:(n,a)=>{const{html:s,...i}=a??{};return o.own(c=>h(x(n,s),t({copyValue:C(n),...i}),c))}}}function g(o,t){const{icon:n,appContext:a,...s}=t??{};return new Promise(i=>{const c=document.createElement("div");document.body.appendChild(c);const d=e.h(l._sfc_main$2,{...s,message:o,open:!0,"onEmit:close":r=>{e.render(null,c),c.remove(),i(r)}},n?{icon:()=>e.h(n)}:void 0);a&&(d.appContext=a),e.render(d,c)})}function W(o,t){return g(o,{...t,type:"info"})}function N(o,t){return g(o,{...t,type:"confirm"})}function z(o,t){return g(o,{...t,type:"warn"})}function P(o,t){return g(o,{...t,type:"error"})}function I(o){const t=document.createElement("div");document.body.appendChild(t);const n=()=>{e.render(null,t),t.remove()};return e.render(e.h(l._sfc_main$3,{...o,loading:!0}),t),{close:n}}const H=["aria-label","title"],R=["title","onClick"],j={key:0,class:"dwui-snackbar-header"},q={key:0,class:"dwui-snackbar-title"},G={key:1,class:"dwui-snackbar-label"},K={class:"dwui-snackbar-message"},J={key:1,class:"dwui-snackbar-timestamp"},Q=e.defineComponent({__name:"snackbar-container",props:{placement:{},direction:{},items:{}},emits:["emit:close","emit:clear","emit:afterLeave"],setup(o,{emit:t}){const n=o,a=t,s=e.computed(()=>{const[c,d="center"]=n.placement.split("-");return[`dwui-snackbar-container-${c}`,`dwui-snackbar-container-${d}`,`dwui-snackbar-container-${n.direction}`]}),i=e.computed(()=>n.items.filter(c=>c.clearable).at(-1)?.clearLabel);return(c,d)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{tag:"div",name:"dwui-snackbar-fade",class:e.normalizeClass(["dwui-snackbar-container",s.value]),role:"status",onAfterLeave:d[1]||(d[1]=r=>a("emit:afterLeave"))},{default:e.withCtx(()=>[i.value!=null?(e.openBlock(),e.createElementBlock("button",{key:"clear",type:"button",class:"dwui-snackbar-clear-button","aria-label":i.value,title:i.value,onClick:d[0]||(d[0]=r=>a("emit:clear"))},[e.createVNode(e.unref(O.SvgWastebasket))],8,H)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,r=>(e.openBlock(),e.createElementBlock("button",{key:r.id,type:"button",class:e.normalizeClass(["dwui-snackbar",r.class]),style:e.normalizeStyle(r.style),title:r.message,onClick:u=>a("emit:close",r.id)},[r.title||r.label?(e.openBlock(),e.createElementBlock("span",j,[r.title?(e.openBlock(),e.createElementBlock("span",q,e.toDisplayString(r.title),1)):e.createCommentVNode("",!0),r.label?(e.openBlock(),e.createElementBlock("span",G,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",K,e.toDisplayString(r.message),1),r.timestamp?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(r.timestamp),1)):e.createCommentVNode("",!0)],14,R))),128))]),_:1},8,["class"]))}}),U=50,w=new Map,y=new Map;let B=0;const _=(o,t,n)=>{const a=o.findIndex(i=>i.id===t);if(a<0)return;o.splice(a,1);const s=y.get(t);y.delete(t),clearTimeout(s?.timer),s?.onClose?.(n)},L=o=>{const t=o.map(n=>n.id);for(let n=0;n<t.length;n++)setTimeout(()=>_(o,t[n],"clear"),U*n)},X=(o,t)=>{const n=`${o} ${t}`,a=w.get(n);if(a)return a;const s=document.createElement("div");document.body.appendChild(s);const i=e.shallowReactive([]);return w.set(n,i),e.render(e.h(Q,{placement:o,direction:t,items:i,"onEmit:close":c=>_(i,c,"click"),"onEmit:clear":()=>L(i),"onEmit:afterLeave":()=>{i.length===0&&w.get(n)===i&&(w.delete(n),e.render(null,s),s.remove())}}),s),i};function Y(o,t){const{placement:n="bottom",direction:a="overlap",duration:s,clearable:i=!1,clearLabel:c="Clear all",onClose:d,...r}=t??{},u=X(n,a);B+=1;const m=B;return u.push({...r,id:m,message:o,clearable:i,clearLabel:c}),y.set(m,{timer:s?setTimeout(()=>_(u,m,"duration"),s):void 0,onClose:d}),{close:()=>_(u,m,"handle")}}function Z(){for(const o of w.values())L(o)}exports.AccordionFieldset=l._sfc_main$4;exports.AccordionSection=l._sfc_main$5;exports.CopyButton=l._sfc_main$1;exports.DarkModeSelector=l._sfc_main$6;exports.DataTable=l._sfc_main$7;exports.HelpButton=l._sfc_main$8;exports.HelpPopper=l._sfc_main$9;exports.HourglassLoading=l._sfc_main$10;exports.IntersectionLazyComponent=l._sfc_main$11;exports.LabelButton=l._sfc_main$12;exports.LabelIcon=l._sfc_main$13;exports.ModalDialog=l._sfc_main$2;exports.OverlayBox=l._sfc_main$14;exports.PageSection=l._sfc_main$15;exports.PageTitle=l._sfc_main$16;exports.ScreenLoading=l._sfc_main$3;exports.TabContent=l._sfc_main$17;exports.TabGroup=l._sfc_main$18;exports.WarningPopper=l._sfc_main$19;exports.closeAllOverlayBoxes=l.closeAllOverlayBoxes;exports.headersToCsvColumns=l.headersToCsvColumns;exports.rowToCsvColumns=l.rowToCsvColumns;exports.showOverlayBox=l.showOverlayBox;exports.useOverlayBox=l.useOverlayBox;exports.vueCoreOptionsKey=l.vueCoreOptionsKey;exports.closeAllFloatingComponents=A;exports.closeAllSnackbars=Z;exports.showConfirmationDialog=N;exports.showErrorDialog=P;exports.showFloatingComponent=M;exports.showFloatingMessage=V;exports.showInformationDialog=W;exports.showModalDialog=g;exports.showScreenLoading=I;exports.showSnackbar=Y;exports.showWarningDialog=z;exports.useFloatingComponent=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./warning-popper.vue_vue_type_style_index_0_lang-142lRixg.cjs"),e=require("vue"),E=require("@digitalwalletcorp/vue-svg-icons"),T=e.defineComponent({__name:"floating-component",props:{open:{type:Boolean},title:{},anchor:{},dragMode:{},loading:{type:Boolean},closeLabel:{},copyValue:{type:[String,Number,Function]},copyLabel:{},closeOnDblClick:{type:Boolean},lockScroll:{type:Boolean},initialSize:{},headerClass:{type:[Boolean,null,String,Object,Array]},headerStyle:{type:[Boolean,null,String,Object,Array]}},emits:["update:open","emit:close"],setup(n,{emit:t}){const o=n,l=t,s=e.ref(),i=e.ref(a.nextWindowOrder()),c=()=>{i.value=a.nextWindowOrder()},d=()=>{o.closeOnDblClick&&l("update:open",!1)},r=()=>{const u=s.value;if(!u?.element)return;const m=u.element.getBoundingClientRect();let p=o.initialSize?.width??m.width;window.innerWidth<p&&(p=window.innerWidth*.9);let f=o.initialSize?.height??-1;window.innerHeight<f&&(f=window.innerHeight*.9),u.size.width=p,u.size.height=f;const C=document.documentElement.scrollLeft,b=document.documentElement.scrollTop;if(o.anchor){const L={width:p,height:0<=f?f:m.height},D={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight},k=a.computeAnchoredPosition(o.anchor.getBoundingClientRect(),L,D,{placement:"bottom-start",offset:0,margin:0,arrowMargin:0});u.position.x=k.left+C,u.position.y=k.top+b}else u.position.x=10+C,u.position.y=10+b};return e.onMounted(()=>{o.open&&r()}),(u,m)=>(e.openBlock(),e.createBlock(e.Transition,{name:"dwui-floating-component-fade",onAfterLeave:m[1]||(m[1]=p=>l("emit:close"))},{default:e.withCtx(()=>[o.open?(e.openBlock(),e.createBlock(a._sfc_main,{key:0,ref_key:"refWindow",ref:s,class:e.normalizeClass(["dwui-floating-component",{"dwui-lock-scroll":o.lockScroll}]),name:"dwui-floating-component",style:e.normalizeStyle({"--dwui-order-window":i.value}),"drag-mode":o.dragMode,loading:o.loading,"close-label":o.closeLabel,"clamp-bottom":!1,"header-class":o.headerClass,"header-style":o.headerStyle,onPointerdownCapture:c,onDblclick:d,"onEmit:close":m[0]||(m[0]=p=>l("update:open",!1))},e.createSlots({title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.title),1)]),default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:2},[o.copyValue!=null?{name:"actions",fn:e.withCtx(()=>[e.createVNode(a._sfc_main$1,{class:"dwui-floating-component-copy-button",value:o.copyValue,"aria-label":o.copyLabel},null,8,["value","aria-label"])]),key:"0"}:void 0]),1032,["class","style","drag-mode","loading","close-label","header-class","header-style"])):e.createCommentVNode("",!0)]),_:3}))}}),B=new Set,h=(n,t,o)=>{const{appContext:l,onClose:s,...i}=t??{};return a.mountWindow((c,d)=>e.h(T,{closeLabel:"Close",copyLabel:"Copy",closeOnDblClick:!1,lockScroll:!1,...i,...c},{default:()=>n(d)}),{appContext:l,onClose:s,onClosed:o},B)},S=(n,t)=>o=>e.h(n,{...t,...o}),$=(n,t)=>()=>t&&typeof n=="string"?e.h("div",{class:"dwui-floating-component-message",innerHTML:n}):e.h("div",{class:"dwui-floating-component-message"},a.toMessageText(n));function O(n,t,o){return h(S(n,t),o)}function M(n,t){const{html:o,...l}=t??{};return h($(n,o),{copyValue:a.toMessageText(n),...l})}function V(){for(const n of[...B])n.close()}function A(){const n=a.useWindowOwner("useFloatingComponent"),t=o=>({appContext:n.appContext,...o});return{showFloatingComponent:(o,l,s)=>n.own(i=>h(S(o,l),t(s),i)),showFloatingMessage:(o,l)=>{const{html:s,...i}=l??{};return n.own(c=>h($(o,s),t({copyValue:a.toMessageText(o),...i}),c))}}}function w(n,t){const{icon:o,appContext:l,...s}=t??{};return new Promise(i=>{const c=document.createElement("div");document.body.appendChild(c);const d=e.h(a._sfc_main$2,{...s,message:n,open:!0,"onEmit:close":r=>{e.render(null,c),c.remove(),i(r)}},o?{icon:()=>e.h(o)}:void 0);l&&(d.appContext=l),e.render(d,c)})}function F(n,t){return w(n,{...t,type:"info"})}function W(n,t){return w(n,{...t,type:"confirm"})}function z(n,t){return w(n,{...t,type:"warn"})}function N(n,t){return w(n,{...t,type:"error"})}function P(n){const t=document.createElement("div");document.body.appendChild(t);const o=()=>{e.render(null,t),t.remove()};return e.render(e.h(a._sfc_main$3,{...n,loading:!0}),t),{close:o}}const I=["aria-label","title"],H=["title","onClick"],R={key:0,class:"dwui-snackbar-header"},j={key:0,class:"dwui-snackbar-title"},q={key:1,class:"dwui-snackbar-label"},G={class:"dwui-snackbar-message"},K={key:1,class:"dwui-snackbar-timestamp"},J=e.defineComponent({__name:"snackbar-container",props:{placement:{},direction:{},items:{}},emits:["emit:close","emit:clear","emit:afterLeave"],setup(n,{emit:t}){const o=n,l=t,s=e.computed(()=>{const[c,d="center"]=o.placement.split("-");return[`dwui-snackbar-container-${c}`,`dwui-snackbar-container-${d}`,`dwui-snackbar-container-${o.direction}`]}),i=e.computed(()=>o.items.filter(c=>c.clearable).at(-1)?.clearLabel);return(c,d)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{tag:"div",name:"dwui-snackbar-fade",class:e.normalizeClass(["dwui-snackbar-container",s.value]),role:"status",onAfterLeave:d[1]||(d[1]=r=>l("emit:afterLeave"))},{default:e.withCtx(()=>[i.value!=null?(e.openBlock(),e.createElementBlock("button",{key:"clear",type:"button",class:"dwui-snackbar-clear-button","aria-label":i.value,title:i.value,onClick:d[0]||(d[0]=r=>l("emit:clear"))},[e.createVNode(e.unref(E.SvgWastebasket))],8,I)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,r=>(e.openBlock(),e.createElementBlock("button",{key:r.id,type:"button",class:e.normalizeClass(["dwui-snackbar",r.class]),style:e.normalizeStyle(r.style),title:r.message,onClick:u=>l("emit:close",r.id)},[r.title||r.label?(e.openBlock(),e.createElementBlock("span",R,[r.title?(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(r.title),1)):e.createCommentVNode("",!0),r.label?(e.openBlock(),e.createElementBlock("span",q,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",G,e.toDisplayString(r.message),1),r.timestamp?(e.openBlock(),e.createElementBlock("span",K,e.toDisplayString(r.timestamp),1)):e.createCommentVNode("",!0)],14,H))),128))]),_:1},8,["class"]))}}),Q=50,g=new Map,y=new Map;let v=0;const _=(n,t,o)=>{const l=n.findIndex(i=>i.id===t);if(l<0)return;n.splice(l,1);const s=y.get(t);y.delete(t),clearTimeout(s?.timer),s?.onClose?.(o)},x=n=>{const t=n.map(o=>o.id);for(let o=0;o<t.length;o++)setTimeout(()=>_(n,t[o],"clear"),Q*o)},U=(n,t)=>{const o=`${n} ${t}`,l=g.get(o);if(l)return l;const s=document.createElement("div");document.body.appendChild(s);const i=e.shallowReactive([]);return g.set(o,i),e.render(e.h(J,{placement:n,direction:t,items:i,"onEmit:close":c=>_(i,c,"click"),"onEmit:clear":()=>x(i),"onEmit:afterLeave":()=>{i.length===0&&g.get(o)===i&&(g.delete(o),e.render(null,s),s.remove())}}),s),i};function X(n,t){const{placement:o="bottom",direction:l="overlap",duration:s,clearable:i=!1,clearLabel:c="Clear all",onClose:d,...r}=t??{},u=U(o,l);v+=1;const m=v;return u.push({...r,id:m,message:n,clearable:i,clearLabel:c}),y.set(m,{timer:s?setTimeout(()=>_(u,m,"duration"),s):void 0,onClose:d}),{close:()=>_(u,m,"handle")}}function Y(){for(const n of g.values())x(n)}exports.AccordionFieldset=a._sfc_main$4;exports.AccordionSection=a._sfc_main$5;exports.CopyButton=a._sfc_main$1;exports.DarkModeSelector=a._sfc_main$6;exports.DataTable=a._sfc_main$7;exports.HelpButton=a._sfc_main$8;exports.HelpPopper=a._sfc_main$9;exports.HourglassLoading=a._sfc_main$10;exports.IntersectionLazyComponent=a._sfc_main$11;exports.LabelButton=a._sfc_main$12;exports.LabelIcon=a._sfc_main$13;exports.ModalDialog=a._sfc_main$2;exports.OverlayBox=a._sfc_main$14;exports.PageSection=a._sfc_main$15;exports.PageTitle=a._sfc_main$16;exports.ScreenLoading=a._sfc_main$3;exports.TabContent=a._sfc_main$17;exports.TabGroup=a._sfc_main$18;exports.WarningPopper=a._sfc_main$19;exports.closeAllOverlayBoxes=a.closeAllOverlayBoxes;exports.headersToCsvColumns=a.headersToCsvColumns;exports.rowToCsvColumns=a.rowToCsvColumns;exports.showOverlayBox=a.showOverlayBox;exports.useOverlayBox=a.useOverlayBox;exports.vueCoreOptionsKey=a.vueCoreOptionsKey;exports.closeAllFloatingComponents=V;exports.closeAllSnackbars=Y;exports.showConfirmationDialog=W;exports.showErrorDialog=N;exports.showFloatingComponent=O;exports.showFloatingMessage=M;exports.showInformationDialog=F;exports.showModalDialog=w;exports.showScreenLoading=P;exports.showSnackbar=X;exports.showWarningDialog=z;exports.useFloatingComponent=A;

package/lib/index.d.cts

@@ -23,7 +23,7 @@ export type { DataTableControlsPlacement, DataTableCsvColumn, DataTableHeader, D
 export { closeAllFloatingComponents, showFloatingComponent, showFloatingMessage, useFloatingComponent } from './helpers/floating-component.cjs';
 export type { FloatingComponentContentProps, FloatingComponentHandle, ShowFloatingComponentOptions, ShowFloatingMessageOptions } from './helpers/floating-component.cjs';
 export { showConfirmationDialog, showErrorDialog, showInformationDialog, showModalDialog, showWarningDialog } from './helpers/modal-dialog.cjs';
-export type { ModalDialogButton, ModalDialogImage, ModalDialogResult, ModalDialogType, ShowModalDialogOptions } from './helpers/modal-dialog.cjs';
+export type { ModalDialogButton, ModalDialogImage, ModalDialogMessage, ModalDialogResult, ModalDialogType, ShowModalDialogOptions } from './helpers/modal-dialog.cjs';
 export { closeAllOverlayBoxes, showOverlayBox, useOverlayBox } from './helpers/overlay-box.cjs';
 export type { OverlayBoxContentProps, OverlayBoxHandle, ShowOverlayBoxOptions } from './helpers/overlay-box.cjs';
 export { showScreenLoading } from './helpers/screen-loading.cjs';

package/lib/index.d.ts

@@ -23,7 +23,7 @@ export type { DataTableControlsPlacement, DataTableCsvColumn, DataTableHeader, D
 export { closeAllFloatingComponents, showFloatingComponent, showFloatingMessage, useFloatingComponent } from './helpers/floating-component';
 export type { FloatingComponentContentProps, FloatingComponentHandle, ShowFloatingComponentOptions, ShowFloatingMessageOptions } from './helpers/floating-component';
 export { showConfirmationDialog, showErrorDialog, showInformationDialog, showModalDialog, showWarningDialog } from './helpers/modal-dialog';
-export type { ModalDialogButton, ModalDialogImage, ModalDialogResult, ModalDialogType, ShowModalDialogOptions } from './helpers/modal-dialog';
+export type { ModalDialogButton, ModalDialogImage, ModalDialogMessage, ModalDialogResult, ModalDialogType, ShowModalDialogOptions } from './helpers/modal-dialog';
 export { closeAllOverlayBoxes, showOverlayBox, useOverlayBox } from './helpers/overlay-box';
 export type { OverlayBoxContentProps, OverlayBoxHandle, ShowOverlayBoxOptions } from './helpers/overlay-box';
 export { showScreenLoading } from './helpers/screen-loading';

package/lib/index.js

@@ -1,6 +1,6 @@
-import { n as $, _ as j, a as G, c as q, u as J, m as K, b as Q, d as U } from "./warning-popper.vue_vue_type_style_index_0_lang-BJxLA6aU.js";
-import { e as Fe, f as ze, g as Pe, h as Ve, i as He, j as Ie, k as Ne, l as Re, o as je, p as Ge, q as qe, r as Je, s as Ke, t as Qe, v as Ue, w as Xe, x as Ye, y as Ze, z as en, A as nn, B as tn, C as on } from "./warning-popper.vue_vue_type_style_index_0_lang-BJxLA6aU.js";
-import { defineComponent as W, ref as D, onMounted as X, openBlock as u, createBlock as L, Transition as Y, withCtx as b, normalizeStyle as F, normalizeClass as S, createSlots as Z, renderSlot as ee, createTextVNode as ne, toDisplayString as y, createVNode as z, createCommentVNode as w, h as p, render as g, computed as M, TransitionGroup as te, createElementBlock as m, unref as oe, Fragment as ae, renderList as le, createElementVNode as se, shallowReactive as ie } from "vue";
+import { n as $, _ as j, a as G, c as q, t as B, u as K, m as J, b as Q, d as U } from "./warning-popper.vue_vue_type_style_index_0_lang-BKR56ef2.js";
+import { e as Fe, f as ze, g as Pe, h as Ve, i as He, j as Ie, k as Ne, l as Re, o as je, p as Ge, q as qe, r as Ke, s as Je, v as Qe, w as Ue, x as Xe, y as Ye, z as Ze, A as en, B as nn, C as tn, D as on } from "./warning-popper.vue_vue_type_style_index_0_lang-BKR56ef2.js";
+import { defineComponent as W, ref as O, onMounted as X, openBlock as u, createBlock as L, Transition as Y, withCtx as b, normalizeStyle as F, normalizeClass as S, createSlots as Z, renderSlot as ee, createTextVNode as ne, toDisplayString as y, createVNode as z, createCommentVNode as w, h as p, render as g, computed as M, TransitionGroup as te, createElementBlock as m, unref as oe, Fragment as ae, renderList as le, createElementVNode as se, shallowReactive as ie } from "vue";
 import { SvgWastebasket as re } from "@digitalwalletcorp/vue-svg-icons";
 const ce = /* @__PURE__ */ W({
   __name: "floating-component",
@@ -21,7 +21,7 @@ const ce = /* @__PURE__ */ W({
   },
   emits: ["update:open", "emit:close"],
   setup(n, { emit: t }) {
-    const e = n, o = t, l = D(), a = D($()), i = () => {
+    const e = n, o = t, l = O(), a = O($()), i = () => {
       a.value = $();
     }, r = () => {
       e.closeOnDblClick && o("update:open", !1);
@@ -42,13 +42,13 @@ const ce = /* @__PURE__ */ W({
         }, R = {
           width: document.documentElement.clientWidth,
           height: document.documentElement.clientHeight
-        }, O = q(e.anchor.getBoundingClientRect(), N, R, {
+        }, D = q(e.anchor.getBoundingClientRect(), N, R, {
           placement: "bottom-start",
           offset: 0,
           margin: 0,
           arrowMargin: 0
         });
-        c.position.x = O.left + E, c.position.y = O.top + T;
+        c.position.x = D.left + E, c.position.y = D.top + T;
       } else
         c.position.x = 10 + E, c.position.y = 10 + T;
     };
@@ -102,7 +102,7 @@ const ce = /* @__PURE__ */ W({
   }
 }), P = /* @__PURE__ */ new Set(), v = (n, t, e) => {
   const { appContext: o, onClose: l, ...a } = t ?? {};
-  return K((i, r) => p(ce, {
+  return J((i, r) => p(ce, {
     closeLabel: "Close",
     copyLabel: "Copy",
     closeOnDblClick: !1,
@@ -115,7 +115,7 @@ const ce = /* @__PURE__ */ W({
 }, V = (n, t) => (e) => p(n, {
   ...t,
   ...e
-}), B = (n) => typeof n == "string" ? n : JSON.stringify(n, null, 2), H = (n, t) => () => t && typeof n == "string" ? p("div", { class: "dwui-floating-component-message", innerHTML: n }) : p("div", { class: "dwui-floating-component-message" }, B(n));
+}), H = (n, t) => () => t && typeof n == "string" ? p("div", { class: "dwui-floating-component-message", innerHTML: n }) : p("div", { class: "dwui-floating-component-message" }, B(n));
 function _e(n, t, e) {
   return v(V(n, t), e);
 }
@@ -131,7 +131,7 @@ function Se() {
     n.close();
 }
 function xe() {
-  const n = J("useFloatingComponent"), t = (e) => ({
+  const n = K("useFloatingComponent"), t = (e) => ({
     appContext: n.appContext,
     ...e
   });
@@ -180,7 +180,7 @@ function Te(n, t) {
     type: "warn"
   });
 }
-function Oe(n, t) {
+function De(n, t) {
   return _(n, {
     ...t,
     type: "error"
@@ -294,7 +294,7 @@ const k = (n, t, e) => {
     }
   }), l), a;
 };
-function De(n, t) {
+function Oe(n, t) {
   const {
     placement: e = "bottom",
     direction: o = "overlap",
@@ -337,8 +337,8 @@ export {
   Ge as LabelIcon,
   Q as ModalDialog,
   qe as OverlayBox,
-  Je as PageSection,
-  Ke as PageTitle,
+  Ke as PageSection,
+  Je as PageTitle,
   U as ScreenLoading,
   Qe as TabContent,
   Ue as TabGroup,
@@ -349,14 +349,14 @@ export {
   Ze as headersToCsvColumns,
   en as rowToCsvColumns,
   Ee as showConfirmationDialog,
-  Oe as showErrorDialog,
+  De as showErrorDialog,
   _e as showFloatingComponent,
   Le as showFloatingMessage,
   Be as showInformationDialog,
   _ as showModalDialog,
   nn as showOverlayBox,
   $e as showScreenLoading,
-  De as showSnackbar,
+  Oe as showSnackbar,
   Te as showWarningDialog,
   xe as useFloatingComponent,
   tn as useOverlayBox,

package/lib/internal/message.d.cts

@@ -0,0 +1,11 @@
+/**
+ * 文字列またはオブジェクトを、ダイアログやウィンドウに表示するテキストにする
+ * オブジェクトは 2 スペースで字下げした JSON 風のテキストにする。読みやすさを優先し、JSON として元に戻せる形にはしない
+ * ・JSON 文字列を値に持つ項目は、オブジェクトとして展開する
+ * ・文字列の値はエスケープせず、改行や引用符もそのまま出す
+ * ・Error は name と message、bigint は文字列、循環参照は "[Circular]" にし、undefined と関数の項目は省く
+ *
+ * @param {string | object} message
+ * @returns {string}
+ */
+export declare function toMessageText(message: string | object): string;

package/lib/internal/message.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 文字列またはオブジェクトを、ダイアログやウィンドウに表示するテキストにする
+ * オブジェクトは 2 スペースで字下げした JSON 風のテキストにする。読みやすさを優先し、JSON として元に戻せる形にはしない
+ * ・JSON 文字列を値に持つ項目は、オブジェクトとして展開する
+ * ・文字列の値はエスケープせず、改行や引用符もそのまま出す
+ * ・Error は name と message、bigint は文字列、循環参照は "[Circular]" にし、undefined と関数の項目は省く
+ *
+ * @param {string | object} message
+ * @returns {string}
+ */
+export declare function toMessageText(message: string | object): string;

package/lib/modal-dialog.d.cts

@@ -1,12 +1,12 @@
-import { ModalDialogButton, ModalDialogImage, ModalDialogResult, ModalDialogType } from './helpers/modal-dialog.cjs';
+import { ModalDialogButton, ModalDialogImage, ModalDialogMessage, ModalDialogResult, ModalDialogType } from './helpers/modal-dialog.cjs';
 export interface Props {
     /** ダイアログの種類 */
     type?: ModalDialogType;
     /** 見出し */
     title?: string;
-    /** 表示する文字列。配列なら1要素を1段落として表示する */
-    message?: string | string[];
-    /** true の場合、見出しとメッセージを HTML として表示する */
+    /** 表示するメッセージ。配列なら1要素を1段落として表示する。オブジェクトは整形した JSON 風のテキストで表示する */
+    message?: ModalDialogMessage | ModalDialogMessage[];
+    /** true の場合、見出しと文字列のメッセージを HTML として表示する */
     html?: boolean;
     /** メッセージの下に並べる画像 */
     image?: ModalDialogImage | ModalDialogImage[];
@@ -50,7 +50,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     title: string;
     image: ModalDialogImage | ModalDialogImage[];
     type: ModalDialogType;
-    message: string | string[];
+    message: ModalDialogMessage | ModalDialogMessage[];
     buttons: ModalDialogButton[];
     okLabel: string;
     yesLabel: string;

package/lib/modal-dialog.d.ts

@@ -1,12 +1,12 @@
-import { ModalDialogButton, ModalDialogImage, ModalDialogResult, ModalDialogType } from './helpers/modal-dialog';
+import { ModalDialogButton, ModalDialogImage, ModalDialogMessage, ModalDialogResult, ModalDialogType } from './helpers/modal-dialog';
 export interface Props {
     /** ダイアログの種類 */
     type?: ModalDialogType;
     /** 見出し */
     title?: string;
-    /** 表示する文字列。配列なら1要素を1段落として表示する */
-    message?: string | string[];
-    /** true の場合、見出しとメッセージを HTML として表示する */
+    /** 表示するメッセージ。配列なら1要素を1段落として表示する。オブジェクトは整形した JSON 風のテキストで表示する */
+    message?: ModalDialogMessage | ModalDialogMessage[];
+    /** true の場合、見出しと文字列のメッセージを HTML として表示する */
     html?: boolean;
     /** メッセージの下に並べる画像 */
     image?: ModalDialogImage | ModalDialogImage[];
@@ -50,7 +50,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     title: string;
     image: ModalDialogImage | ModalDialogImage[];
     type: ModalDialogType;
-    message: string | string[];
+    message: ModalDialogMessage | ModalDialogMessage[];
     buttons: ModalDialogButton[];
     okLabel: string;
     yesLabel: string;

package/lib/nuxt.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@nuxt/kit"),r=require("./components-BCJWnExf.cjs");var t=typeof document<"u"?document.currentScript:null;const u=e.defineNuxtModule({meta:{name:"@digitalwalletcorp/vue-core",configKey:"vueCore"},setup(){const n=e.createResolver(typeof document>"u"?require("url").pathToFileURL(__filename).href:t&&t.tagName.toUpperCase()==="SCRIPT"&&t.src||new URL("nuxt.cjs",document.baseURI).href);for(const o of Object.keys(r.components))e.addComponent({name:o,export:o,filePath:n.resolve("./index")})}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@nuxt/kit"),r=require("./components-ytOBcKlQ.cjs");var t=typeof document<"u"?document.currentScript:null;const u=e.defineNuxtModule({meta:{name:"@digitalwalletcorp/vue-core",configKey:"vueCore"},setup(){const n=e.createResolver(typeof document>"u"?require("url").pathToFileURL(__filename).href:t&&t.tagName.toUpperCase()==="SCRIPT"&&t.src||new URL("nuxt.cjs",document.baseURI).href);for(const o of Object.keys(r.components))e.addComponent({name:o,export:o,filePath:n.resolve("./index")})}});exports.default=u;

package/lib/nuxt.js

@@ -1,5 +1,5 @@
 import { defineNuxtModule as t, createResolver as r, addComponent as n } from "@nuxt/kit";
-import { c as a } from "./components-CDIhw5uP.js";
+import { c as a } from "./components-Mk1fpjbw.js";
 const c = t({
   meta: {
     name: "@digitalwalletcorp/vue-core",

package/lib/register.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components-BCJWnExf.cjs");function r(e){for(const[o,n]of Object.entries(t.components))e.component(o,n)}exports.registerComponents=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components-ytOBcKlQ.cjs");function r(e){for(const[o,n]of Object.entries(t.components))e.component(o,n)}exports.registerComponents=r;

package/lib/register.js

@@ -1,4 +1,4 @@
-import { c as t } from "./components-CDIhw5uP.js";
+import { c as t } from "./components-Mk1fpjbw.js";
 function m(o) {
   for (const [n, e] of Object.entries(t))
     o.component(n, e);

package/lib/style.css

@@ -1 +1 @@
-:where(.dwui-label-icon){display:inline-block}:where(.dwui-label-icon>.dwui-label){display:inline-block}:where(.dwui-label-icon>.dwui-label:not(:first-child)){margin-left:var(--dwui-gap-label-icon, .25em)}:where(.dwui-accordion-fieldset){position:relative}:where(.dwui-accordion-toggle){display:inline-flex;align-items:center;gap:.33em;margin-left:.33em;padding:0;border:none;background:none;color:inherit;cursor:pointer}:where(.dwui-accordion-toggle:disabled){opacity:.6;cursor:not-allowed}:where(.dwui-accordion-toggle:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-accordion-contents){position:relative;width:fit-content;padding:.17em;overflow:hidden;opacity:1}:where(.dwui-accordion-contents.dwui-expanded){transition:all .3s linear}:where(.dwui-accordion-contents.dwui-shrunk){height:auto;max-height:70px;opacity:.75;transition:all .3s linear}:where(.dwui-accordion-section){position:relative}:where(.dwui-accordion-section-contents){position:relative;width:fit-content;overflow:hidden}:where(.dwui-accordion-section-contents.dwui-expanded){transition:all .3s linear}:where(.dwui-accordion-section-contents.dwui-shrunk){height:auto;max-height:70px;transition:all .3s linear}:where(.dwui-accordion-section-contents.dwui-shrunk:not(.dwui-no-gradient)):after{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,transparent 0%,transparent 60%,var(--dwui-color-accordion-section-fade, Canvas) 100%);pointer-events:none}:where(.dwui-accordion-section-control){position:relative;display:flex;justify-content:center;width:100%}:where(.dwui-accordion-section-toggle){display:inline-flex;align-items:center;padding:0;border:none;background:none;color:inherit;cursor:pointer}:where(.dwui-accordion-section-toggle:disabled){opacity:.6;cursor:not-allowed}:where(.dwui-accordion-section-toggle:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-accordion-section-toggle[aria-expanded=true]){margin-top:.67em}:where(.dwui-accordion-section-toggle[aria-expanded=false]){margin-top:-.83em}:where(.dwui-copy-button){display:inline-flex;align-items:center;justify-content:center;padding:.17em;border:none;border-radius:4px;background-color:transparent;background-image:none;color:inherit;font:inherit;line-height:0;cursor:pointer}:where(.dwui-copy-button:not(:disabled):hover){background:var(--dwui-background-copy-button-hover, light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .12)))}:where(.dwui-copy-button:not(:disabled):active){transform:translate(1px,1px)}:where(.dwui-copy-button:disabled){opacity:.4;cursor:not-allowed}:where(.dwui-copy-button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-dark-mode-selector){position:relative;display:inline-block;vertical-align:top;width:3.85em;height:1.65em;padding:0;border:none;border-radius:.85em;background-color:transparent;background-image:none;color:inherit;font:inherit;line-height:0;cursor:pointer}:where(.dwui-dark-mode-selector-track){position:relative;display:block;height:inherit;border-radius:inherit;background:var(--dwui-background-dark-mode-selector, azure);box-shadow:inset 0 1px 2px #0000001f,inset 0 0 2px #00000026;font-size:.85em;transition:background .15s ease-out}:where(.dwui-dark-mode-selector[aria-checked=true]>.dwui-dark-mode-selector-track){background:var(--dwui-background-dark-mode-selector-checked, darkslategray);box-shadow:inset 0 1px 2px #00000026,inset 0 0 3px #0003}:where(.dwui-dark-mode-selector-icon-light,.dwui-dark-mode-selector-icon-dark){position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;line-height:1;transition:opacity .15s ease-out}:where(.dwui-dark-mode-selector-icon-light){right:.6em}:where(.dwui-dark-mode-selector-icon-dark){left:.6em;opacity:0}:where(.dwui-dark-mode-selector[aria-checked=true] .dwui-dark-mode-selector-icon-light){opacity:0}:where(.dwui-dark-mode-selector[aria-checked=true] .dwui-dark-mode-selector-icon-dark){opacity:1}:where(.dwui-dark-mode-selector-handle){position:absolute;top:.075em;left:0;width:1.5em;height:1.5em;border-radius:.75em;background:var(--dwui-background-dark-mode-selector-handle, linear-gradient(.25turn, #888484 0%, #b4abab 50%, #888484 100%));box-shadow:1px 1px 5px #0003;transition:left .15s ease-out}:where(.dwui-dark-mode-selector[aria-checked=true]>.dwui-dark-mode-selector-handle){left:2.275em;box-shadow:-1px 1px 5px #0003}:where(.dwui-dark-mode-selector:disabled){opacity:.5;cursor:not-allowed}:where(.dwui-dark-mode-selector:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-pagination){display:flex;align-items:center;gap:.67em;white-space:nowrap}:where(.dwui-pagination-list){display:flex;align-self:stretch;align-items:stretch;gap:.25em;margin:0;padding:0;list-style:none}:where(.dwui-pagination-list li){display:flex}:where(.dwui-pagination-list button){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;aspect-ratio:1;padding:0;border:1px solid var(--dwui-border-color-pagination-button, light-dark(#d3d3d3, #5a5a5a));border-radius:3px;background:var(--dwui-background-pagination-button, light-dark(#fafafa, #2a2a2a));color:var(--dwui-color-text-pagination-button, inherit);font:inherit;line-height:1;cursor:pointer;transition:background-color .3s ease}:where(.dwui-pagination-list button:disabled){opacity:.4;cursor:not-allowed}:where(.dwui-pagination-list button:not(:disabled,.dwui-current):hover){background:var(--dwui-background-pagination-button-hover, light-dark(#46e2f7, #1f7a86))}:where(.dwui-pagination-list .dwui-current){background:var(--dwui-background-pagination-button-current, linear-gradient(rgba(78, 221, 231, .7), rgba(34, 162, 172, .7)));color:var(--dwui-color-text-pagination-button-current, inherit);cursor:default}:where(.dwui-pagination-list button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-pagination-select){display:inline-flex;align-self:stretch;align-items:center;gap:.33em}:where(.dwui-pagination-select select){align-self:stretch}:where(.dwui-data-table-controls){display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;gap:.33em .67em;margin:.33em 0}:where(.dwui-data-table-tools){display:flex;align-items:center;justify-content:flex-end;gap:.33em;margin-left:auto;white-space:nowrap}:where(.dwui-data-table-total){margin-right:.67em}:where(.dwui-data-table-total-count){margin:0 .5em;color:var(--dwui-color-text-data-table-total-count, inherit);font-weight:var(--dwui-font-weight-data-table-total-count, bold)}:where(.dwui-data-table-limit){display:inline-flex;align-self:stretch;align-items:center;gap:.33em}:where(.dwui-data-table-limit input){align-self:stretch;width:60px}:where(.dwui-data-table-tools button){display:inline-flex;align-self:stretch;align-items:center;justify-content:center;box-sizing:border-box;aspect-ratio:1;padding:0;border:1px solid var(--dwui-border-color-data-table-button, light-dark(#d3d3d3, #5a5a5a));border-radius:3px;background:var(--dwui-background-data-table-button, light-dark(#fafafa, #2a2a2a));color:var(--dwui-color-text-data-table-button, inherit);font:inherit;cursor:pointer}:where(.dwui-data-table-tools button svg){width:auto;height:85%}:where(.dwui-data-table-tools button:hover){background:var(--dwui-background-data-table-button-hover, light-dark(#e8e8e8, #3a3a3a))}:where(.dwui-data-table-tools button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-data-table-content){position:relative;overflow:auto}:where(.dwui-data-table-content:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:calc(var(--dwui-outline-width-focus-ring, 2px) * -1)}:where(.dwui-data-table-content.dwui-loading){min-height:var(--dwui-height-data-table-loading, 120px)}:where(.dwui-data-table table){border-collapse:separate;border-spacing:0;width:100%}:where(.dwui-data-table th){position:sticky;top:0;z-index:1;padding:.33em 0;border:1px solid var(--dwui-border-color-data-table, light-dark(#818181, #5a5a5a));border-right:none;background:var(--dwui-background-data-table-header, light-dark(#e8e8e8, #3a3a3a));color:var(--dwui-color-text-data-table-header, inherit);text-align:center;white-space:nowrap}:where(.dwui-data-table th:last-child){border-right:1px solid var(--dwui-border-color-data-table, light-dark(#818181, #5a5a5a))}:where(.dwui-data-table-sort){display:inline-flex;align-items:center;gap:.17em}:where(.dwui-data-table-sort[role=button]){cursor:pointer}:where(.dwui-data-table-sort:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-data-table-resizer){position:absolute;top:0;right:0;width:10px;height:100%;cursor:col-resize;touch-action:none}:where(.dwui-data-table td){padding:.25em;border-top:1px dotted var(--dwui-border-color-data-table, light-dark(#818181, #5a5a5a));border-left:1px dotted var(--dwui-border-color-data-table, light-dark(#818181, #5a5a5a));line-height:1.2em;word-break:break-all}:where(.dwui-data-table tbody tr:first-child td){border-top:none}:where(.dwui-data-table tbody tr:last-child td){border-bottom:1px dotted var(--dwui-border-color-data-table, light-dark(#818181, #5a5a5a))}:where(.dwui-data-table td:last-child){border-right:1px dotted var(--dwui-border-color-data-table, light-dark(#818181, #5a5a5a))}:where(.dwui-data-table tbody tr:nth-child(odd)){background:var(--dwui-background-data-table-row-odd, light-dark(#ffffff, #1e1e1e));transition:background-color 1s ease}:where(.dwui-data-table tbody tr:nth-child(2n)){background:var(--dwui-background-data-table-row-even, light-dark(#f4f4f4, #262626));transition:background-color 1s ease}:where(.dwui-data-table.dwui-selectable tbody tr){cursor:pointer}:where(.dwui-data-table tbody tr:not(.dwui-selected,.dwui-data-table-no-data):hover){background:var(--dwui-background-data-table-row-hover, light-dark(#e0f7fa, #2f4f4f))}:where(.dwui-data-table tbody tr.dwui-selected){background:var(--dwui-background-data-table-row-selected, light-dark(#fff3b0, #5a4a00))}:where(.dwui-data-table-no-data td){padding:.83em 0;color:var(--dwui-color-text-data-table-no-data, light-dark(#808080, #a0a0a0));text-align:center;cursor:default}:where(.dwui-data-table-loading){position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:var(--dwui-overlay-color-loading, light-dark(rgba(0, 0, 0, .25), rgba(0, 0, 0, .45)))}:where(.dwui-data-table-loading-spinner){width:var(--dwui-size-loading-spinner, 40px);height:var(--dwui-size-loading-spinner, 40px);border:4px solid var(--dwui-border-color-loading-spinner, rgba(255, 255, 255, .4));border-top-color:var(--dwui-border-color-loading-spinner-accent, #ffffff);border-radius:50%;animation:dwui-data-table-loading-spin .8s linear infinite}@keyframes dwui-data-table-loading-spin{to{transform:rotate(360deg)}}:where(.dwui-anchored-popover){inset:auto;display:flex;flex-direction:column;box-sizing:border-box;max-width:var(--dwui-max-width-anchored-popover, calc(100vw - 16px) );max-height:var(--dwui-max-height-anchored-popover, calc(100vh - 16px) );margin:0;padding:0;border:1px solid var(--dwui-border-color-anchored-popover, light-dark(#8f8f8f, #6b6f76));border-radius:var(--dwui-radius-anchored-popover, 4px);background:var(--dwui-background-anchored-popover, Canvas);color:var(--dwui-color-text-anchored-popover, CanvasText);box-shadow:var(--dwui-box-shadow-anchored-popover, 0 2px 8px rgba(0, 0, 0, .25));font:inherit;visibility:hidden;overflow:visible}:where(.dwui-anchored-popover-content){min-height:0;padding:var(--dwui-padding-anchored-popover, .67em 1em);overflow:auto}:where(.dwui-anchored-popover.dwui-arrow):before{content:"";position:absolute;width:10px;height:10px;box-sizing:border-box;border:1px solid var(--dwui-border-color-anchored-popover, light-dark(#8f8f8f, #6b6f76));background:var(--dwui-background-anchored-popover-arrow, var(--dwui-background-anchored-popover, Canvas));transform:rotate(45deg)}:where(.dwui-anchored-popover.dwui-arrow[data-side=bottom]):before{top:-6px;left:calc(var(--dwui-offset-arrow) - 6px);border-right-color:transparent;border-bottom-color:transparent}:where(.dwui-anchored-popover.dwui-arrow[data-side=top]):before{bottom:-6px;left:calc(var(--dwui-offset-arrow) - 6px);border-top-color:transparent;border-left-color:transparent}:where(.dwui-anchored-popover.dwui-arrow[data-side=right]):before{top:calc(var(--dwui-offset-arrow) - 6px);left:-6px;border-top-color:transparent;border-right-color:transparent}:where(.dwui-anchored-popover.dwui-arrow[data-side=left]):before{top:calc(var(--dwui-offset-arrow) - 6px);right:-6px;border-bottom-color:transparent;border-left-color:transparent}:where(.dwui-help-button){display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;padding:.17em;border:none;border-radius:4px;background-color:transparent;background-image:none;color:inherit;font:inherit;cursor:pointer}:where(.dwui-help-button:not(:disabled):hover){background:var(--dwui-background-help-button-hover, light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .12)))}:where(.dwui-help-button:not(:disabled):active){transform:translate(1px,1px)}:where(.dwui-help-button:disabled){opacity:.4;cursor:not-allowed}:where(.dwui-help-button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-help-button-popover){--dwui-max-width-anchored-popover: var(--dwui-max-width-help-button-popover, calc(100vw - 16px) );--dwui-max-height-anchored-popover: var(--dwui-max-height-help-button-popover, calc(100vh - 16px) );--dwui-padding-anchored-popover: var(--dwui-padding-help-button-popover, .67em 1em);--dwui-border-color-anchored-popover: var(--dwui-border-color-help-button-popover, light-dark(#8f8f8f, #6b6f76));--dwui-radius-anchored-popover: var(--dwui-radius-help-button-popover, 4px);--dwui-background-anchored-popover: var(--dwui-background-help-button-popover, Canvas);--dwui-background-anchored-popover-arrow: var(--dwui-background-help-button-popover-arrow, var(--dwui-background-help-button-popover, Canvas));--dwui-color-text-anchored-popover: var(--dwui-color-text-help-button-popover, CanvasText);--dwui-box-shadow-anchored-popover: var(--dwui-box-shadow-help-button-popover, 0 2px 8px rgba(0, 0, 0, .25))}:where(.dwui-icon-popper){display:inline-flex;align-items:center;vertical-align:middle;cursor:help}:where(.dwui-icon-popper:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-help-popper-popover){--dwui-max-width-anchored-popover: var(--dwui-max-width-help-popper, calc(100vw - 16px) );--dwui-max-height-anchored-popover: var(--dwui-max-height-help-popper, calc(100vh - 16px) );--dwui-padding-anchored-popover: var(--dwui-padding-help-popper, .67em 1em);--dwui-border-color-anchored-popover: var(--dwui-border-color-help-popper, light-dark(#8f8f8f, #6b6f76));--dwui-radius-anchored-popover: var(--dwui-radius-help-popper, 4px);--dwui-background-anchored-popover: var(--dwui-background-help-popper, Canvas);--dwui-background-anchored-popover-arrow: var(--dwui-background-help-popper-arrow, var(--dwui-background-help-popper, Canvas));--dwui-color-text-anchored-popover: var(--dwui-color-text-help-popper, CanvasText);--dwui-box-shadow-anchored-popover: var(--dwui-box-shadow-help-popper, 0 2px 8px rgba(0, 0, 0, .25))}:where(.dwui-hourglass-loading){animation:dwui-hourglass-loading-spin 1.2s linear infinite}@keyframes dwui-hourglass-loading-spin{to{transform:rotate(360deg)}}:where(.dwui-label-button){display:inline-block;padding:.17em .5em;border:1px solid var(--dwui-border-color-label-button, light-dark(#8f8f8f, #6b6f76));border-radius:3px;background:var(--dwui-background-label-button, light-dark(#f4f4f4, #3a3c40));color:var(--dwui-color-text-label-button, light-dark(#1a1a1a, #e6e6e6));font:inherit;cursor:pointer}:where(.dwui-label-button:not(:disabled):hover){background:var(--dwui-background-label-button-hover, light-dark(#e6e6e6, #474a50))}:where(.dwui-label-button:not(:disabled):active){background:var(--dwui-background-label-button-active, light-dark(#d6d6d6, #2f3135))}:where(.dwui-label-button:disabled){opacity:.6;cursor:not-allowed}:where(.dwui-label-button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-modal-dialog){box-sizing:border-box;width:var(--dwui-width-modal-dialog, 50vw);min-width:min(320px,100%);padding:var(--dwui-padding-modal-dialog, 1.67em 2.5em);border:1px solid var(--dwui-border-color-modal-dialog, light-dark(#8f8f8f, #6b6f76));border-radius:var(--dwui-radius-modal-dialog, 4px);background:var(--dwui-background-modal-dialog, Canvas);color:var(--dwui-color-text-modal-dialog, CanvasText);box-shadow:var(--dwui-box-shadow-modal-dialog, 0 2px 8px rgba(0, 0, 0, .33))}:where(.dwui-modal-dialog)::backdrop{background:var(--dwui-background-modal-dialog-backdrop, rgba(0, 0, 0, .5))}:where(.dwui-modal-dialog-header){display:flex;align-items:center;gap:.33em}:where(.dwui-modal-dialog-icon){display:flex;flex:none;font-size:var(--dwui-font-size-modal-dialog-icon, 1.83em)}:where(.dwui-modal-dialog-body){padding:.83em;overflow-wrap:anywhere}:where(.dwui-modal-dialog-body p){margin:0;white-space:pre-wrap}:where(.dwui-modal-dialog-images){display:flex;flex-wrap:wrap;gap:.33em;margin-top:.67em}:where(.dwui-modal-dialog-images img){width:var(--dwui-width-modal-dialog-image, 200px);max-width:100%;height:auto}:where(.dwui-modal-dialog-buttons){display:flex;justify-content:space-evenly;padding:.83em}:where(.dwui-modal-dialog-button){min-width:var(--dwui-min-width-modal-dialog-button, 80px)}:where(.dwui-movable-window){position:absolute;display:flex;flex-direction:column;box-sizing:border-box;min-width:var(--dwui-min-width-movable-window, auto);max-height:var(--dwui-max-height-movable-window, none);border:1px solid var(--dwui-border-color-movable-window, light-dark(#8f8f8f, #6b6f76));border-radius:var(--dwui-radius-movable-window, 4px);background:var(--dwui-background-movable-window, Canvas);color:var(--dwui-color-text-movable-window, CanvasText);box-shadow:var(--dwui-box-shadow-movable-window, 0 2px 8px rgba(0, 0, 0, .33));outline:none;overflow:hidden}:where(.dwui-movable-window-frame){display:flex;flex:1 1 auto;flex-direction:column;min-height:0}:where(.dwui-movable-window-header){display:flex;flex:0 0 auto;align-items:center;gap:.33em;padding:var(--dwui-padding-movable-window-header, .17em .33em);border-bottom:1px solid var(--dwui-border-color-movable-window, light-dark(#8f8f8f, #6b6f76));background:var(--dwui-background-movable-window-header, transparent);color:var(--dwui-color-text-movable-window-header, inherit)}:where(.dwui-movable-window-title){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.dwui-movable-window-close-button){display:inline-flex;align-items:center;justify-content:center;padding:.17em;border:none;border-radius:4px;background-color:transparent;background-image:none;color:inherit;font:inherit;cursor:pointer}:where(.dwui-movable-window-close-button:hover){background:var(--dwui-background-movable-window-close-button-hover, light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .12)))}:where(.dwui-movable-window-close-button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-movable-window-body){flex:1 1 auto;box-sizing:border-box;min-height:0;padding:var(--dwui-padding-movable-window-body, .4em);overflow:auto}:where(.dwui-movable-window-header.dwui-movable,.dwui-movable-window-body.dwui-movable){cursor:move;touch-action:none}:where(.dwui-movable-window-header.dwui-movable){user-select:none}:where(.dwui-movable-window-resizer){position:absolute;right:0;bottom:0;width:18px;height:18px;color:var(--dwui-color-text-movable-window-resizer, GrayText);cursor:nwse-resize;touch-action:none}:where(.dwui-movable-window-resizer>svg){display:block;pointer-events:none}:where(.dwui-movable-window-corner){position:absolute;width:18px;height:18px;touch-action:none}:where(.dwui-movable-window-corner.dwui-top-left){top:0;left:0;clip-path:polygon(0 0,100% 0,100% 6px,6px 6px,6px 100%,0 100%);cursor:nwse-resize}:where(.dwui-movable-window-corner.dwui-top-right){top:0;right:0;clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 6px) 100%,calc(100% - 6px) 6px,0 6px);cursor:nesw-resize}:where(.dwui-movable-window-corner.dwui-bottom-left){bottom:0;left:0;clip-path:polygon(0 0,6px 0,6px calc(100% - 6px),100% calc(100% - 6px),100% 100%,0 100%);cursor:nesw-resize}:where(.dwui-movable-window-loading){position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--dwui-background-movable-window-loading, light-dark(rgba(0, 0, 0, .15), rgba(0, 0, 0, .4)))}:where(.dwui-movable-window-spinner){box-sizing:border-box;width:var(--dwui-size-movable-window-spinner, 48px);height:var(--dwui-size-movable-window-spinner, 48px);border:6px solid var(--dwui-border-color-movable-window-spinner, light-dark(rgba(0, 0, 0, .15), rgba(255, 255, 255, .2)));border-left-color:var(--dwui-border-color-movable-window-spinner-accent, light-dark(rgba(47, 90, 74, .8), rgba(140, 200, 170, .8)));border-radius:50%;animation:dwui-movable-window-spin 1.1s linear infinite}@keyframes dwui-movable-window-spin{to{transform:rotate(360deg)}}:where(html:has(.dwui-overlay-box),html:has(.dwui-overlay-box)>body){overflow:hidden}:where(.dwui-overlay-box){position:fixed;inset:0;z-index:calc(var(--dwui-z-index-overlay-box, 5000) + var(--dwui-order-window, 0))}:where(.dwui-overlay-box-backdrop){position:absolute;inset:0;background:var(--dwui-background-overlay-box-backdrop, light-dark(rgba(0, 0, 0, .2), rgba(0, 0, 0, .5)))}:where(.dwui-overlay-box-container){--dwui-border-color-movable-window: var(--dwui-border-color-overlay-box, light-dark(#8f8f8f, #6b6f76));--dwui-radius-movable-window: var(--dwui-radius-overlay-box, 4px);--dwui-background-movable-window: var(--dwui-background-overlay-box, Canvas);--dwui-color-text-movable-window: var(--dwui-color-text-overlay-box, CanvasText);--dwui-box-shadow-movable-window: var(--dwui-box-shadow-overlay-box, 0 2px 8px rgba(0, 0, 0, .33));--dwui-padding-movable-window-header: var(--dwui-padding-overlay-box-header, .17em .33em);--dwui-background-movable-window-header: var(--dwui-background-overlay-box-header, transparent);--dwui-color-text-movable-window-header: var(--dwui-color-text-overlay-box-header, inherit);--dwui-background-movable-window-close-button-hover: var(--dwui-background-overlay-box-close-button-hover, light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .12)));--dwui-padding-movable-window-body: var(--dwui-padding-overlay-box-body, .4em);--dwui-color-text-movable-window-resizer: var(--dwui-color-text-overlay-box-resizer, GrayText);--dwui-background-movable-window-loading: var(--dwui-background-overlay-box-loading, light-dark(rgba(0, 0, 0, .15), rgba(0, 0, 0, .4)));--dwui-size-movable-window-spinner: var(--dwui-size-overlay-box-spinner, 48px);--dwui-border-color-movable-window-spinner: var(--dwui-border-color-overlay-box-spinner, light-dark(rgba(0, 0, 0, .15), rgba(255, 255, 255, .2)));--dwui-border-color-movable-window-spinner-accent: var(--dwui-border-color-overlay-box-spinner-accent, light-dark(rgba(47, 90, 74, .8), rgba(140, 200, 170, .8)))}:where(.dwui-overlay-box-fade-enter-active,.dwui-overlay-box-fade-leave-active){transition:opacity .25s ease}:where(.dwui-overlay-box-fade-enter-from,.dwui-overlay-box-fade-leave-to){opacity:0}:where(.dwui-page-section){display:block;margin:.33em 0 .67em;padding-top:.17em;font-size:var(--dwui-font-size-page-section, inherit);font-weight:500}:where(.dwui-page-section-title){display:flex;align-items:center;font-size:var(--dwui-font-size-page-section-title, 1.17em)}:where(.dwui-page-section-content){margin:.67em 0 .67em 1.33em}:where(.dwui-page-title){display:flex;align-items:center;justify-content:space-between;width:var(--dwui-width-page-title, auto);padding:.33em;border-radius:4px;background:var(--dwui-background-page-title, linear-gradient(light-dark(#323232, #3c3f45) 0%, light-dark(rgb(32, 32, 31), #2b2d31) 25%, light-dark(rgb(32, 32, 31), #2b2d31) 75%, light-dark(#323232, #3c3f45) 100%));color:var(--dwui-color-text-page-title, rgb(220, 220, 220));font-size:var(--dwui-font-size-page-title, 1.17em);font-weight:var(--dwui-font-weight-page-title, normal)}:where(.dwui-screen-loading){padding:0;border:none;outline:none;background-color:transparent;background-image:none;overflow:visible}:where(.dwui-screen-loading::backdrop){background:var(--dwui-background-screen-loading, light-dark(rgba(0, 0, 0, .25), rgba(0, 0, 0, .5)))}:where(.dwui-screen-loading-spinner){box-sizing:border-box;width:var(--dwui-size-screen-loading-spinner, 100px);height:var(--dwui-size-screen-loading-spinner, 100px);border:8px solid var(--dwui-border-color-screen-loading-spinner, light-dark(rgba(0, 0, 0, .15), rgba(255, 255, 255, .2)));border-left-color:var(--dwui-border-color-screen-loading-spinner-accent, light-dark(rgba(47, 90, 74, .8), rgba(140, 200, 170, .8)));border-radius:50%;animation:dwui-screen-loading-spin 1.1s linear infinite}@keyframes dwui-screen-loading-spin{to{transform:rotate(360deg)}}:where(.dwui-tab-content[hidden]){display:none}:where(.dwui-tab-content[aria-checked=true]){display:block;position:relative;padding:.33em .67em;overflow:hidden;animation:dwui-tab-slide-in var(--dwui-duration-tab-slide, .35s) var(--dwui-easing-tab-slide, cubic-bezier(.22, 1, .36, 1))}:where(.dwui-tab-loading){position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--dwui-overlay-color-loading, light-dark(rgba(0, 0, 0, .25), rgba(0, 0, 0, .45)))}:where(.dwui-tab-loading-spinner){width:var(--dwui-size-loading-spinner, 40px);height:var(--dwui-size-loading-spinner, 40px);border:4px solid var(--dwui-border-color-loading-spinner, rgba(255, 255, 255, .4));border-top-color:var(--dwui-border-color-loading-spinner-accent, #ffffff);border-radius:50%;animation:dwui-tab-loading-spin .8s linear infinite}@keyframes dwui-tab-loading-spin{to{transform:rotate(360deg)}}@keyframes dwui-tab-slide-in{0%{opacity:0;transform:translate(var(--dwui-distance-tab-slide, -128px))}to{opacity:1;transform:translate(0)}}:where(.dwui-tab-group){margin-bottom:.67em}:where(.dwui-tab-headers){display:flex;flex-direction:row;flex-wrap:wrap;position:relative;margin-top:.4em;padding-bottom:.33em}:where(.dwui-tab-radio){position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}:where(.dwui-tab-item){display:block;min-width:100px;padding:0 .33em;border:1px solid var(--dwui-border-color-tab, light-dark(#565656, #8a8a8a));border-bottom:1px solid var(--dwui-border-color-tab-header-accent, #5ab4bd);background:var(--dwui-background-tab-header, linear-gradient(light-dark(#1313c7, #2a3a8f), light-dark(navy, #141c4d)));line-height:2em;text-align:center;white-space:nowrap;color:var(--dwui-color-text-tab-header, azure);text-overflow:ellipsis;cursor:pointer;transition:all .2s ease}:where(.dwui-tab-radio:checked+.dwui-tab-item){background:var(--dwui-background-tab-header-selected, linear-gradient(light-dark(#1313c7, #2a3a8f), light-dark(rgb(149, 149, 234), #5a62b8), light-dark(#1313c7, #2a3a8f)));color:var(--dwui-color-text-tab-header-selected, azure);cursor:default}:where(.dwui-tab-radio:disabled+.dwui-tab-item){background:var(--dwui-background-tab-header-disabled, light-dark(gray, #4a4a4a));cursor:not-allowed}:where(.dwui-tab-item.dwui-tab-warn){background:var(--dwui-background-tab-header-warn, light-dark(#efef13, #8a8a10));color:var(--dwui-color-text-tab-header-warn, light-dark(midnightblue, #fffbd0))}:where(.dwui-tab-radio:checked+.dwui-tab-item.dwui-tab-warn){background:var(--dwui-background-tab-header-warn-selected, linear-gradient(light-dark(#fafa06, #8a8a10), light-dark(rgb(232, 238, 206), #a8a860), light-dark(#fafa06, #8a8a10)))}:where(.dwui-tab-item.dwui-tab-error){background:var(--dwui-background-tab-header-error, light-dark(red, #a01818));color:var(--dwui-color-text-tab-header-error, azure)}:where(.dwui-tab-radio:checked+.dwui-tab-item.dwui-tab-error){background:var(--dwui-background-tab-header-error-selected, linear-gradient(light-dark(#ff0000, #a01818), light-dark(rgb(240, 136, 136), #c86060), light-dark(#ff0000, #a01818)))}:where(.dwui-tab-radio:not(:checked)+.dwui-tab-item:hover){box-shadow:inset 0 0 0 999px var(--dwui-overlay-color-tab-header-hover, light-dark(rgba(255, 255, 255, .35), rgba(255, 255, 255, .15)))}:where(.dwui-tab-radio:focus-visible+.dwui-tab-item){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-tab-items){height:100%;border:1px solid var(--dwui-border-color-tab, light-dark(#565656, #8a8a8a));overflow:hidden}:where(.dwui-warning-popper-popover){--dwui-max-width-anchored-popover: var(--dwui-max-width-warning-popper, calc(100vw - 16px) );--dwui-max-height-anchored-popover: var(--dwui-max-height-warning-popper, calc(100vh - 16px) );--dwui-padding-anchored-popover: var(--dwui-padding-warning-popper, .67em 1em);--dwui-border-color-anchored-popover: var(--dwui-border-color-warning-popper, light-dark(#8f8f8f, #6b6f76));--dwui-radius-anchored-popover: var(--dwui-radius-warning-popper, 4px);--dwui-background-anchored-popover: var(--dwui-background-warning-popper, Canvas);--dwui-background-anchored-popover-arrow: var(--dwui-background-warning-popper-arrow, var(--dwui-background-warning-popper, Canvas));--dwui-color-text-anchored-popover: var(--dwui-color-text-warning-popper, CanvasText);--dwui-box-shadow-anchored-popover: var(--dwui-box-shadow-warning-popper, 0 2px 8px rgba(0, 0, 0, .25))}:where(html:has(.dwui-floating-component.dwui-lock-scroll),html:has(.dwui-floating-component.dwui-lock-scroll)>body){overflow:hidden}:where(.dwui-floating-component){z-index:calc(var(--dwui-z-index-floating-component, 5000) + var(--dwui-order-window, 0));--dwui-min-width-movable-window: var(--dwui-min-width-floating-component, 200px);--dwui-max-height-movable-window: var(--dwui-max-height-floating-component, 90vh);--dwui-border-color-movable-window: var(--dwui-border-color-floating-component, light-dark(#8f8f8f, #6b6f76));--dwui-radius-movable-window: var(--dwui-radius-floating-component, 4px);--dwui-background-movable-window: var(--dwui-background-floating-component, Canvas);--dwui-color-text-movable-window: var(--dwui-color-text-floating-component, CanvasText);--dwui-box-shadow-movable-window: var(--dwui-box-shadow-floating-component, 0 2px 8px rgba(0, 0, 0, .33));--dwui-padding-movable-window-header: var(--dwui-padding-floating-component-header, .17em .33em);--dwui-background-movable-window-header: var(--dwui-background-floating-component-header, transparent);--dwui-color-text-movable-window-header: var(--dwui-color-text-floating-component-header, inherit);--dwui-background-movable-window-close-button-hover: var(--dwui-background-floating-component-close-button-hover, light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .12)));--dwui-padding-movable-window-body: var(--dwui-padding-floating-component-body, .4em);--dwui-color-text-movable-window-resizer: var(--dwui-color-text-floating-component-resizer, GrayText);--dwui-background-movable-window-loading: var(--dwui-background-floating-component-loading, light-dark(rgba(0, 0, 0, .15), rgba(0, 0, 0, .4)));--dwui-size-movable-window-spinner: var(--dwui-size-floating-component-spinner, 48px);--dwui-border-color-movable-window-spinner: var(--dwui-border-color-floating-component-spinner, light-dark(rgba(0, 0, 0, .15), rgba(255, 255, 255, .2)));--dwui-border-color-movable-window-spinner-accent: var(--dwui-border-color-floating-component-spinner-accent, light-dark(rgba(47, 90, 74, .8), rgba(140, 200, 170, .8)))}:where(.dwui-floating-component-message){overflow-wrap:anywhere;white-space:pre-wrap}:where(.dwui-floating-component-fade-enter-active,.dwui-floating-component-fade-leave-active){transition:opacity .25s ease}:where(.dwui-floating-component-fade-enter-from,.dwui-floating-component-fade-leave-to){opacity:0}:where(.dwui-snackbar-container){position:fixed;right:0;left:0;z-index:var(--dwui-z-index-snackbar, 7000);display:flex;gap:var(--dwui-gap-snackbar-container, .33em);box-sizing:border-box;padding:var(--dwui-padding-snackbar-container, .33em);pointer-events:none}:where(.dwui-snackbar-container>*){pointer-events:auto}:where(.dwui-snackbar-container-top){top:0}:where(.dwui-snackbar-container-bottom){bottom:0}:where(.dwui-snackbar-container-overlap){display:grid;grid-template-columns:auto auto;column-gap:0;align-items:center;justify-content:center}:where(.dwui-snackbar-container-overlap.dwui-snackbar-container-start){justify-content:start}:where(.dwui-snackbar-container-overlap.dwui-snackbar-container-end){justify-content:end}:where(.dwui-snackbar-container-overlap>.dwui-snackbar){grid-area:1 / 2}:where(.dwui-snackbar-container-overlap>.dwui-snackbar-clear-button){grid-area:1 / 1;margin-right:var(--dwui-gap-snackbar-container, .33em)}:where(.dwui-snackbar-container-column){flex-direction:column;align-items:center}:where(.dwui-snackbar-container-column.dwui-snackbar-container-start){align-items:flex-start}:where(.dwui-snackbar-container-column.dwui-snackbar-container-end){align-items:flex-end}:where(.dwui-snackbar-container-row){flex-wrap:wrap;align-items:center;justify-content:center}:where(.dwui-snackbar-container-row.dwui-snackbar-container-start){justify-content:flex-start}:where(.dwui-snackbar-container-row.dwui-snackbar-container-end){justify-content:flex-end}:where(.dwui-snackbar){display:block;box-sizing:border-box;width:var(--dwui-width-snackbar, 300px);max-width:100%;padding:var(--dwui-padding-snackbar, .5em .67em);border:none;border-radius:var(--dwui-radius-snackbar, 0);background:var(--dwui-background-snackbar, #323232);color:var(--dwui-color-text-snackbar, #ffffff);box-shadow:var(--dwui-box-shadow-snackbar, 4px 4px 3px 0 rgba(0, 0, 0, .25));font:inherit;text-align:left;cursor:pointer}:where(.dwui-snackbar:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-snackbar-header){display:flex;gap:.67em;color:var(--dwui-color-text-snackbar-header, #d3d3d3);font-size:.8em}:where(.dwui-snackbar-label){margin-left:auto}:where(.dwui-snackbar-message){display:block;padding-left:.33em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.dwui-snackbar-timestamp){display:block;color:var(--dwui-color-text-snackbar-timestamp, #d3d3d3);font-size:.8em;text-align:right}:where(.dwui-snackbar-clear-button){display:inline-flex;align-items:center;justify-content:center;padding:.17em;border:none;border-radius:4px;background-color:transparent;background-image:none;color:var(--dwui-color-text-snackbar-clear-button, inherit);font:inherit;cursor:pointer}:where(.dwui-snackbar-clear-button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-snackbar-fade-enter-active,.dwui-snackbar-fade-leave-active){transition:opacity .5s ease}:where(.dwui-snackbar-fade-enter-from,.dwui-snackbar-fade-leave-to){opacity:0}
+:where(.dwui-label-icon){display:inline-block}:where(.dwui-label-icon>.dwui-label){display:inline-block}:where(.dwui-label-icon>.dwui-label:not(:first-child)){margin-left:var(--dwui-gap-label-icon, .25em)}:where(.dwui-accordion-fieldset){position:relative}:where(.dwui-accordion-toggle){display:inline-flex;align-items:center;gap:.33em;margin-left:.33em;padding:0;border:none;background:none;color:inherit;cursor:pointer}:where(.dwui-accordion-toggle:disabled){opacity:.6;cursor:not-allowed}:where(.dwui-accordion-toggle:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-accordion-contents){position:relative;width:fit-content;padding:.17em;overflow:hidden;opacity:1}:where(.dwui-accordion-contents.dwui-expanded){transition:all .3s linear}:where(.dwui-accordion-contents.dwui-shrunk){height:auto;max-height:70px;opacity:.75;transition:all .3s linear}:where(.dwui-accordion-section){position:relative}:where(.dwui-accordion-section-contents){position:relative;width:fit-content;overflow:hidden}:where(.dwui-accordion-section-contents.dwui-expanded){transition:all .3s linear}:where(.dwui-accordion-section-contents.dwui-shrunk){height:auto;max-height:70px;transition:all .3s linear}:where(.dwui-accordion-section-contents.dwui-shrunk:not(.dwui-no-gradient)):after{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,transparent 0%,transparent 60%,var(--dwui-color-accordion-section-fade, Canvas) 100%);pointer-events:none}:where(.dwui-accordion-section-control){position:relative;display:flex;justify-content:center;width:100%}:where(.dwui-accordion-section-toggle){display:inline-flex;align-items:center;padding:0;border:none;background:none;color:inherit;cursor:pointer}:where(.dwui-accordion-section-toggle:disabled){opacity:.6;cursor:not-allowed}:where(.dwui-accordion-section-toggle:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-accordion-section-toggle[aria-expanded=true]){margin-top:.67em}:where(.dwui-accordion-section-toggle[aria-expanded=false]){margin-top:-.83em}:where(.dwui-copy-button){display:inline-flex;align-items:center;justify-content:center;padding:.17em;border:none;border-radius:4px;background-color:transparent;background-image:none;color:inherit;font:inherit;line-height:0;cursor:pointer}:where(.dwui-copy-button:not(:disabled):hover){background:var(--dwui-background-copy-button-hover, light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .12)))}:where(.dwui-copy-button:not(:disabled):active){transform:translate(1px,1px)}:where(.dwui-copy-button:disabled){opacity:.4;cursor:not-allowed}:where(.dwui-copy-button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-dark-mode-selector){position:relative;display:inline-block;vertical-align:top;width:3.85em;height:1.65em;padding:0;border:none;border-radius:.85em;background-color:transparent;background-image:none;color:inherit;font:inherit;line-height:0;cursor:pointer}:where(.dwui-dark-mode-selector-track){position:relative;display:block;height:inherit;border-radius:inherit;background:var(--dwui-background-dark-mode-selector, azure);box-shadow:inset 0 1px 2px #0000001f,inset 0 0 2px #00000026;font-size:.85em;transition:background .15s ease-out}:where(.dwui-dark-mode-selector[aria-checked=true]>.dwui-dark-mode-selector-track){background:var(--dwui-background-dark-mode-selector-checked, darkslategray);box-shadow:inset 0 1px 2px #00000026,inset 0 0 3px #0003}:where(.dwui-dark-mode-selector-icon-light,.dwui-dark-mode-selector-icon-dark){position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;line-height:1;transition:opacity .15s ease-out}:where(.dwui-dark-mode-selector-icon-light){right:.6em}:where(.dwui-dark-mode-selector-icon-dark){left:.6em;opacity:0}:where(.dwui-dark-mode-selector[aria-checked=true] .dwui-dark-mode-selector-icon-light){opacity:0}:where(.dwui-dark-mode-selector[aria-checked=true] .dwui-dark-mode-selector-icon-dark){opacity:1}:where(.dwui-dark-mode-selector-handle){position:absolute;top:.075em;left:0;width:1.5em;height:1.5em;border-radius:.75em;background:var(--dwui-background-dark-mode-selector-handle, linear-gradient(.25turn, #888484 0%, #b4abab 50%, #888484 100%));box-shadow:1px 1px 5px #0003;transition:left .15s ease-out}:where(.dwui-dark-mode-selector[aria-checked=true]>.dwui-dark-mode-selector-handle){left:2.275em;box-shadow:-1px 1px 5px #0003}:where(.dwui-dark-mode-selector:disabled){opacity:.5;cursor:not-allowed}:where(.dwui-dark-mode-selector:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-pagination){display:flex;align-items:center;gap:.67em;white-space:nowrap}:where(.dwui-pagination-list){display:flex;align-self:stretch;align-items:stretch;gap:.25em;margin:0;padding:0;list-style:none}:where(.dwui-pagination-list li){display:flex}:where(.dwui-pagination-list button){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;aspect-ratio:1;padding:0;border:1px solid var(--dwui-border-color-pagination-button, light-dark(#d3d3d3, #5a5a5a));border-radius:3px;background:var(--dwui-background-pagination-button, light-dark(#fafafa, #2a2a2a));color:var(--dwui-color-text-pagination-button, inherit);font:inherit;line-height:1;cursor:pointer;transition:background-color .3s ease}:where(.dwui-pagination-list button:disabled){opacity:.4;cursor:not-allowed}:where(.dwui-pagination-list button:not(:disabled,.dwui-current):hover){background:var(--dwui-background-pagination-button-hover, light-dark(#46e2f7, #1f7a86))}:where(.dwui-pagination-list .dwui-current){background:var(--dwui-background-pagination-button-current, linear-gradient(rgba(78, 221, 231, .7), rgba(34, 162, 172, .7)));color:var(--dwui-color-text-pagination-button-current, inherit);cursor:default}:where(.dwui-pagination-list button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-pagination-select){display:inline-flex;align-self:stretch;align-items:center;gap:.33em}:where(.dwui-pagination-select select){align-self:stretch}:where(.dwui-data-table-controls){display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;gap:.33em .67em;margin:.33em 0}:where(.dwui-data-table-tools){display:flex;align-items:center;justify-content:flex-end;gap:.33em;margin-left:auto;white-space:nowrap}:where(.dwui-data-table-total){margin-right:.67em}:where(.dwui-data-table-total-count){margin:0 .5em;color:var(--dwui-color-text-data-table-total-count, inherit);font-weight:var(--dwui-font-weight-data-table-total-count, bold)}:where(.dwui-data-table-limit){display:inline-flex;align-self:stretch;align-items:center;gap:.33em}:where(.dwui-data-table-limit input){align-self:stretch;width:60px}:where(.dwui-data-table-tools button){display:inline-flex;align-self:stretch;align-items:center;justify-content:center;box-sizing:border-box;aspect-ratio:1;padding:0;border:1px solid var(--dwui-border-color-data-table-button, light-dark(#d3d3d3, #5a5a5a));border-radius:3px;background:var(--dwui-background-data-table-button, light-dark(#fafafa, #2a2a2a));color:var(--dwui-color-text-data-table-button, inherit);font:inherit;cursor:pointer}:where(.dwui-data-table-tools button svg){width:auto;height:85%}:where(.dwui-data-table-tools button:hover){background:var(--dwui-background-data-table-button-hover, light-dark(#e8e8e8, #3a3a3a))}:where(.dwui-data-table-tools button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-data-table-content){position:relative;overflow:auto}:where(.dwui-data-table-content:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:calc(var(--dwui-outline-width-focus-ring, 2px) * -1)}:where(.dwui-data-table-content.dwui-loading){min-height:var(--dwui-height-data-table-loading, 120px)}:where(.dwui-data-table table){border-collapse:separate;border-spacing:0;width:100%}:where(.dwui-data-table th){position:sticky;top:0;z-index:1;padding:.33em 0;border:1px solid var(--dwui-border-color-data-table, light-dark(#818181, #5a5a5a));border-right:none;background:var(--dwui-background-data-table-header, light-dark(#e8e8e8, #3a3a3a));color:var(--dwui-color-text-data-table-header, inherit);text-align:center;white-space:nowrap}:where(.dwui-data-table th:last-child){border-right:1px solid var(--dwui-border-color-data-table, light-dark(#818181, #5a5a5a))}:where(.dwui-data-table-sort){display:inline-flex;align-items:center;gap:.17em}:where(.dwui-data-table-sort[role=button]){cursor:pointer}:where(.dwui-data-table-sort:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-data-table-resizer){position:absolute;top:0;right:0;width:10px;height:100%;cursor:col-resize;touch-action:none}:where(.dwui-data-table td){padding:.25em;border-top:1px dotted var(--dwui-border-color-data-table, light-dark(#818181, #5a5a5a));border-left:1px dotted var(--dwui-border-color-data-table, light-dark(#818181, #5a5a5a));line-height:1.2em;word-break:break-all}:where(.dwui-data-table tbody tr:first-child td){border-top:none}:where(.dwui-data-table tbody tr:last-child td){border-bottom:1px dotted var(--dwui-border-color-data-table, light-dark(#818181, #5a5a5a))}:where(.dwui-data-table td:last-child){border-right:1px dotted var(--dwui-border-color-data-table, light-dark(#818181, #5a5a5a))}:where(.dwui-data-table tbody tr:nth-child(odd)){background:var(--dwui-background-data-table-row-odd, light-dark(#ffffff, #1e1e1e));transition:background-color 1s ease}:where(.dwui-data-table tbody tr:nth-child(2n)){background:var(--dwui-background-data-table-row-even, light-dark(#f4f4f4, #262626));transition:background-color 1s ease}:where(.dwui-data-table.dwui-selectable tbody tr){cursor:pointer}:where(.dwui-data-table tbody tr:not(.dwui-selected,.dwui-data-table-no-data):hover){background:var(--dwui-background-data-table-row-hover, light-dark(#e0f7fa, #2f4f4f))}:where(.dwui-data-table tbody tr.dwui-selected){background:var(--dwui-background-data-table-row-selected, light-dark(#fff3b0, #5a4a00))}:where(.dwui-data-table-no-data td){padding:.83em 0;color:var(--dwui-color-text-data-table-no-data, light-dark(#808080, #a0a0a0));text-align:center;cursor:default}:where(.dwui-data-table-loading){position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:var(--dwui-overlay-color-loading, light-dark(rgba(0, 0, 0, .25), rgba(0, 0, 0, .45)))}:where(.dwui-data-table-loading-spinner){width:var(--dwui-size-loading-spinner, 40px);height:var(--dwui-size-loading-spinner, 40px);border:4px solid var(--dwui-border-color-loading-spinner, rgba(255, 255, 255, .4));border-top-color:var(--dwui-border-color-loading-spinner-accent, #ffffff);border-radius:50%;animation:dwui-data-table-loading-spin .8s linear infinite}@keyframes dwui-data-table-loading-spin{to{transform:rotate(360deg)}}:where(.dwui-anchored-popover){inset:auto;display:flex;flex-direction:column;box-sizing:border-box;max-width:var(--dwui-max-width-anchored-popover, calc(100vw - 16px) );max-height:var(--dwui-max-height-anchored-popover, calc(100vh - 16px) );margin:0;padding:0;border:1px solid var(--dwui-border-color-anchored-popover, light-dark(#8f8f8f, #6b6f76));border-radius:var(--dwui-radius-anchored-popover, 4px);background:var(--dwui-background-anchored-popover, Canvas);color:var(--dwui-color-text-anchored-popover, CanvasText);box-shadow:var(--dwui-box-shadow-anchored-popover, 0 2px 8px rgba(0, 0, 0, .25));font:inherit;visibility:hidden;overflow:visible}:where(.dwui-anchored-popover-content){min-height:0;padding:var(--dwui-padding-anchored-popover, .67em 1em);overflow:auto}:where(.dwui-anchored-popover.dwui-arrow):before{content:"";position:absolute;width:10px;height:10px;box-sizing:border-box;border:1px solid var(--dwui-border-color-anchored-popover, light-dark(#8f8f8f, #6b6f76));background:var(--dwui-background-anchored-popover-arrow, var(--dwui-background-anchored-popover, Canvas));transform:rotate(45deg)}:where(.dwui-anchored-popover.dwui-arrow[data-side=bottom]):before{top:-6px;left:calc(var(--dwui-offset-arrow) - 6px);border-right-color:transparent;border-bottom-color:transparent}:where(.dwui-anchored-popover.dwui-arrow[data-side=top]):before{bottom:-6px;left:calc(var(--dwui-offset-arrow) - 6px);border-top-color:transparent;border-left-color:transparent}:where(.dwui-anchored-popover.dwui-arrow[data-side=right]):before{top:calc(var(--dwui-offset-arrow) - 6px);left:-6px;border-top-color:transparent;border-right-color:transparent}:where(.dwui-anchored-popover.dwui-arrow[data-side=left]):before{top:calc(var(--dwui-offset-arrow) - 6px);right:-6px;border-bottom-color:transparent;border-left-color:transparent}:where(.dwui-help-button){display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;padding:.17em;border:none;border-radius:4px;background-color:transparent;background-image:none;color:inherit;font:inherit;cursor:pointer}:where(.dwui-help-button:not(:disabled):hover){background:var(--dwui-background-help-button-hover, light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .12)))}:where(.dwui-help-button:not(:disabled):active){transform:translate(1px,1px)}:where(.dwui-help-button:disabled){opacity:.4;cursor:not-allowed}:where(.dwui-help-button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-help-button-popover){--dwui-max-width-anchored-popover: var(--dwui-max-width-help-button-popover, calc(100vw - 16px) );--dwui-max-height-anchored-popover: var(--dwui-max-height-help-button-popover, calc(100vh - 16px) );--dwui-padding-anchored-popover: var(--dwui-padding-help-button-popover, .67em 1em);--dwui-border-color-anchored-popover: var(--dwui-border-color-help-button-popover, light-dark(#8f8f8f, #6b6f76));--dwui-radius-anchored-popover: var(--dwui-radius-help-button-popover, 4px);--dwui-background-anchored-popover: var(--dwui-background-help-button-popover, Canvas);--dwui-background-anchored-popover-arrow: var(--dwui-background-help-button-popover-arrow, var(--dwui-background-help-button-popover, Canvas));--dwui-color-text-anchored-popover: var(--dwui-color-text-help-button-popover, CanvasText);--dwui-box-shadow-anchored-popover: var(--dwui-box-shadow-help-button-popover, 0 2px 8px rgba(0, 0, 0, .25))}:where(.dwui-icon-popper){display:inline-flex;align-items:center;vertical-align:middle;cursor:help}:where(.dwui-icon-popper:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-help-popper-popover){--dwui-max-width-anchored-popover: var(--dwui-max-width-help-popper, calc(100vw - 16px) );--dwui-max-height-anchored-popover: var(--dwui-max-height-help-popper, calc(100vh - 16px) );--dwui-padding-anchored-popover: var(--dwui-padding-help-popper, .67em 1em);--dwui-border-color-anchored-popover: var(--dwui-border-color-help-popper, light-dark(#8f8f8f, #6b6f76));--dwui-radius-anchored-popover: var(--dwui-radius-help-popper, 4px);--dwui-background-anchored-popover: var(--dwui-background-help-popper, Canvas);--dwui-background-anchored-popover-arrow: var(--dwui-background-help-popper-arrow, var(--dwui-background-help-popper, Canvas));--dwui-color-text-anchored-popover: var(--dwui-color-text-help-popper, CanvasText);--dwui-box-shadow-anchored-popover: var(--dwui-box-shadow-help-popper, 0 2px 8px rgba(0, 0, 0, .25))}:where(.dwui-hourglass-loading){animation:dwui-hourglass-loading-spin 1.2s linear infinite}@keyframes dwui-hourglass-loading-spin{to{transform:rotate(360deg)}}:where(.dwui-label-button){display:inline-block;padding:.17em .5em;border:1px solid var(--dwui-border-color-label-button, light-dark(#8f8f8f, #6b6f76));border-radius:3px;background:var(--dwui-background-label-button, light-dark(#f4f4f4, #3a3c40));color:var(--dwui-color-text-label-button, light-dark(#1a1a1a, #e6e6e6));font:inherit;cursor:pointer}:where(.dwui-label-button:not(:disabled):hover){background:var(--dwui-background-label-button-hover, light-dark(#e6e6e6, #474a50))}:where(.dwui-label-button:not(:disabled):active){background:var(--dwui-background-label-button-active, light-dark(#d6d6d6, #2f3135))}:where(.dwui-label-button:disabled){opacity:.6;cursor:not-allowed}:where(.dwui-label-button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-modal-dialog){box-sizing:border-box;width:var(--dwui-width-modal-dialog, 50vw);min-width:min(320px,100%);padding:var(--dwui-padding-modal-dialog, 1.67em 2.5em);border:1px solid var(--dwui-border-color-modal-dialog, light-dark(#8f8f8f, #6b6f76));border-radius:var(--dwui-radius-modal-dialog, 4px);background:var(--dwui-background-modal-dialog, Canvas);color:var(--dwui-color-text-modal-dialog, CanvasText);box-shadow:var(--dwui-box-shadow-modal-dialog, 0 2px 8px rgba(0, 0, 0, .33))}:where(.dwui-modal-dialog)::backdrop{background:var(--dwui-background-modal-dialog-backdrop, rgba(0, 0, 0, .5))}:where(.dwui-modal-dialog-header){display:flex;align-items:center;gap:.33em}:where(.dwui-modal-dialog-icon){display:flex;flex:none;font-size:var(--dwui-font-size-modal-dialog-icon, 1.83em)}:where(.dwui-modal-dialog-body){padding:.83em;overflow-wrap:anywhere}:where(.dwui-modal-dialog-body p),:where(.dwui-modal-dialog-body pre){margin:0;white-space:pre-wrap}:where(.dwui-modal-dialog-body pre){font:inherit}:where(.dwui-modal-dialog-images){display:flex;flex-wrap:wrap;gap:.33em;margin-top:.67em}:where(.dwui-modal-dialog-images img){width:var(--dwui-width-modal-dialog-image, 200px);max-width:100%;height:auto}:where(.dwui-modal-dialog-buttons){display:flex;justify-content:space-evenly;padding:.83em}:where(.dwui-modal-dialog-button){min-width:var(--dwui-min-width-modal-dialog-button, 80px);padding:.25em .83em;border:1px solid var(--dwui-border-color-modal-dialog-button, light-dark(#8f8f8f, #6b6f76));border-radius:3px;background:var(--dwui-background-modal-dialog-button, light-dark(#f4f4f4, #3a3c40));color:var(--dwui-color-text-modal-dialog-button, light-dark(#1a1a1a, #e6e6e6));font:inherit;cursor:pointer}:where(.dwui-modal-dialog-button:not(:disabled):hover){background:var(--dwui-background-modal-dialog-button-hover, light-dark(#e6e6e6, #474a50))}:where(.dwui-modal-dialog-button:not(:disabled):active){background:var(--dwui-background-modal-dialog-button-active, light-dark(#d6d6d6, #2f3135))}:where(.dwui-modal-dialog-button:disabled){opacity:.6;cursor:not-allowed}:where(.dwui-modal-dialog-button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-movable-window){position:absolute;display:flex;flex-direction:column;box-sizing:border-box;min-width:var(--dwui-min-width-movable-window, auto);max-height:var(--dwui-max-height-movable-window, none);border:1px solid var(--dwui-border-color-movable-window, light-dark(#8f8f8f, #6b6f76));border-radius:var(--dwui-radius-movable-window, 4px);background:var(--dwui-background-movable-window, Canvas);color:var(--dwui-color-text-movable-window, CanvasText);box-shadow:var(--dwui-box-shadow-movable-window, 0 2px 8px rgba(0, 0, 0, .33));outline:none;overflow:hidden}:where(.dwui-movable-window-frame){display:flex;flex:1 1 auto;flex-direction:column;min-height:0}:where(.dwui-movable-window-header){display:flex;flex:0 0 auto;align-items:center;gap:.33em;padding:var(--dwui-padding-movable-window-header, .17em .33em);border-bottom:1px solid var(--dwui-border-color-movable-window, light-dark(#8f8f8f, #6b6f76));background:var(--dwui-background-movable-window-header, transparent);color:var(--dwui-color-text-movable-window-header, inherit)}:where(.dwui-movable-window-title){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.dwui-movable-window-close-button){display:inline-flex;align-items:center;justify-content:center;padding:.17em;border:none;border-radius:4px;background-color:transparent;background-image:none;color:inherit;font:inherit;cursor:pointer}:where(.dwui-movable-window-close-button:hover){background:var(--dwui-background-movable-window-close-button-hover, light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .12)))}:where(.dwui-movable-window-close-button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-movable-window-body){flex:1 1 auto;box-sizing:border-box;min-height:0;padding:var(--dwui-padding-movable-window-body, .4em);overflow:auto}:where(.dwui-movable-window-header.dwui-movable,.dwui-movable-window-body.dwui-movable){cursor:move;touch-action:none}:where(.dwui-movable-window-header.dwui-movable){user-select:none}:where(.dwui-movable-window-resizer){position:absolute;right:0;bottom:0;width:18px;height:18px;color:var(--dwui-color-text-movable-window-resizer, GrayText);cursor:nwse-resize;touch-action:none}:where(.dwui-movable-window-resizer>svg){display:block;pointer-events:none}:where(.dwui-movable-window-corner){position:absolute;width:18px;height:18px;touch-action:none}:where(.dwui-movable-window-corner.dwui-top-left){top:0;left:0;clip-path:polygon(0 0,100% 0,100% 6px,6px 6px,6px 100%,0 100%);cursor:nwse-resize}:where(.dwui-movable-window-corner.dwui-top-right){top:0;right:0;clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 6px) 100%,calc(100% - 6px) 6px,0 6px);cursor:nesw-resize}:where(.dwui-movable-window-corner.dwui-bottom-left){bottom:0;left:0;clip-path:polygon(0 0,6px 0,6px calc(100% - 6px),100% calc(100% - 6px),100% 100%,0 100%);cursor:nesw-resize}:where(.dwui-movable-window-loading){position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--dwui-background-movable-window-loading, light-dark(rgba(0, 0, 0, .15), rgba(0, 0, 0, .4)))}:where(.dwui-movable-window-spinner){box-sizing:border-box;width:var(--dwui-size-movable-window-spinner, 48px);height:var(--dwui-size-movable-window-spinner, 48px);border:6px solid var(--dwui-border-color-movable-window-spinner, light-dark(rgba(0, 0, 0, .15), rgba(255, 255, 255, .2)));border-left-color:var(--dwui-border-color-movable-window-spinner-accent, light-dark(rgba(47, 90, 74, .8), rgba(140, 200, 170, .8)));border-radius:50%;animation:dwui-movable-window-spin 1.1s linear infinite}@keyframes dwui-movable-window-spin{to{transform:rotate(360deg)}}:where(html:has(.dwui-overlay-box),html:has(.dwui-overlay-box)>body){overflow:hidden}:where(.dwui-overlay-box){position:fixed;inset:0;z-index:calc(var(--dwui-z-index-overlay-box, 5000) + var(--dwui-order-window, 0))}:where(.dwui-overlay-box-backdrop){position:absolute;inset:0;background:var(--dwui-background-overlay-box-backdrop, light-dark(rgba(0, 0, 0, .2), rgba(0, 0, 0, .5)))}:where(.dwui-overlay-box-container){--dwui-border-color-movable-window: var(--dwui-border-color-overlay-box, light-dark(#8f8f8f, #6b6f76));--dwui-radius-movable-window: var(--dwui-radius-overlay-box, 4px);--dwui-background-movable-window: var(--dwui-background-overlay-box, Canvas);--dwui-color-text-movable-window: var(--dwui-color-text-overlay-box, CanvasText);--dwui-box-shadow-movable-window: var(--dwui-box-shadow-overlay-box, 0 2px 8px rgba(0, 0, 0, .33));--dwui-padding-movable-window-header: var(--dwui-padding-overlay-box-header, .17em .33em);--dwui-background-movable-window-header: var(--dwui-background-overlay-box-header, transparent);--dwui-color-text-movable-window-header: var(--dwui-color-text-overlay-box-header, inherit);--dwui-background-movable-window-close-button-hover: var(--dwui-background-overlay-box-close-button-hover, light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .12)));--dwui-padding-movable-window-body: var(--dwui-padding-overlay-box-body, .4em);--dwui-color-text-movable-window-resizer: var(--dwui-color-text-overlay-box-resizer, GrayText);--dwui-background-movable-window-loading: var(--dwui-background-overlay-box-loading, light-dark(rgba(0, 0, 0, .15), rgba(0, 0, 0, .4)));--dwui-size-movable-window-spinner: var(--dwui-size-overlay-box-spinner, 48px);--dwui-border-color-movable-window-spinner: var(--dwui-border-color-overlay-box-spinner, light-dark(rgba(0, 0, 0, .15), rgba(255, 255, 255, .2)));--dwui-border-color-movable-window-spinner-accent: var(--dwui-border-color-overlay-box-spinner-accent, light-dark(rgba(47, 90, 74, .8), rgba(140, 200, 170, .8)))}:where(.dwui-overlay-box-fade-enter-active,.dwui-overlay-box-fade-leave-active){transition:opacity .25s ease}:where(.dwui-overlay-box-fade-enter-from,.dwui-overlay-box-fade-leave-to){opacity:0}:where(.dwui-page-section){display:block;margin:.33em 0 .67em;padding-top:.17em;font-size:var(--dwui-font-size-page-section, inherit);font-weight:500}:where(.dwui-page-section-title){display:flex;align-items:center;font-size:var(--dwui-font-size-page-section-title, 1.17em)}:where(.dwui-page-section-content){margin:.67em 0 .67em 1.33em}:where(.dwui-page-title){display:flex;align-items:center;justify-content:space-between;width:var(--dwui-width-page-title, auto);padding:.33em;border-radius:4px;background:var(--dwui-background-page-title, linear-gradient(light-dark(#323232, #3c3f45) 0%, light-dark(rgb(32, 32, 31), #2b2d31) 25%, light-dark(rgb(32, 32, 31), #2b2d31) 75%, light-dark(#323232, #3c3f45) 100%));color:var(--dwui-color-text-page-title, rgb(220, 220, 220));font-size:var(--dwui-font-size-page-title, 1.17em);font-weight:var(--dwui-font-weight-page-title, normal)}:where(.dwui-screen-loading){padding:0;border:none;outline:none;background-color:transparent;background-image:none;overflow:visible}:where(.dwui-screen-loading::backdrop){background:var(--dwui-background-screen-loading, light-dark(rgba(0, 0, 0, .25), rgba(0, 0, 0, .5)))}:where(.dwui-screen-loading-spinner){box-sizing:border-box;width:var(--dwui-size-screen-loading-spinner, 100px);height:var(--dwui-size-screen-loading-spinner, 100px);border:8px solid var(--dwui-border-color-screen-loading-spinner, light-dark(rgba(0, 0, 0, .15), rgba(255, 255, 255, .2)));border-left-color:var(--dwui-border-color-screen-loading-spinner-accent, light-dark(rgba(47, 90, 74, .8), rgba(140, 200, 170, .8)));border-radius:50%;animation:dwui-screen-loading-spin 1.1s linear infinite}@keyframes dwui-screen-loading-spin{to{transform:rotate(360deg)}}:where(.dwui-tab-content[hidden]){display:none}:where(.dwui-tab-content[aria-checked=true]){display:block;position:relative;padding:.33em .67em;overflow:hidden;animation:dwui-tab-slide-in var(--dwui-duration-tab-slide, .35s) var(--dwui-easing-tab-slide, cubic-bezier(.22, 1, .36, 1))}:where(.dwui-tab-loading){position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--dwui-overlay-color-loading, light-dark(rgba(0, 0, 0, .25), rgba(0, 0, 0, .45)))}:where(.dwui-tab-loading-spinner){width:var(--dwui-size-loading-spinner, 40px);height:var(--dwui-size-loading-spinner, 40px);border:4px solid var(--dwui-border-color-loading-spinner, rgba(255, 255, 255, .4));border-top-color:var(--dwui-border-color-loading-spinner-accent, #ffffff);border-radius:50%;animation:dwui-tab-loading-spin .8s linear infinite}@keyframes dwui-tab-loading-spin{to{transform:rotate(360deg)}}@keyframes dwui-tab-slide-in{0%{opacity:0;transform:translate(var(--dwui-distance-tab-slide, -128px))}to{opacity:1;transform:translate(0)}}:where(.dwui-tab-group){margin-bottom:.67em}:where(.dwui-tab-headers){display:flex;flex-direction:row;flex-wrap:wrap;position:relative;margin-top:.4em;padding-bottom:.33em}:where(.dwui-tab-radio){position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}:where(.dwui-tab-item){display:block;min-width:100px;padding:0 .33em;border:1px solid var(--dwui-border-color-tab, light-dark(#565656, #8a8a8a));border-bottom:1px solid var(--dwui-border-color-tab-header-accent, #5ab4bd);background:var(--dwui-background-tab-header, linear-gradient(light-dark(#1313c7, #2a3a8f), light-dark(navy, #141c4d)));line-height:2em;text-align:center;white-space:nowrap;color:var(--dwui-color-text-tab-header, azure);text-overflow:ellipsis;cursor:pointer;transition:all .2s ease}:where(.dwui-tab-radio:checked+.dwui-tab-item){background:var(--dwui-background-tab-header-selected, linear-gradient(light-dark(#1313c7, #2a3a8f), light-dark(rgb(149, 149, 234), #5a62b8), light-dark(#1313c7, #2a3a8f)));color:var(--dwui-color-text-tab-header-selected, azure);cursor:default}:where(.dwui-tab-radio:disabled+.dwui-tab-item){background:var(--dwui-background-tab-header-disabled, light-dark(gray, #4a4a4a));cursor:not-allowed}:where(.dwui-tab-item.dwui-tab-warn){background:var(--dwui-background-tab-header-warn, light-dark(#efef13, #8a8a10));color:var(--dwui-color-text-tab-header-warn, light-dark(midnightblue, #fffbd0))}:where(.dwui-tab-radio:checked+.dwui-tab-item.dwui-tab-warn){background:var(--dwui-background-tab-header-warn-selected, linear-gradient(light-dark(#fafa06, #8a8a10), light-dark(rgb(232, 238, 206), #a8a860), light-dark(#fafa06, #8a8a10)))}:where(.dwui-tab-item.dwui-tab-error){background:var(--dwui-background-tab-header-error, light-dark(red, #a01818));color:var(--dwui-color-text-tab-header-error, azure)}:where(.dwui-tab-radio:checked+.dwui-tab-item.dwui-tab-error){background:var(--dwui-background-tab-header-error-selected, linear-gradient(light-dark(#ff0000, #a01818), light-dark(rgb(240, 136, 136), #c86060), light-dark(#ff0000, #a01818)))}:where(.dwui-tab-radio:not(:checked)+.dwui-tab-item:hover){box-shadow:inset 0 0 0 999px var(--dwui-overlay-color-tab-header-hover, light-dark(rgba(255, 255, 255, .35), rgba(255, 255, 255, .15)))}:where(.dwui-tab-radio:focus-visible+.dwui-tab-item){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-tab-items){height:100%;border:1px solid var(--dwui-border-color-tab, light-dark(#565656, #8a8a8a));overflow:hidden}:where(.dwui-warning-popper-popover){--dwui-max-width-anchored-popover: var(--dwui-max-width-warning-popper, calc(100vw - 16px) );--dwui-max-height-anchored-popover: var(--dwui-max-height-warning-popper, calc(100vh - 16px) );--dwui-padding-anchored-popover: var(--dwui-padding-warning-popper, .67em 1em);--dwui-border-color-anchored-popover: var(--dwui-border-color-warning-popper, light-dark(#8f8f8f, #6b6f76));--dwui-radius-anchored-popover: var(--dwui-radius-warning-popper, 4px);--dwui-background-anchored-popover: var(--dwui-background-warning-popper, Canvas);--dwui-background-anchored-popover-arrow: var(--dwui-background-warning-popper-arrow, var(--dwui-background-warning-popper, Canvas));--dwui-color-text-anchored-popover: var(--dwui-color-text-warning-popper, CanvasText);--dwui-box-shadow-anchored-popover: var(--dwui-box-shadow-warning-popper, 0 2px 8px rgba(0, 0, 0, .25))}:where(html:has(.dwui-floating-component.dwui-lock-scroll),html:has(.dwui-floating-component.dwui-lock-scroll)>body){overflow:hidden}:where(.dwui-floating-component){z-index:calc(var(--dwui-z-index-floating-component, 5000) + var(--dwui-order-window, 0));--dwui-min-width-movable-window: var(--dwui-min-width-floating-component, 200px);--dwui-max-height-movable-window: var(--dwui-max-height-floating-component, 90vh);--dwui-border-color-movable-window: var(--dwui-border-color-floating-component, light-dark(#8f8f8f, #6b6f76));--dwui-radius-movable-window: var(--dwui-radius-floating-component, 4px);--dwui-background-movable-window: var(--dwui-background-floating-component, Canvas);--dwui-color-text-movable-window: var(--dwui-color-text-floating-component, CanvasText);--dwui-box-shadow-movable-window: var(--dwui-box-shadow-floating-component, 0 2px 8px rgba(0, 0, 0, .33));--dwui-padding-movable-window-header: var(--dwui-padding-floating-component-header, .17em .33em);--dwui-background-movable-window-header: var(--dwui-background-floating-component-header, transparent);--dwui-color-text-movable-window-header: var(--dwui-color-text-floating-component-header, inherit);--dwui-background-movable-window-close-button-hover: var(--dwui-background-floating-component-close-button-hover, light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .12)));--dwui-padding-movable-window-body: var(--dwui-padding-floating-component-body, .4em);--dwui-color-text-movable-window-resizer: var(--dwui-color-text-floating-component-resizer, GrayText);--dwui-background-movable-window-loading: var(--dwui-background-floating-component-loading, light-dark(rgba(0, 0, 0, .15), rgba(0, 0, 0, .4)));--dwui-size-movable-window-spinner: var(--dwui-size-floating-component-spinner, 48px);--dwui-border-color-movable-window-spinner: var(--dwui-border-color-floating-component-spinner, light-dark(rgba(0, 0, 0, .15), rgba(255, 255, 255, .2)));--dwui-border-color-movable-window-spinner-accent: var(--dwui-border-color-floating-component-spinner-accent, light-dark(rgba(47, 90, 74, .8), rgba(140, 200, 170, .8)))}:where(.dwui-floating-component-message){overflow-wrap:anywhere;white-space:pre-wrap}:where(.dwui-floating-component-fade-enter-active,.dwui-floating-component-fade-leave-active){transition:opacity .25s ease}:where(.dwui-floating-component-fade-enter-from,.dwui-floating-component-fade-leave-to){opacity:0}:where(.dwui-snackbar-container){position:fixed;right:0;left:0;z-index:var(--dwui-z-index-snackbar, 7000);display:flex;gap:var(--dwui-gap-snackbar-container, .33em);box-sizing:border-box;padding:var(--dwui-padding-snackbar-container, .33em);pointer-events:none}:where(.dwui-snackbar-container>*){pointer-events:auto}:where(.dwui-snackbar-container-top){top:0}:where(.dwui-snackbar-container-bottom){bottom:0}:where(.dwui-snackbar-container-overlap){display:grid;grid-template-columns:auto auto;column-gap:0;align-items:center;justify-content:center}:where(.dwui-snackbar-container-overlap.dwui-snackbar-container-start){justify-content:start}:where(.dwui-snackbar-container-overlap.dwui-snackbar-container-end){justify-content:end}:where(.dwui-snackbar-container-overlap>.dwui-snackbar){grid-area:1 / 2}:where(.dwui-snackbar-container-overlap>.dwui-snackbar-clear-button){grid-area:1 / 1;margin-right:var(--dwui-gap-snackbar-container, .33em)}:where(.dwui-snackbar-container-column){flex-direction:column;align-items:center}:where(.dwui-snackbar-container-column.dwui-snackbar-container-start){align-items:flex-start}:where(.dwui-snackbar-container-column.dwui-snackbar-container-end){align-items:flex-end}:where(.dwui-snackbar-container-row){flex-wrap:wrap;align-items:center;justify-content:center}:where(.dwui-snackbar-container-row.dwui-snackbar-container-start){justify-content:flex-start}:where(.dwui-snackbar-container-row.dwui-snackbar-container-end){justify-content:flex-end}:where(.dwui-snackbar){display:block;box-sizing:border-box;width:var(--dwui-width-snackbar, 300px);max-width:100%;padding:var(--dwui-padding-snackbar, .5em .67em);border:none;border-radius:var(--dwui-radius-snackbar, 0);background:var(--dwui-background-snackbar, #323232);color:var(--dwui-color-text-snackbar, #ffffff);box-shadow:var(--dwui-box-shadow-snackbar, 4px 4px 3px 0 rgba(0, 0, 0, .25));font:inherit;text-align:left;cursor:pointer}:where(.dwui-snackbar:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-snackbar-header){display:flex;gap:.67em;color:var(--dwui-color-text-snackbar-header, #d3d3d3);font-size:.8em}:where(.dwui-snackbar-label){margin-left:auto}:where(.dwui-snackbar-message){display:block;padding-left:.33em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.dwui-snackbar-timestamp){display:block;color:var(--dwui-color-text-snackbar-timestamp, #d3d3d3);font-size:.8em;text-align:right}:where(.dwui-snackbar-clear-button){display:inline-flex;align-items:center;justify-content:center;padding:.17em;border:none;border-radius:4px;background-color:transparent;background-image:none;color:var(--dwui-color-text-snackbar-clear-button, inherit);font:inherit;cursor:pointer}:where(.dwui-snackbar-clear-button:focus-visible){outline:var(--dwui-outline-width-focus-ring, 2px) solid var(--dwui-outline-color-focus-ring, Highlight);outline-offset:var(--dwui-outline-offset-focus-ring, 2px)}:where(.dwui-snackbar-fade-enter-active,.dwui-snackbar-fade-leave-active){transition:opacity .5s ease}:where(.dwui-snackbar-fade-enter-from,.dwui-snackbar-fade-leave-to){opacity:0}