@shtabapp/ui-kit 1.28.0 → 1.29.0

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [@shtabapp/ui-kit-v1.29.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.28.0...@shtabapp/ui-kit@1.29.0) (2026-06-29)
+
+### Features
+
+- change slist item min size ([daa481f](https://gitlab.com/mstikharev/shtab-ui-kit/commit/daa481f77a390edfd58aa35218a78275aae815a9))
+
 ## [@shtabapp/ui-kit-v1.28.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.27.0...@shtabapp/ui-kit@1.28.0) (2026-06-22)
 
 ### Features

package/dist/{SList-D-J6fBrQ.cjs → SList-Do2C2gPW.cjs}

@@ -1 +1 @@
-const e=require("./useSelectionGroup-TaektE-I.cjs"),t=require("./SListItem-4OTUkahk.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives"),i=require("@vueuse/core"),a=require("@tanstack/vue-virtual");var o=(e,t)=>{if(typeof t==`function`)return t(e);let n=e[t];return typeof n==`string`?n:typeof n==`number`?String(n):``},s=(e,t)=>{let n=e[t];return Array.isArray(n)?n.filter(e=>typeof e==`object`&&!!e):[]},c=(e,t,n,r)=>{s(e,n).forEach(e=>{let i=o(e,t);i&&r.add(i),c(e,t,n,r)})},l=(e,t,n,r)=>{for(let i of e){if(o(i,n)===t)return i;let e=l(s(i,r),t,n,r);if(e)return e}},u=(e,t,n,r,i,a,c)=>{e.forEach(e=>{let l=o(e,t);if(!l)return;let d=s(e,n),f=d.length>0,p=r.includes(l);c.push({key:l,item:e,depth:i,flatIndex:c.length,hasChildren:f,expanded:p,parentKey:a}),f&&p&&u(d,t,n,r,i+1,l,c)})},d=({items:e,childrenKey:t,itemKey:r,expanded:i})=>({flatRows:(0,n.computed)(()=>{let a=[],o=(0,n.toValue)(e),s=(0,n.toValue)(t);return u(o,(0,n.toValue)(r),s,i.value,0,void 0,a),a}),toggleExpanded:a=>{let o=(0,n.toValue)(e),s=(0,n.toValue)(t),u=(0,n.toValue)(r),d=new Set(i.value);if(d.has(a)){d.delete(a);let e=l(o,a,u,s);if(e){let t=new Set;c(e,u,s,t),t.forEach(e=>{d.delete(e)})}}else d.add(a);i.value=[...d]},isExpanded:e=>i.value.includes(e)}),f=(e,t)=>(0,i.useInfiniteScroll)(e,()=>{t.onEndReached()},{distance:(0,n.toValue)(t.distance),canLoadMore:()=>t.canLoadMore===void 0?!0:(0,n.toValue)(t.canLoadMore),direction:`bottom`}),p=function(e){return e.NONE=`none`,e.TWO_X_SMALL=`2x-small`,e.X_SMALL=`x-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e.X_MEDIUM=`x-medium`,e.LARGE=`large`,e.X_LARGE=`x-large`,e.TWO_X_LARGE=`2x-large`,e}({}),m=p.TWO_X_SMALL,ee={[p.NONE]:`var(--s-ui-space-gap-none)`,[p.TWO_X_SMALL]:`var(--s-ui-space-gap-2x-small)`,[p.X_SMALL]:`var(--s-ui-space-gap-x-small)`,[p.SMALL]:`var(--s-ui-space-gap-small)`,[p.MEDIUM]:`var(--s-ui-space-gap-medium)`,[p.X_MEDIUM]:`var(--s-ui-space-gap-x-medium)`,[p.LARGE]:`var(--s-ui-space-gap-large)`,[p.X_LARGE]:`var(--s-ui-space-gap-x-large)`,[p.TWO_X_LARGE]:`var(--s-ui-space-gap-2x-large)`},h={[p.NONE]:0,[p.TWO_X_SMALL]:2,[p.X_SMALL]:4,[p.SMALL]:8,[p.MEDIUM]:12,[p.X_MEDIUM]:16,[p.LARGE]:20,[p.X_LARGE]:24,[p.TWO_X_LARGE]:32},te=(e,t)=>`s-ui-list-option-${e}-${t}`,g=(e,t)=>{let n=e[t];if(typeof n==`string`)return n},_=(e,t)=>{let n=e[t];return typeof n==`boolean`?n:!1},v=e=>e in r.ESIconName,y=(e,t)=>{let n=e[t];if(typeof n==`string`&&n.length>0&&v(n))return n},b=(e,t)=>typeof t==`string`&&t?t:Array.isArray(t)&&t[0]?t[0]:e,x=e=>e.some(e=>e.hasChildren||e.parentKey),S=(e,t,n)=>{if(!e.hasChildren)return null;if(!e.expanded)return{type:`expand`,rowKey:t};let r=n.find(e=>e.parentKey===t);return r?{type:`select`,rowKey:r.key}:null},C=(e,t)=>e.hasChildren&&e.expanded?{type:`collapse`,rowKey:t}:e.parentKey?{type:`select`,rowKey:e.parentKey}:null,w=(e,t,n)=>{let r=n.find(e=>e.key===t);return r?e===`ArrowRight`?S(r,t,n):C(r,t):null},T=(e,t,n,r)=>{for(let i=t;i>=0&&i<e.length;i+=n){let t=e[i];if(t&&t.depth<=r)return t.key}return null},ne=(e,t,n)=>{let r=n.findIndex(e=>e.key===t);if(r===-1)return null;let i=n[r];if(!i)return null;let a=e===`ArrowDown`?1:-1;return T(n,r+a,a,i.depth)},re=[`role`,`aria-multiselectable`],ie=[`aria-multiselectable`,`aria-activedescendant`,`tabindex`],ae=[`data-index`],E={key:2,class:`s-ui-list__static`},D=(0,n.defineComponent)({__name:`SList`,props:(0,n.mergeModels)({items:{},itemKey:{type:[String,Function],default:`id`},childrenKey:{default:`children`},titleKey:{default:`title`},subtitleKey:{default:`subtitle`},iconLeftKey:{default:`iconLeft`},disabledKey:{default:`disabled`},itemProps:{type:Function},selectionMode:{default:()=>e.n.NONE},mandatory:{type:Boolean,default:!1},virtual:{type:Boolean},gap:{default:()=>m},estimateItemSize:{default:44},overscan:{default:5},endReachedDistance:{default:0},canLoadMore:{type:Function},height:{default:320},maxHeight:{},revealRight:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{},selected:{},selectedModifiers:{},expanded:{default:()=>[]},expandedModifiers:{}}),emits:(0,n.mergeModels)([`endReached`],[`update:modelValue`,`update:selected`,`update:expanded`]),setup(r,{expose:i,emit:o}){let s=(0,n.useModel)(r,`modelValue`),c=(0,n.useModel)(r,`selected`),l=(0,n.useModel)(r,`expanded`),u=o,p=(0,n.useSlots)(),m=(0,n.useId)(),v=(0,n.useTemplateRef)(`scrollElementRef`),S=(0,n.useTemplateRef)(`listRootElementRef`),C=(0,n.computed)(()=>h[r.gap]),T=(0,n.computed)(()=>r.items!==void 0),D=(0,n.computed)(()=>T.value?r.virtual===void 0?!0:r.virtual:!1),{flatRows:O,toggleExpanded:k}=d({items:()=>r.items??[],childrenKey:()=>r.childrenKey,itemKey:()=>r.itemKey,expanded:l}),A=(0,a.useVirtualizer)((0,n.computed)(()=>({count:O.value.length,getScrollElement:()=>v.value,estimateSize:()=>r.estimateItemSize,gap:C.value,overscan:r.overscan}))),j=(0,n.computed)(()=>{if(T.value)return O.value.map(e=>e.key)}),M=(0,n.computed)(()=>{let e=new Set;for(let t of O.value)_(t.item,r.disabledKey)&&e.add(t.key);return e}),N=async e=>{if(!D.value)return;let t=O.value.findIndex(t=>t.key===e);t!==-1&&(A.value.scrollToIndex(t,{align:`auto`}),await new Promise(e=>{requestAnimationFrame(()=>{e()})}),await(0,n.nextTick)())},P=e=>te(m,e),F=e.o({modelValue:()=>c.value,onUpdateModelValue:e=>{c.value=e},mode:()=>r.selectionMode,mandatory:()=>r.mandatory,orientation:()=>e.r.VERTICAL,enableTabNavigation:!0,focusMode:()=>D.value?e.t.ACTIVE_DESCENDANT:e.t.DOM,orderedValues:j,isValueDisabled:e=>M.value.has(e),onBeforeFocusItem:async e=>{await N(e)},onFocusGroup:()=>{v.value?.focus()}}),I=(0,n.computed)(()=>T.value&&x(O.value)),L=()=>{if(D.value){v.value?.focus();return}S.value?.focus()},R=()=>{F.focusedValue.value=void 0,s.value=void 0;let e=document.activeElement;e instanceof HTMLElement&&e!==v.value&&e.blur(),L()},z=async e=>{D.value&&await N(e)},B=async e=>{if(R(),e.type===`expand`||e.type===`collapse`){k(e.rowKey),F.select(e.rowKey,!1),await z(e.rowKey);return}F.select(e.rowKey,!1),await z(e.rowKey)},V=async(e,t)=>{if(!I.value||e.key!==`ArrowUp`&&e.key!==`ArrowDown`)return!1;let n=b(t,c.value),r=ne(e.key,n,O.value);return r?(e.preventDefault(),R(),F.select(r,!1),await z(r),!0):!1},H=async(e,t)=>{if(!I.value||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`)return!1;let n=b(t,c.value),r=w(e.key,n,O.value);return r?(e.preventDefault(),await B(r),!0):!1},U=()=>{if(s.value)return s.value;let e=b(``,c.value);if(e)return e;let t=j.value;if(t){for(let e of t)if(!M.value.has(e))return e}},W=()=>U(),G=async e=>{let t=W();t&&await K(e,t)},K=async(e,t)=>{await V(e,t)||await H(e,t)||(await F.handleItemKeydown(e,t),s.value=F.focusedValue.value,!F.focusedValue.value&&!D.value&&L())},q=async e=>{let t=U();t&&await K(e,t)},oe=async e=>{if(D.value||e.target!==S.value)return;let t=U();t&&await K(e,t)},se=async()=>{let e=U();if(!e){L();return}await F.focusItem(e,!1)};(0,n.provide)(t.r,{mode:()=>r.selectionMode,isSelected:F.isSelected,selectItem:F.toggle,registerItem:F.registerItem,getItemTabIndex:F.getItemTabIndex,getGroupTabIndex:F.getGroupTabIndex,handleItemKeydown:K,activeKey:()=>s.value,setActiveKey:e=>{s.value=e},isExpanded:e=>l.value.includes(e),toggleExpanded:e=>{if(T.value){k(e);return}let t=new Set(l.value);t.has(e)?t.delete(e):t.add(e),l.value=[...t]},revealRight:()=>r.revealRight,getItemOptionId:e=>{if(D.value)return P(e)},usesActiveDescendantNavigation:()=>D.value});let ce=(0,n.computed)(()=>A.value.getVirtualItems()),le=(0,n.computed)(()=>ce.value.flatMap(e=>{let t=O.value[e.index];return t?[{virtualRow:e,flatRow:t}]:[]})),ue=(0,n.computed)(()=>A.value.getTotalSize()),de=(0,n.computed)(()=>({height:`${ue.value}px`,position:`relative`,width:`100%`})),J=(0,n.computed)(()=>{let e={};return typeof r.height==`number`?e.height=`${r.height}px`:r.height&&(e.height=r.height),r.maxHeight&&(typeof r.maxHeight==`number`?e.maxHeight=`${r.maxHeight}px`:e.maxHeight=r.maxHeight),e}),fe=(0,n.computed)(()=>({"s-ui-list--virtual":D.value,"s-ui-list--static":!D.value})),pe=(0,n.computed)(()=>({"--s-ui-list-gap":ee[r.gap]})),Y=(0,n.computed)(()=>({"s-ui-list__scroll--flat":T.value&&!D.value})),X=(0,n.computed)(()=>{if(r.selectionMode===e.n.MULTIPLE)return!0}),me=(0,n.computed)(()=>{if(!D.value)return`listbox`}),he=(0,n.computed)(()=>{if(!D.value)return X.value}),Z=(0,n.computed)(()=>{if(D.value)return F.getGroupTabIndex()}),ge=(0,n.computed)(()=>s.value?s.value:b(``,c.value)),_e=(0,n.computed)(()=>{if(!D.value)return;let e=ge.value;if(e)return P(e)});f(()=>v.value,{distance:()=>r.endReachedDistance,canLoadMore:()=>r.canLoadMore?r.canLoadMore():!0,onEndReached:()=>{u(`endReached`,{direction:`bottom`})}});let ve=e=>({position:`absolute`,top:0,left:0,width:`100%`,transform:`translateY(${e.start}px)`}),ye=e=>{e instanceof HTMLElement&&A.value.measureElement(e)},Q=e=>{let t=e.item,n={rowKey:e.key,depth:e.depth,expandable:e.hasChildren,expanded:e.expanded,selected:F.isSelected(e.key),active:s.value===e.key,disabled:_(t,r.disabledKey),title:g(t,r.titleKey),subtitle:g(t,r.subtitleKey),iconLeft:y(t,r.iconLeftKey),revealRight:r.revealRight};return r.itemProps?{...n,...r.itemProps(t,e)}:n},$=e=>({...e,revealRight:r.revealRight,toggleExpanded:()=>{k(e.key)}});return i({focusNavigation:se,handleKeyboardNavigation:q}),(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`listRootElementRef`,ref:S,class:(0,n.normalizeClass)([`s-ui-list`,fe.value]),style:(0,n.normalizeStyle)(pe.value),role:me.value,"aria-multiselectable":he.value,tabindex:`-1`,onKeydown:oe},[T.value&&D.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,ref_key:`scrollElementRef`,ref:v,class:(0,n.normalizeClass)([`s-ui-list__scroll`,Y.value]),style:(0,n.normalizeStyle)(J.value),role:`listbox`,"aria-multiselectable":X.value,"aria-activedescendant":_e.value,tabindex:Z.value,onKeydown:G},[(0,n.createElementVNode)(`div`,{class:`s-ui-list__virtual-panel`,style:(0,n.normalizeStyle)(de.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(le.value,r=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:r.virtualRow.index,class:`s-ui-list__virtual-row`,"data-index":r.virtualRow.index,ref_for:!0,ref:ye,style:(0,n.normalizeStyle)(ve(r.virtualRow))},[(0,n.unref)(p).item?(0,n.renderSlot)(e.$slots,`item`,(0,n.mergeProps)({key:0,ref_for:!0},$(r.flatRow))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:1,ref_for:!0},Q(r.flatRow)),null,16))],12,ae))),128))],4)],46,ie)):T.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,ref_key:`scrollElementRef`,ref:v,class:(0,n.normalizeClass)([`s-ui-list__scroll`,Y.value]),style:(0,n.normalizeStyle)(J.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(O),r=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:r.key},[(0,n.unref)(p).item?(0,n.renderSlot)(e.$slots,`item`,(0,n.mergeProps)({key:0,ref_for:!0},$(r))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:1,ref_for:!0},Q(r)),null,16))],64))),128))],6)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,E,[(0,n.renderSlot)(e.$slots,`default`)]))],46,re))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return D}});
+const e=require("./useSelectionGroup-TaektE-I.cjs"),t=require("./SListItem-4OTUkahk.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives"),i=require("@vueuse/core"),a=require("@tanstack/vue-virtual");var o=(e,t)=>{if(typeof t==`function`)return t(e);let n=e[t];return typeof n==`string`?n:typeof n==`number`?String(n):``},s=(e,t)=>{let n=e[t];return Array.isArray(n)?n.filter(e=>typeof e==`object`&&!!e):[]},c=(e,t,n,r)=>{s(e,n).forEach(e=>{let i=o(e,t);i&&r.add(i),c(e,t,n,r)})},l=(e,t,n,r)=>{for(let i of e){if(o(i,n)===t)return i;let e=l(s(i,r),t,n,r);if(e)return e}},u=(e,t,n,r,i,a,c)=>{e.forEach(e=>{let l=o(e,t);if(!l)return;let d=s(e,n),f=d.length>0,p=r.includes(l);c.push({key:l,item:e,depth:i,flatIndex:c.length,hasChildren:f,expanded:p,parentKey:a}),f&&p&&u(d,t,n,r,i+1,l,c)})},d=({items:e,childrenKey:t,itemKey:r,expanded:i})=>({flatRows:(0,n.computed)(()=>{let a=[],o=(0,n.toValue)(e),s=(0,n.toValue)(t);return u(o,(0,n.toValue)(r),s,i.value,0,void 0,a),a}),toggleExpanded:a=>{let o=(0,n.toValue)(e),s=(0,n.toValue)(t),u=(0,n.toValue)(r),d=new Set(i.value);if(d.has(a)){d.delete(a);let e=l(o,a,u,s);if(e){let t=new Set;c(e,u,s,t),t.forEach(e=>{d.delete(e)})}}else d.add(a);i.value=[...d]},isExpanded:e=>i.value.includes(e)}),f=(e,t)=>(0,i.useInfiniteScroll)(e,()=>{t.onEndReached()},{distance:(0,n.toValue)(t.distance),canLoadMore:()=>t.canLoadMore===void 0?!0:(0,n.toValue)(t.canLoadMore),direction:`bottom`}),p=function(e){return e.NONE=`none`,e.TWO_X_SMALL=`2x-small`,e.X_SMALL=`x-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e.X_MEDIUM=`x-medium`,e.LARGE=`large`,e.X_LARGE=`x-large`,e.TWO_X_LARGE=`2x-large`,e}({}),m=p.TWO_X_SMALL,ee={[p.NONE]:`var(--s-ui-space-gap-none)`,[p.TWO_X_SMALL]:`var(--s-ui-space-gap-2x-small)`,[p.X_SMALL]:`var(--s-ui-space-gap-x-small)`,[p.SMALL]:`var(--s-ui-space-gap-small)`,[p.MEDIUM]:`var(--s-ui-space-gap-medium)`,[p.X_MEDIUM]:`var(--s-ui-space-gap-x-medium)`,[p.LARGE]:`var(--s-ui-space-gap-large)`,[p.X_LARGE]:`var(--s-ui-space-gap-x-large)`,[p.TWO_X_LARGE]:`var(--s-ui-space-gap-2x-large)`},h={[p.NONE]:0,[p.TWO_X_SMALL]:2,[p.X_SMALL]:4,[p.SMALL]:8,[p.MEDIUM]:12,[p.X_MEDIUM]:16,[p.LARGE]:20,[p.X_LARGE]:24,[p.TWO_X_LARGE]:32},te=(e,t)=>`s-ui-list-option-${e}-${t}`,g=(e,t)=>{let n=e[t];if(typeof n==`string`)return n},_=(e,t)=>{let n=e[t];return typeof n==`boolean`?n:!1},v=e=>e in r.ESIconName,y=(e,t)=>{let n=e[t];if(typeof n==`string`&&n.length>0&&v(n))return n},b=(e,t)=>typeof t==`string`&&t?t:Array.isArray(t)&&t[0]?t[0]:e,x=e=>e.some(e=>e.hasChildren||e.parentKey),S=(e,t,n)=>{if(!e.hasChildren)return null;if(!e.expanded)return{type:`expand`,rowKey:t};let r=n.find(e=>e.parentKey===t);return r?{type:`select`,rowKey:r.key}:null},C=(e,t)=>e.hasChildren&&e.expanded?{type:`collapse`,rowKey:t}:e.parentKey?{type:`select`,rowKey:e.parentKey}:null,w=(e,t,n)=>{let r=n.find(e=>e.key===t);return r?e===`ArrowRight`?S(r,t,n):C(r,t):null},T=(e,t,n,r)=>{for(let i=t;i>=0&&i<e.length;i+=n){let t=e[i];if(t&&t.depth<=r)return t.key}return null},ne=(e,t,n)=>{let r=n.findIndex(e=>e.key===t);if(r===-1)return null;let i=n[r];if(!i)return null;let a=e===`ArrowDown`?1:-1;return T(n,r+a,a,i.depth)},re=[`role`,`aria-multiselectable`],ie=[`aria-multiselectable`,`aria-activedescendant`,`tabindex`],ae=[`data-index`],E={key:2,class:`s-ui-list__static`},D=(0,n.defineComponent)({__name:`SList`,props:(0,n.mergeModels)({items:{},itemKey:{type:[String,Function],default:`id`},childrenKey:{default:`children`},titleKey:{default:`title`},subtitleKey:{default:`subtitle`},iconLeftKey:{default:`iconLeft`},disabledKey:{default:`disabled`},itemProps:{type:Function},selectionMode:{default:()=>e.n.NONE},mandatory:{type:Boolean,default:!1},virtual:{type:Boolean},gap:{default:()=>m},estimateItemSize:{default:36},overscan:{default:5},endReachedDistance:{default:0},canLoadMore:{type:Function},height:{default:320},maxHeight:{},revealRight:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{},selected:{},selectedModifiers:{},expanded:{default:()=>[]},expandedModifiers:{}}),emits:(0,n.mergeModels)([`endReached`],[`update:modelValue`,`update:selected`,`update:expanded`]),setup(r,{expose:i,emit:o}){let s=(0,n.useModel)(r,`modelValue`),c=(0,n.useModel)(r,`selected`),l=(0,n.useModel)(r,`expanded`),u=o,p=(0,n.useSlots)(),m=(0,n.useId)(),v=(0,n.useTemplateRef)(`scrollElementRef`),S=(0,n.useTemplateRef)(`listRootElementRef`),C=(0,n.computed)(()=>h[r.gap]),T=(0,n.computed)(()=>r.items!==void 0),D=(0,n.computed)(()=>T.value?r.virtual===void 0?!0:r.virtual:!1),{flatRows:O,toggleExpanded:k}=d({items:()=>r.items??[],childrenKey:()=>r.childrenKey,itemKey:()=>r.itemKey,expanded:l}),A=(0,a.useVirtualizer)((0,n.computed)(()=>({count:O.value.length,getScrollElement:()=>v.value,estimateSize:()=>r.estimateItemSize,gap:C.value,overscan:r.overscan}))),j=(0,n.computed)(()=>{if(T.value)return O.value.map(e=>e.key)}),M=(0,n.computed)(()=>{let e=new Set;for(let t of O.value)_(t.item,r.disabledKey)&&e.add(t.key);return e}),N=async e=>{if(!D.value)return;let t=O.value.findIndex(t=>t.key===e);t!==-1&&(A.value.scrollToIndex(t,{align:`auto`}),await new Promise(e=>{requestAnimationFrame(()=>{e()})}),await(0,n.nextTick)())},P=e=>te(m,e),F=e.o({modelValue:()=>c.value,onUpdateModelValue:e=>{c.value=e},mode:()=>r.selectionMode,mandatory:()=>r.mandatory,orientation:()=>e.r.VERTICAL,enableTabNavigation:!0,focusMode:()=>D.value?e.t.ACTIVE_DESCENDANT:e.t.DOM,orderedValues:j,isValueDisabled:e=>M.value.has(e),onBeforeFocusItem:async e=>{await N(e)},onFocusGroup:()=>{v.value?.focus()}}),I=(0,n.computed)(()=>T.value&&x(O.value)),L=()=>{if(D.value){v.value?.focus();return}S.value?.focus()},R=()=>{F.focusedValue.value=void 0,s.value=void 0;let e=document.activeElement;e instanceof HTMLElement&&e!==v.value&&e.blur(),L()},z=async e=>{D.value&&await N(e)},B=async e=>{if(R(),e.type===`expand`||e.type===`collapse`){k(e.rowKey),F.select(e.rowKey,!1),await z(e.rowKey);return}F.select(e.rowKey,!1),await z(e.rowKey)},V=async(e,t)=>{if(!I.value||e.key!==`ArrowUp`&&e.key!==`ArrowDown`)return!1;let n=b(t,c.value),r=ne(e.key,n,O.value);return r?(e.preventDefault(),R(),F.select(r,!1),await z(r),!0):!1},H=async(e,t)=>{if(!I.value||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`)return!1;let n=b(t,c.value),r=w(e.key,n,O.value);return r?(e.preventDefault(),await B(r),!0):!1},U=()=>{if(s.value)return s.value;let e=b(``,c.value);if(e)return e;let t=j.value;if(t){for(let e of t)if(!M.value.has(e))return e}},W=()=>U(),G=async e=>{let t=W();t&&await K(e,t)},K=async(e,t)=>{await V(e,t)||await H(e,t)||(await F.handleItemKeydown(e,t),s.value=F.focusedValue.value,!F.focusedValue.value&&!D.value&&L())},q=async e=>{let t=U();t&&await K(e,t)},oe=async e=>{if(D.value||e.target!==S.value)return;let t=U();t&&await K(e,t)},se=async()=>{let e=U();if(!e){L();return}await F.focusItem(e,!1)};(0,n.provide)(t.r,{mode:()=>r.selectionMode,isSelected:F.isSelected,selectItem:F.toggle,registerItem:F.registerItem,getItemTabIndex:F.getItemTabIndex,getGroupTabIndex:F.getGroupTabIndex,handleItemKeydown:K,activeKey:()=>s.value,setActiveKey:e=>{s.value=e},isExpanded:e=>l.value.includes(e),toggleExpanded:e=>{if(T.value){k(e);return}let t=new Set(l.value);t.has(e)?t.delete(e):t.add(e),l.value=[...t]},revealRight:()=>r.revealRight,getItemOptionId:e=>{if(D.value)return P(e)},usesActiveDescendantNavigation:()=>D.value});let ce=(0,n.computed)(()=>A.value.getVirtualItems()),le=(0,n.computed)(()=>ce.value.flatMap(e=>{let t=O.value[e.index];return t?[{virtualRow:e,flatRow:t}]:[]})),ue=(0,n.computed)(()=>A.value.getTotalSize()),de=(0,n.computed)(()=>({height:`${ue.value}px`,position:`relative`,width:`100%`})),J=(0,n.computed)(()=>{let e={};return typeof r.height==`number`?e.height=`${r.height}px`:r.height&&(e.height=r.height),r.maxHeight&&(typeof r.maxHeight==`number`?e.maxHeight=`${r.maxHeight}px`:e.maxHeight=r.maxHeight),e}),fe=(0,n.computed)(()=>({"s-ui-list--virtual":D.value,"s-ui-list--static":!D.value})),pe=(0,n.computed)(()=>({"--s-ui-list-gap":ee[r.gap]})),Y=(0,n.computed)(()=>({"s-ui-list__scroll--flat":T.value&&!D.value})),X=(0,n.computed)(()=>{if(r.selectionMode===e.n.MULTIPLE)return!0}),me=(0,n.computed)(()=>{if(!D.value)return`listbox`}),he=(0,n.computed)(()=>{if(!D.value)return X.value}),Z=(0,n.computed)(()=>{if(D.value)return F.getGroupTabIndex()}),ge=(0,n.computed)(()=>s.value?s.value:b(``,c.value)),_e=(0,n.computed)(()=>{if(!D.value)return;let e=ge.value;if(e)return P(e)});f(()=>v.value,{distance:()=>r.endReachedDistance,canLoadMore:()=>r.canLoadMore?r.canLoadMore():!0,onEndReached:()=>{u(`endReached`,{direction:`bottom`})}});let ve=e=>({position:`absolute`,top:0,left:0,width:`100%`,transform:`translateY(${e.start}px)`}),ye=e=>{e instanceof HTMLElement&&A.value.measureElement(e)},Q=e=>{let t=e.item,n={rowKey:e.key,depth:e.depth,expandable:e.hasChildren,expanded:e.expanded,selected:F.isSelected(e.key),active:s.value===e.key,disabled:_(t,r.disabledKey),title:g(t,r.titleKey),subtitle:g(t,r.subtitleKey),iconLeft:y(t,r.iconLeftKey),revealRight:r.revealRight};return r.itemProps?{...n,...r.itemProps(t,e)}:n},$=e=>({...e,revealRight:r.revealRight,toggleExpanded:()=>{k(e.key)}});return i({focusNavigation:se,handleKeyboardNavigation:q}),(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`listRootElementRef`,ref:S,class:(0,n.normalizeClass)([`s-ui-list`,fe.value]),style:(0,n.normalizeStyle)(pe.value),role:me.value,"aria-multiselectable":he.value,tabindex:`-1`,onKeydown:oe},[T.value&&D.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,ref_key:`scrollElementRef`,ref:v,class:(0,n.normalizeClass)([`s-ui-list__scroll`,Y.value]),style:(0,n.normalizeStyle)(J.value),role:`listbox`,"aria-multiselectable":X.value,"aria-activedescendant":_e.value,tabindex:Z.value,onKeydown:G},[(0,n.createElementVNode)(`div`,{class:`s-ui-list__virtual-panel`,style:(0,n.normalizeStyle)(de.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(le.value,r=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:r.virtualRow.index,class:`s-ui-list__virtual-row`,"data-index":r.virtualRow.index,ref_for:!0,ref:ye,style:(0,n.normalizeStyle)(ve(r.virtualRow))},[(0,n.unref)(p).item?(0,n.renderSlot)(e.$slots,`item`,(0,n.mergeProps)({key:0,ref_for:!0},$(r.flatRow))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:1,ref_for:!0},Q(r.flatRow)),null,16))],12,ae))),128))],4)],46,ie)):T.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,ref_key:`scrollElementRef`,ref:v,class:(0,n.normalizeClass)([`s-ui-list__scroll`,Y.value]),style:(0,n.normalizeStyle)(J.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(O),r=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:r.key},[(0,n.unref)(p).item?(0,n.renderSlot)(e.$slots,`item`,(0,n.mergeProps)({key:0,ref_for:!0},$(r))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:1,ref_for:!0},Q(r)),null,16))],64))),128))],6)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,E,[(0,n.renderSlot)(e.$slots,`default`)]))],46,re))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return D}});

package/dist/{SList-9BpZD3aT.js → SList-d6s0V3x2.js}

@@ -156,7 +156,7 @@ var w = (e, t) => {
 		},
 		virtual: { type: Boolean },
 		gap: { default: () => M },
-		estimateItemSize: { default: 44 },
+		estimateItemSize: { default: 36 },
 		overscan: { default: 5 },
 		endReachedDistance: { default: 0 },
 		canLoadMore: { type: Function },

package/dist/{SSelect-DFkWwUc1.js → SSelect-DXlWQVj8.js}

@@ -3,7 +3,7 @@ import { n as r } from "./useSelectionGroup-cKj38lEN.js";
 import { t as i } from "./SButton-D5yFE3W2.js";
 import { n as a, t as o } from "./SInput-W2257ZAC.js";
 import { t as s } from "./SDropdown-Cv729__Y.js";
-import { i as c, n as l, r as u, t as d } from "./SList-9BpZD3aT.js";
+import { i as c, n as l, r as u, t as d } from "./SList-d6s0V3x2.js";
 import { t as f } from "./SListItem-BAWj5_pk.js";
 import { computed as p, createBlock as ee, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createTextVNode as te, createVNode as v, defineComponent as y, guardReactiveProps as b, isRef as ne, mergeModels as x, mergeProps as re, nextTick as S, normalizeClass as C, normalizeProps as w, normalizeStyle as ie, openBlock as T, ref as E, renderSlot as D, toDisplayString as O, toValue as k, unref as A, useId as ae, useModel as oe, useSlots as se, useTemplateRef as ce, vModelText as le, watch as j, withCtx as M, withDirectives as ue, withModifiers as de } from "vue";
 import { SIcon as fe } from "@shtabapp/ui-kit-primitives";

package/dist/{SSelect-DADK22v2.cjs → SSelect-IoCVyA74.cjs}

@@ -1 +1 @@
-const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useSelectionGroup-TaektE-I.cjs"),n=require("./SButton-CHxE2l-X.cjs"),r=require("./SInput-Bno-hQ-b.cjs"),i=require("./SDropdown-B6b7IDjp.cjs"),a=require("./SList-D-J6fBrQ.cjs"),o=require("./SListItem-4OTUkahk.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:o,isOptionSelected:s})=>{let c=e.item;return{rowKey:e.key,title:a.i(c,t),subtitle:a.i(c,n),disabled:a.n(c,r),iconLeft:a.r(c,i),selected:s,active:o===e.key,revealRight:e.revealRight,tiny:!0}},u=e=>typeof e==`string`||typeof e==`number`,d=(e,t)=>{let n=e[t];if(u(n))return n},f=e=>typeof e==`string`?e:String(e),p=e=>e==null?!1:typeof e==`string`?e.length>0:!0,m=(e,t,n)=>t.find(t=>f(d(t,n)??``)===e),h=e=>typeof e==`object`&&!!e,g=(e,t,n)=>{let r=m(e,t,n);if(r)return d(r,n)},_=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),v=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=a.i(t,n.itemTitle)?.toLocaleLowerCase()??``,o=f(d(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||o.includes(r)},y=(e,t,n,r)=>{let i=r??((e,t)=>v(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},b=e=>typeof e==`string`&&p(e),x=e=>typeof e==`number`&&p(e),S=(e,t,n)=>{if(t){if(!h(e))return;let t=d(e,n);return b(t)||x(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(b(r)||x(r))return r},C=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=S(e,t,n);return p(r)?[r]:[]}):[],w=(e,t)=>{if(b(t)){e.value=t;return}if(x(t)){e.value=t;return}e.value=void 0},T=(e,t,n)=>t.flatMap(t=>{let r=f(t),i=e.find(e=>f(d(e,n)??``)===r);return i?[i]:[]}),E=({modelValue:e,options:n,itemFields:r,multiple:i,returnObject:o,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:h})=>{let v=(0,s.computed)(()=>(0,s.toValue)(i)),b=(0,s.computed)(()=>(0,s.toValue)(o)),x=(0,s.computed)(()=>(0,s.toValue)(c)===_.INPUT),S=(0,s.computed)(()=>(0,s.toValue)(c)===_.CONTENT),E=(0,s.computed)(()=>!!(0,s.toValue)(c)),D=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return C(e.value,b.value,t.itemValue)}),O=(0,s.computed)(()=>{let e=(0,s.toValue)(n),t=(0,s.toValue)(r);return y(e,E.value?h.value:``,t,(0,s.toValue)(l))}),k=(0,s.computed)(()=>v.value?t.n.MULTIPLE:t.n.SINGLE),A=(t,n,r)=>{if(b.value){e.value=T(n,t,r);return}e.value=t},ee=(t,n,r)=>{if(!t){e.value=void 0;return}if(b.value){e.value=m(t,n,r)??void 0;return}w(e,g(t,n,r))},te=(0,s.computed)({get:()=>{if(v.value)return D.value.map(e=>f(e));let e=D.value[0];if(p(e))return f(e)},set:e=>{let t=(0,s.toValue)(n),i=(0,s.toValue)(r);if(v.value){A((Array.isArray(e)?e:[]).map(e=>g(e,t,i.itemValue)).filter(e=>p(e)),t,i.itemValue);return}ee(typeof e==`string`?e:void 0,t,i.itemValue)}}),ne=(0,s.computed)(()=>D.value.length>0),j=(e,t,n)=>{let r=f(t);return e.find(e=>f(d(e,n)??``)===r)},M=(0,s.computed)(()=>{let e=D.value[0];if(!p(e))return``;let t=(0,s.toValue)(r),i=j((0,s.toValue)(n),e,t.itemValue);return i?a.i(i,t.itemTitle)??``:f(e)}),N=(0,s.computed)(()=>{let e=(0,s.toValue)(n),t=(0,s.toValue)(r);return D.value.map(n=>{let r=j(e,n,t.itemValue);return r?a.i(r,t.itemTitle)??``:f(n)})}),re=(0,s.computed)(()=>N.value.join(`, `)),ie=(0,s.computed)(()=>v.value?D.value.length===0:!M.value),P=(0,s.computed)(()=>x.value&&(u.value||v.value)),F=()=>{h.value=``};return(0,s.watch)(u,e=>{e||F()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{F()}),{searchQuery:h,selectedValues:D,filteredOptions:O,listSelectionMode:k,listSelectedModel:te,hasSelectedValues:ne,singleDisplayLabel:M,multipleDisplayLabels:N,multipleDisplayText:re,showPlaceholder:ie,showInputSearchField:P,isSearchableMode:E,isSearchableInputMode:x,isSearchableContentMode:S,isMultipleMode:v,isReturnObjectMode:b,clearSelection:()=>{e.value=void 0,F()},removeSelectedValue:e=>{let t=f(e);A(D.value.filter(e=>f(e)!==t),(0,s.toValue)(n),(0,s.toValue)(r).itemValue)},resetSearchQuery:F,formatSelectListKey:f,resolveValueFromListKey:e=>g(e,(0,s.toValue)(n),(0,s.toValue)(r).itemValue)}},D={key:0,class:`s-ui-select__panel-search`},O={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},k={key:1,class:`s-ui-select__panel-footer`},A=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],ee={key:0,class:`s-ui-select__value`},te={key:1,class:`s-ui-select__placeholder`},ne={key:1,class:`s-ui-select__placeholder`},j={key:2,class:`s-ui-select__value`},M={key:3,class:`s-ui-select__value-suffix`},N=[`name`,`placeholder`,`disabled`,`readonly`],re=20,ie=20,P=(0,s.defineComponent)({inheritAttrs:!1,__name:`SSelect`,props:(0,s.mergeModels)({options:{},itemValue:{default:`value`},itemTitle:{default:`label`},itemSubtitle:{default:`subtitle`},itemId:{},itemDisabled:{default:`disabled`},itemIconLeft:{default:`iconLeft`},multiple:{type:Boolean,default:!1},returnObject:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},closableOptions:{type:Boolean,default:!1},searchable:{type:[String,Boolean],default:!1},closeOnSelect:{type:Boolean,default:!0},listHeight:{default:320},searchPlaceholder:{default:`Search`},filterOption:{type:Function},label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},iconLeft:{},customize:{default:()=>r.n.NONE},name:{},id:{}},{modelValue:{},modelModifiers:{},searchQuery:{default:``},searchQueryModifiers:{}}),emits:(0,s.mergeModels)([`clear`,`focus`,`blur`,`open`,`close`],[`update:modelValue`,`update:searchQuery`]),setup(t,{expose:u,emit:d}){let f=(0,s.useModel)(t,`modelValue`),m=(0,s.useModel)(t,`searchQuery`),h=d,g=(0,s.useSlots)(),_=(0,s.useId)(),v=(0,s.useId)(),y=(0,s.useTemplateRef)(`triggerInputRef`),b=(0,s.ref)(``),x=(0,s.useTemplateRef)(`searchInputElementRef`),S=(0,s.useTemplateRef)(`panelSearchInputElementRef`),C=(0,s.useTemplateRef)(`listElementRef`),w=(0,s.ref)(),T=(0,s.ref)(!1),P=(0,s.ref)(!1),F=(0,s.computed)(()=>t.itemId??t.itemValue),ae=(0,s.computed)(()=>({itemValue:t.itemValue,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemId:F.value})),{selectedValues:I,filteredOptions:L,listSelectionMode:oe,listSelectedModel:R,hasSelectedValues:z,singleDisplayLabel:B,multipleDisplayLabels:se,multipleDisplayText:V,showPlaceholder:H,showInputSearchField:U,isSearchableMode:ce,isSearchableInputMode:W,isSearchableContentMode:G,isMultipleMode:K,clearSelection:le,removeSelectedValue:q,resolveValueFromListKey:ue,formatSelectListKey:J}=E({modelValue:f,options:()=>t.options,itemFields:()=>ae.value,multiple:()=>t.multiple,returnObject:()=>t.returnObject,searchable:()=>t.searchable,filterOption:()=>t.filterOption,isDropdownOpen:T,searchQuery:m}),de=(0,s.computed)(()=>!!g[`value-suffix`]),fe=(0,s.computed)(()=>({disabled:t.disabled,displayLabel:B.value})),Y=(0,s.computed)(()=>L.value.length>ie),pe=(0,s.computed)(()=>G.value||Y.value?t.listHeight:`auto`),me=(0,s.computed)(()=>({"s-ui-select__panel--searchable-content":G.value})),he=(0,s.computed)(()=>{if(!(G.value||Y.value))return t.listHeight}),ge=(0,s.computed)(()=>I.value.map(e=>J(e))),_e=e=>ge.value.includes(e),ve=()=>({tiny:!0}),ye=e=>l({listItemScope:e,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemDisabled:t.itemDisabled,itemIconLeft:t.itemIconLeft,listActiveKey:w.value,isOptionSelected:_e(e.key)}),be=e=>{let t=ue(e);if(p(t)){if(K.value){q(t);return}f.value=void 0}},xe=(0,s.computed)(()=>{if(G.value)return typeof t.listHeight==`number`?{maxHeight:`${t.listHeight}px`}:{maxHeight:t.listHeight}}),Se=(0,s.computed)(()=>t.id??_),Ce=(0,s.computed)(()=>v),we=(0,s.computed)(()=>y.value?.fieldElementRef??null),Te=(0,s.computed)(()=>({labels:se.value,values:I.value,displayText:V.value,disabled:t.disabled||t.readonly,removeValue:q})),Ee=(0,s.computed)(()=>{if(!t.disabled&&(t.readonly&&!W.value||!W.value))return 0}),De=(0,s.computed)(()=>({"s-ui-select--disabled":t.disabled,"s-ui-select--readonly":t.readonly,"s-ui-select--multiple":K.value,"s-ui-select--open":T.value})),Oe=()=>{if(G.value){S.value?.focus();return}x.value?.focus()},ke=async()=>{await(0,s.nextTick)(),S.value?.focus()},Ae=async()=>{await(0,s.nextTick)(),await C.value?.focusNavigation()},X=async()=>{if(!(t.disabled||t.readonly)&&!T.value){if(T.value=!0,h(`open`),G.value){await ke();return}if(W.value){await(0,s.nextTick)(),x.value?.focus();return}await Ae()}},je=async()=>{t.disabled||t.readonly||T.value||await X()};(0,s.watch)(m,async e=>{W.value&&(t.disabled||t.readonly||e&&(T.value||await X()))});let Z=()=>{T.value&&(T.value=!1,w.value=void 0,h(`close`))},Q=()=>{!t.closeOnSelect||K.value||Z()};(0,s.watch)(f,(e,n)=>{!t.closeOnSelect||K.value||!T.value||!e||e===n||Z()});let Me=e=>{T.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},Ne=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||T.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(T.value){Z();return}await X()},Pe=async e=>{if(!(t.disabled||t.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){T.value||await X();return}await $()}},Fe=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),T.value||await X(),await Ae(),await C.value?.handleKeyboardNavigation(e),!0),Ie=e=>{let t=ue(e);if(t){if(K.value){I.value.some(t=>J(t)===e)?q(t):R.value=[...I.value.map(e=>J(e)),e];return}R.value=e,Q()}},Le=async e=>{if(!(t.disabled||t.readonly)&&!await Fe(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),T.value&&w.value){Ie(w.value);return}await $()}}},Re=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Fe(e)},ze=Re,Be=e=>{t.disabled||(P.value||h(`focus`,e),P.value=!0)},Ve=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(P.value=!1,h(`blur`,e))},He=()=>{le(),h(`clear`)};return u({open:X,close:Z,toggle:$,focusSearchInput:Oe}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,De.value])},[(0,s.createVNode)((0,s.unref)(i.t),{modelValue:T.value,"onUpdate:modelValue":u[4]||=e=>T.value=e,reference:we.value,disabled:t.disabled,"match-reference-width":!0,"fit-viewport":!0,"content-id":Ce.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`s-ui-select__panel`,me.value])},[(0,s.unref)(G)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,D,[(0,s.createVNode)((0,s.unref)(r.t),{ref_key:`panelSearchInputElementRef`,ref:S,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:t.searchPlaceholder,disabled:t.disabled,clearable:!1,"icon-left":`search`,onClick:u[1]||=(0,s.withModifiers)(()=>{},[`stop`]),onKeydown:(0,s.unref)(ze)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:`s-ui-select__panel-body`,style:(0,s.normalizeStyle)(xe.value),onClick:Me,onKeydown:Ne},[(0,s.unref)(L).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,ref_key:`listElementRef`,ref:C,modelValue:w.value,"onUpdate:modelValue":u[2]||=e=>w.value=e,selected:(0,s.unref)(R),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(R)?R.value=e:null,items:(0,s.unref)(L),"item-key":F.value,"title-key":t.itemTitle,"subtitle-key":t.itemSubtitle,"icon-left-key":t.itemIconLeft,"disabled-key":t.itemDisabled,"selection-mode":(0,s.unref)(oe),mandatory:!t.multiple,height:pe.value,"max-height":he.value,virtual:Y.value,"item-props":ve},(0,s.createSlots)({_:2},[(0,s.unref)(g).option?{name:`item`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`0`}:t.closableOptions?{name:`item`,fn:(0,s.withCtx)(t=>[(0,s.createVNode)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.guardReactiveProps)(ye(t))),(0,s.createSlots)({_:2},[_e(t.key)?{name:`right`,fn:(0,s.withCtx)(r=>[(0,s.createVNode)((0,s.unref)(n.t),{appearance:(0,s.unref)(e.t).BARE,variant:(0,s.unref)(e.r).NEUTRAL,size:(0,s.unref)(e.n).SMALL,icon:`closeMini`,disabled:r.disabled||r.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>be(t.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`onClick`])]),key:`0`}:void 0]),1040)]),key:`1`}:void 0]),1032,[`modelValue`,`selected`,`items`,`item-key`,`title-key`,`subtitle-key`,`icon-left-key`,`disabled-key`,`selection-mode`,`mandatory`,`height`,`max-height`,`virtual`])):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,O,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[u[8]||=(0,s.createTextVNode)(`No options`,-1)])]))],36),(0,s.unref)(g)[`panel-footer`]?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,k,[(0,s.renderSlot)(l.$slots,`panel-footer`)])):(0,s.createCommentVNode)(``,!0)],2)]),_:3},8,[`modelValue`,`reference`,`disabled`,`content-id`]),(0,s.createVNode)((0,s.unref)(r.t),{ref_key:`triggerInputRef`,ref:y,modelValue:b.value,"onUpdate:modelValue":u[7]||=e=>b.value=e,label:t.label,"label-props":t.labelProps,placeholder:t.placeholder,"help-messages":t.helpMessages,"error-messages":t.errorMessages,bordered:t.bordered,disabled:t.disabled,readonly:t.readonly,clearable:t.clearable,"has-value":(0,s.unref)(z),focused:P.value||T.value,"icon-left":t.iconLeft,customize:t.customize,name:t.name,id:Se.value,onClear:He,onFocus:Be,onBlur:Ve},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:Se.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(K),"s-ui-select__control--empty":(0,s.unref)(K)&&!(0,s.unref)(z)&&!(0,s.unref)(U),"s-ui-select__control--with-value-suffix":de.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)}]),role:`combobox`,"aria-expanded":T.value,"aria-controls":Ce.value,"aria-haspopup":`listbox`,"aria-disabled":t.disabled?!0:void 0,"aria-readonly":t.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(ce)?`list`:void 0,tabindex:Ee.value,onClick:Pe,onKeydown:Le},[(0,s.unref)(K)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},Te.value)),()=>[(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ee,(0,s.toDisplayString)((0,s.unref)(V)),1)):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,te,(0,s.toDisplayString)(t.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ne,(0,s.toDisplayString)(t.placeholder),1)):(0,s.unref)(U)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)((0,s.unref)(B)),1)),de.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,M,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(fe.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(U)?(0,s.withDirectives)(((0,s.openBlock)(),(0,s.createElementBlock)(`input`,{key:4,ref_key:`searchInputElementRef`,ref:x,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:t.name,placeholder:t.placeholder,disabled:t.disabled,readonly:t.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:je,onKeydown:Re},null,40,N)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,A)]),action:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.SIcon),{name:`chevronMiniDown`,size:re,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(g).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(g).prefix?{name:`prefix`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prefix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`1`}:void 0,(0,s.unref)(g).prepend?{name:`prepend`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prepend`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`2`}:void 0,(0,s.unref)(g).message?{name:`message`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`message`)]),key:`3`}:void 0]),1032,[`modelValue`,`label`,`label-props`,`placeholder`,`help-messages`,`error-messages`,`bordered`,`disabled`,`readonly`,`clearable`,`has-value`,`focused`,`icon-left`,`customize`,`name`,`id`])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});
+const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useSelectionGroup-TaektE-I.cjs"),n=require("./SButton-CHxE2l-X.cjs"),r=require("./SInput-Bno-hQ-b.cjs"),i=require("./SDropdown-B6b7IDjp.cjs"),a=require("./SList-Do2C2gPW.cjs"),o=require("./SListItem-4OTUkahk.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:o,isOptionSelected:s})=>{let c=e.item;return{rowKey:e.key,title:a.i(c,t),subtitle:a.i(c,n),disabled:a.n(c,r),iconLeft:a.r(c,i),selected:s,active:o===e.key,revealRight:e.revealRight,tiny:!0}},u=e=>typeof e==`string`||typeof e==`number`,d=(e,t)=>{let n=e[t];if(u(n))return n},f=e=>typeof e==`string`?e:String(e),p=e=>e==null?!1:typeof e==`string`?e.length>0:!0,m=(e,t,n)=>t.find(t=>f(d(t,n)??``)===e),h=e=>typeof e==`object`&&!!e,g=(e,t,n)=>{let r=m(e,t,n);if(r)return d(r,n)},_=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),v=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=a.i(t,n.itemTitle)?.toLocaleLowerCase()??``,o=f(d(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||o.includes(r)},y=(e,t,n,r)=>{let i=r??((e,t)=>v(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},b=e=>typeof e==`string`&&p(e),x=e=>typeof e==`number`&&p(e),S=(e,t,n)=>{if(t){if(!h(e))return;let t=d(e,n);return b(t)||x(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(b(r)||x(r))return r},C=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=S(e,t,n);return p(r)?[r]:[]}):[],w=(e,t)=>{if(b(t)){e.value=t;return}if(x(t)){e.value=t;return}e.value=void 0},T=(e,t,n)=>t.flatMap(t=>{let r=f(t),i=e.find(e=>f(d(e,n)??``)===r);return i?[i]:[]}),E=({modelValue:e,options:n,itemFields:r,multiple:i,returnObject:o,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:h})=>{let v=(0,s.computed)(()=>(0,s.toValue)(i)),b=(0,s.computed)(()=>(0,s.toValue)(o)),x=(0,s.computed)(()=>(0,s.toValue)(c)===_.INPUT),S=(0,s.computed)(()=>(0,s.toValue)(c)===_.CONTENT),E=(0,s.computed)(()=>!!(0,s.toValue)(c)),D=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return C(e.value,b.value,t.itemValue)}),O=(0,s.computed)(()=>{let e=(0,s.toValue)(n),t=(0,s.toValue)(r);return y(e,E.value?h.value:``,t,(0,s.toValue)(l))}),k=(0,s.computed)(()=>v.value?t.n.MULTIPLE:t.n.SINGLE),A=(t,n,r)=>{if(b.value){e.value=T(n,t,r);return}e.value=t},ee=(t,n,r)=>{if(!t){e.value=void 0;return}if(b.value){e.value=m(t,n,r)??void 0;return}w(e,g(t,n,r))},te=(0,s.computed)({get:()=>{if(v.value)return D.value.map(e=>f(e));let e=D.value[0];if(p(e))return f(e)},set:e=>{let t=(0,s.toValue)(n),i=(0,s.toValue)(r);if(v.value){A((Array.isArray(e)?e:[]).map(e=>g(e,t,i.itemValue)).filter(e=>p(e)),t,i.itemValue);return}ee(typeof e==`string`?e:void 0,t,i.itemValue)}}),ne=(0,s.computed)(()=>D.value.length>0),j=(e,t,n)=>{let r=f(t);return e.find(e=>f(d(e,n)??``)===r)},M=(0,s.computed)(()=>{let e=D.value[0];if(!p(e))return``;let t=(0,s.toValue)(r),i=j((0,s.toValue)(n),e,t.itemValue);return i?a.i(i,t.itemTitle)??``:f(e)}),N=(0,s.computed)(()=>{let e=(0,s.toValue)(n),t=(0,s.toValue)(r);return D.value.map(n=>{let r=j(e,n,t.itemValue);return r?a.i(r,t.itemTitle)??``:f(n)})}),re=(0,s.computed)(()=>N.value.join(`, `)),ie=(0,s.computed)(()=>v.value?D.value.length===0:!M.value),P=(0,s.computed)(()=>x.value&&(u.value||v.value)),F=()=>{h.value=``};return(0,s.watch)(u,e=>{e||F()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{F()}),{searchQuery:h,selectedValues:D,filteredOptions:O,listSelectionMode:k,listSelectedModel:te,hasSelectedValues:ne,singleDisplayLabel:M,multipleDisplayLabels:N,multipleDisplayText:re,showPlaceholder:ie,showInputSearchField:P,isSearchableMode:E,isSearchableInputMode:x,isSearchableContentMode:S,isMultipleMode:v,isReturnObjectMode:b,clearSelection:()=>{e.value=void 0,F()},removeSelectedValue:e=>{let t=f(e);A(D.value.filter(e=>f(e)!==t),(0,s.toValue)(n),(0,s.toValue)(r).itemValue)},resetSearchQuery:F,formatSelectListKey:f,resolveValueFromListKey:e=>g(e,(0,s.toValue)(n),(0,s.toValue)(r).itemValue)}},D={key:0,class:`s-ui-select__panel-search`},O={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},k={key:1,class:`s-ui-select__panel-footer`},A=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],ee={key:0,class:`s-ui-select__value`},te={key:1,class:`s-ui-select__placeholder`},ne={key:1,class:`s-ui-select__placeholder`},j={key:2,class:`s-ui-select__value`},M={key:3,class:`s-ui-select__value-suffix`},N=[`name`,`placeholder`,`disabled`,`readonly`],re=20,ie=20,P=(0,s.defineComponent)({inheritAttrs:!1,__name:`SSelect`,props:(0,s.mergeModels)({options:{},itemValue:{default:`value`},itemTitle:{default:`label`},itemSubtitle:{default:`subtitle`},itemId:{},itemDisabled:{default:`disabled`},itemIconLeft:{default:`iconLeft`},multiple:{type:Boolean,default:!1},returnObject:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},closableOptions:{type:Boolean,default:!1},searchable:{type:[String,Boolean],default:!1},closeOnSelect:{type:Boolean,default:!0},listHeight:{default:320},searchPlaceholder:{default:`Search`},filterOption:{type:Function},label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},iconLeft:{},customize:{default:()=>r.n.NONE},name:{},id:{}},{modelValue:{},modelModifiers:{},searchQuery:{default:``},searchQueryModifiers:{}}),emits:(0,s.mergeModels)([`clear`,`focus`,`blur`,`open`,`close`],[`update:modelValue`,`update:searchQuery`]),setup(t,{expose:u,emit:d}){let f=(0,s.useModel)(t,`modelValue`),m=(0,s.useModel)(t,`searchQuery`),h=d,g=(0,s.useSlots)(),_=(0,s.useId)(),v=(0,s.useId)(),y=(0,s.useTemplateRef)(`triggerInputRef`),b=(0,s.ref)(``),x=(0,s.useTemplateRef)(`searchInputElementRef`),S=(0,s.useTemplateRef)(`panelSearchInputElementRef`),C=(0,s.useTemplateRef)(`listElementRef`),w=(0,s.ref)(),T=(0,s.ref)(!1),P=(0,s.ref)(!1),F=(0,s.computed)(()=>t.itemId??t.itemValue),ae=(0,s.computed)(()=>({itemValue:t.itemValue,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemId:F.value})),{selectedValues:I,filteredOptions:L,listSelectionMode:oe,listSelectedModel:R,hasSelectedValues:z,singleDisplayLabel:B,multipleDisplayLabels:se,multipleDisplayText:V,showPlaceholder:H,showInputSearchField:U,isSearchableMode:ce,isSearchableInputMode:W,isSearchableContentMode:G,isMultipleMode:K,clearSelection:le,removeSelectedValue:q,resolveValueFromListKey:ue,formatSelectListKey:J}=E({modelValue:f,options:()=>t.options,itemFields:()=>ae.value,multiple:()=>t.multiple,returnObject:()=>t.returnObject,searchable:()=>t.searchable,filterOption:()=>t.filterOption,isDropdownOpen:T,searchQuery:m}),de=(0,s.computed)(()=>!!g[`value-suffix`]),fe=(0,s.computed)(()=>({disabled:t.disabled,displayLabel:B.value})),Y=(0,s.computed)(()=>L.value.length>ie),pe=(0,s.computed)(()=>G.value||Y.value?t.listHeight:`auto`),me=(0,s.computed)(()=>({"s-ui-select__panel--searchable-content":G.value})),he=(0,s.computed)(()=>{if(!(G.value||Y.value))return t.listHeight}),ge=(0,s.computed)(()=>I.value.map(e=>J(e))),_e=e=>ge.value.includes(e),ve=()=>({tiny:!0}),ye=e=>l({listItemScope:e,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemDisabled:t.itemDisabled,itemIconLeft:t.itemIconLeft,listActiveKey:w.value,isOptionSelected:_e(e.key)}),be=e=>{let t=ue(e);if(p(t)){if(K.value){q(t);return}f.value=void 0}},xe=(0,s.computed)(()=>{if(G.value)return typeof t.listHeight==`number`?{maxHeight:`${t.listHeight}px`}:{maxHeight:t.listHeight}}),Se=(0,s.computed)(()=>t.id??_),Ce=(0,s.computed)(()=>v),we=(0,s.computed)(()=>y.value?.fieldElementRef??null),Te=(0,s.computed)(()=>({labels:se.value,values:I.value,displayText:V.value,disabled:t.disabled||t.readonly,removeValue:q})),Ee=(0,s.computed)(()=>{if(!t.disabled&&(t.readonly&&!W.value||!W.value))return 0}),De=(0,s.computed)(()=>({"s-ui-select--disabled":t.disabled,"s-ui-select--readonly":t.readonly,"s-ui-select--multiple":K.value,"s-ui-select--open":T.value})),Oe=()=>{if(G.value){S.value?.focus();return}x.value?.focus()},ke=async()=>{await(0,s.nextTick)(),S.value?.focus()},Ae=async()=>{await(0,s.nextTick)(),await C.value?.focusNavigation()},X=async()=>{if(!(t.disabled||t.readonly)&&!T.value){if(T.value=!0,h(`open`),G.value){await ke();return}if(W.value){await(0,s.nextTick)(),x.value?.focus();return}await Ae()}},je=async()=>{t.disabled||t.readonly||T.value||await X()};(0,s.watch)(m,async e=>{W.value&&(t.disabled||t.readonly||e&&(T.value||await X()))});let Z=()=>{T.value&&(T.value=!1,w.value=void 0,h(`close`))},Q=()=>{!t.closeOnSelect||K.value||Z()};(0,s.watch)(f,(e,n)=>{!t.closeOnSelect||K.value||!T.value||!e||e===n||Z()});let Me=e=>{T.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},Ne=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||T.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(T.value){Z();return}await X()},Pe=async e=>{if(!(t.disabled||t.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){T.value||await X();return}await $()}},Fe=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),T.value||await X(),await Ae(),await C.value?.handleKeyboardNavigation(e),!0),Ie=e=>{let t=ue(e);if(t){if(K.value){I.value.some(t=>J(t)===e)?q(t):R.value=[...I.value.map(e=>J(e)),e];return}R.value=e,Q()}},Le=async e=>{if(!(t.disabled||t.readonly)&&!await Fe(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),T.value&&w.value){Ie(w.value);return}await $()}}},Re=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Fe(e)},ze=Re,Be=e=>{t.disabled||(P.value||h(`focus`,e),P.value=!0)},Ve=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(P.value=!1,h(`blur`,e))},He=()=>{le(),h(`clear`)};return u({open:X,close:Z,toggle:$,focusSearchInput:Oe}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,De.value])},[(0,s.createVNode)((0,s.unref)(i.t),{modelValue:T.value,"onUpdate:modelValue":u[4]||=e=>T.value=e,reference:we.value,disabled:t.disabled,"match-reference-width":!0,"fit-viewport":!0,"content-id":Ce.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`s-ui-select__panel`,me.value])},[(0,s.unref)(G)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,D,[(0,s.createVNode)((0,s.unref)(r.t),{ref_key:`panelSearchInputElementRef`,ref:S,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:t.searchPlaceholder,disabled:t.disabled,clearable:!1,"icon-left":`search`,onClick:u[1]||=(0,s.withModifiers)(()=>{},[`stop`]),onKeydown:(0,s.unref)(ze)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:`s-ui-select__panel-body`,style:(0,s.normalizeStyle)(xe.value),onClick:Me,onKeydown:Ne},[(0,s.unref)(L).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,ref_key:`listElementRef`,ref:C,modelValue:w.value,"onUpdate:modelValue":u[2]||=e=>w.value=e,selected:(0,s.unref)(R),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(R)?R.value=e:null,items:(0,s.unref)(L),"item-key":F.value,"title-key":t.itemTitle,"subtitle-key":t.itemSubtitle,"icon-left-key":t.itemIconLeft,"disabled-key":t.itemDisabled,"selection-mode":(0,s.unref)(oe),mandatory:!t.multiple,height:pe.value,"max-height":he.value,virtual:Y.value,"item-props":ve},(0,s.createSlots)({_:2},[(0,s.unref)(g).option?{name:`item`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`0`}:t.closableOptions?{name:`item`,fn:(0,s.withCtx)(t=>[(0,s.createVNode)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.guardReactiveProps)(ye(t))),(0,s.createSlots)({_:2},[_e(t.key)?{name:`right`,fn:(0,s.withCtx)(r=>[(0,s.createVNode)((0,s.unref)(n.t),{appearance:(0,s.unref)(e.t).BARE,variant:(0,s.unref)(e.r).NEUTRAL,size:(0,s.unref)(e.n).SMALL,icon:`closeMini`,disabled:r.disabled||r.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>be(t.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`onClick`])]),key:`0`}:void 0]),1040)]),key:`1`}:void 0]),1032,[`modelValue`,`selected`,`items`,`item-key`,`title-key`,`subtitle-key`,`icon-left-key`,`disabled-key`,`selection-mode`,`mandatory`,`height`,`max-height`,`virtual`])):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,O,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[u[8]||=(0,s.createTextVNode)(`No options`,-1)])]))],36),(0,s.unref)(g)[`panel-footer`]?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,k,[(0,s.renderSlot)(l.$slots,`panel-footer`)])):(0,s.createCommentVNode)(``,!0)],2)]),_:3},8,[`modelValue`,`reference`,`disabled`,`content-id`]),(0,s.createVNode)((0,s.unref)(r.t),{ref_key:`triggerInputRef`,ref:y,modelValue:b.value,"onUpdate:modelValue":u[7]||=e=>b.value=e,label:t.label,"label-props":t.labelProps,placeholder:t.placeholder,"help-messages":t.helpMessages,"error-messages":t.errorMessages,bordered:t.bordered,disabled:t.disabled,readonly:t.readonly,clearable:t.clearable,"has-value":(0,s.unref)(z),focused:P.value||T.value,"icon-left":t.iconLeft,customize:t.customize,name:t.name,id:Se.value,onClear:He,onFocus:Be,onBlur:Ve},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:Se.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(K),"s-ui-select__control--empty":(0,s.unref)(K)&&!(0,s.unref)(z)&&!(0,s.unref)(U),"s-ui-select__control--with-value-suffix":de.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)}]),role:`combobox`,"aria-expanded":T.value,"aria-controls":Ce.value,"aria-haspopup":`listbox`,"aria-disabled":t.disabled?!0:void 0,"aria-readonly":t.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(ce)?`list`:void 0,tabindex:Ee.value,onClick:Pe,onKeydown:Le},[(0,s.unref)(K)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},Te.value)),()=>[(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ee,(0,s.toDisplayString)((0,s.unref)(V)),1)):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,te,(0,s.toDisplayString)(t.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ne,(0,s.toDisplayString)(t.placeholder),1)):(0,s.unref)(U)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)((0,s.unref)(B)),1)),de.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,M,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(fe.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(U)?(0,s.withDirectives)(((0,s.openBlock)(),(0,s.createElementBlock)(`input`,{key:4,ref_key:`searchInputElementRef`,ref:x,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:t.name,placeholder:t.placeholder,disabled:t.disabled,readonly:t.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:je,onKeydown:Re},null,40,N)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,A)]),action:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.SIcon),{name:`chevronMiniDown`,size:re,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(g).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(g).prefix?{name:`prefix`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prefix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`1`}:void 0,(0,s.unref)(g).prepend?{name:`prepend`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prepend`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`2`}:void 0,(0,s.unref)(g).message?{name:`message`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`message`)]),key:`3`}:void 0]),1032,[`modelValue`,`label`,`label-props`,`placeholder`,`help-messages`,`error-messages`,`bordered`,`disabled`,`readonly`,`clearable`,`has-value`,`focused`,`icon-left`,`customize`,`name`,`id`])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});

package/dist/entries/list.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SList-D-J6fBrQ.cjs");exports.ESListGap=e.a,exports.SList=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SList-Do2C2gPW.cjs");exports.ESListGap=e.a,exports.SList=e.t;

package/dist/entries/list.js

@@ -1,2 +1,2 @@
-import { a as e, t } from "../SList-9BpZD3aT.js";
+import { a as e, t } from "../SList-d6s0V3x2.js";
 export { e as ESListGap, t as SList };

package/dist/entries/select.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SSelect-DADK22v2.cjs");exports.ESSelectSearchable=e.n,exports.SSelect=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SSelect-IoCVyA74.cjs");exports.ESSelectSearchable=e.n,exports.SSelect=e.t;

package/dist/entries/select.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../SSelect-DFkWwUc1.js";
+import { n as e, t } from "../SSelect-DXlWQVj8.js";
 export { e as ESSelectSearchable, t as SSelect };

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SAvatar-CRq0LG8U.cjs"),t=require("./SAvatarGroup-Cc4sBQjA.cjs"),n=require("./SButton.types-UKroD-ev.cjs"),r=require("./useSelectionGroup-TaektE-I.cjs"),i=require("./useSelectLink-DDdMmsJB.cjs"),a=require("./SButton-CHxE2l-X.cjs"),o=require("./SButtonGroup-BPy2YaEP.cjs"),s=require("./SCheckbox-CYy7tfoS.cjs"),c=require("./SCard-BR2R5VQd.cjs"),l=require("./SSegmentControl-Dz-d3Y9v.cjs"),u=require("./STab-C8RXx0lW.cjs"),d=require("./STabs-DLFs7km7.cjs"),f=require("./useFloatingOverlay-Cwg2MWyD.cjs"),p=require("./STag-DlVk53Cn.cjs"),m=require("./STagGroup-C4qL3p57.cjs"),h=require("./SChip-DoFL5c6-.cjs"),g=require("./SRadio-Ca-1D4q6.cjs"),_=require("./SToggle-DxSm1RNz.cjs"),v=require("./SBadge-BQFJFZtw.cjs"),y=require("./SInlineMessage-gjkMiE-W.cjs"),b=require("./SLabel-CTiOAAOu.cjs"),x=require("./SInput-Bno-hQ-b.cjs"),S=require("./SInlineInput-6LglCWSn.cjs"),C=require("./SDropdown-B6b7IDjp.cjs"),w=require("./SList-D-J6fBrQ.cjs"),T=require("./SListItem-4OTUkahk.cjs"),E=require("./SSelect-DADK22v2.cjs"),D=require("./STextarea-BJWrc9t1.cjs"),O=require("./SChartLine-C_16iDsx.cjs"),k=require("./SChartStackedArea-ByOgW4Mi.cjs"),A=require("./SChartStackedBar-CbOLEjHH.cjs"),j=require("./SChartHorizontalBar-CLXp8bvq.cjs"),M=require("./SChartPie-BdKc6EbI.cjs");exports.EButtonAppearance=n.t,exports.EButtonGroupLayout=o.n,exports.EButtonSize=n.n,exports.ESSegmentControlSize=n.n,exports.EButtonVariant=n.r,exports.EConnectedPositionStrategy=f.r,exports.ESAvatarBadge=e.n,exports.ESAvatarColor=e.r,exports.ESAvatarGroupSize=t.n,exports.ESAvatarIconBackground=e.i,exports.ESAvatarShape=e.a,exports.ESAvatarSize=e.o,exports.ESBadgeColor=v.n,exports.ESBadgePlacement=v.r,exports.ESCardLayout=c.n,exports.ESCheckboxColor=s.n,exports.ESCheckboxSize=s.r,exports.ESChipColor=h.n,exports.ESChipSize=h.r,exports.ESDropdownPlacement=f.i,exports.ESInlineInputAppearance=S.n,exports.ESInlineMessageValidationStatus=y.n,exports.ESInputCustomize=x.n,exports.ESLabelSize=b.n,exports.ESLabelVariant=b.r,exports.ESListGap=w.a,exports.ESListItemVariant=T.n,exports.ESRadioLabelPlacement=g.n,exports.ESSelectSearchable=E.n,exports.ESTabAppearance=u.n,exports.ESTabSize=u.r,exports.ESTagColor=p.n,exports.ESTagSize=p.r,exports.ESToggleSize=_.n,exports.ESelectionFocusMode=r.t,exports.ESelectionMode=r.n,exports.ESelectionOrientation=r.r,exports.SAvatar=e.t,exports.SAvatarGroup=t.t,exports.SBadge=v.t,exports.SButton=a.t,exports.SButtonGroup=o.t,exports.SCard=c.t,exports.SChartHorizontalBar=j.t,exports.SChartLine=O.t,exports.SChartPie=M.t,exports.SChartStackedArea=k.t,exports.SChartStackedBar=A.t,exports.SCheckbox=s.t,exports.SChip=h.t,exports.SDropdown=C.t,exports.SInlineInput=S.t,exports.SInlineMessage=y.t,exports.SInput=x.t,exports.SLabel=b.t,exports.SList=w.t,exports.SListItem=T.t,exports.SRadio=g.t,exports.SSegmentControl=l.t,exports.SSelect=E.t,exports.STab=u.t,exports.STabs=d.t,exports.STag=p.t,exports.STagGroup=m.t,exports.STextarea=D.t,exports.SToggle=_.t,exports.computeConnectedPosition=f.n,exports.resolveOwnPropOrGroupedOrFallback=r.a,exports.useFlatTreeList=w.s,exports.useFloatingOverlay=f.t,exports.useSListEndReached=w.o,exports.useSelectionGroup=r.o,exports.useSelectionGroupItem=i.n;var N=require("@shtabapp/ui-kit-tokens");Object.keys(N).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return N[e]}})});var P=require("@shtabapp/ui-kit-primitives");Object.keys(P).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return P[e]}})});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SAvatar-CRq0LG8U.cjs"),t=require("./SAvatarGroup-Cc4sBQjA.cjs"),n=require("./SButton.types-UKroD-ev.cjs"),r=require("./useSelectionGroup-TaektE-I.cjs"),i=require("./useSelectLink-DDdMmsJB.cjs"),a=require("./SButton-CHxE2l-X.cjs"),o=require("./SButtonGroup-BPy2YaEP.cjs"),s=require("./SCheckbox-CYy7tfoS.cjs"),c=require("./SCard-BR2R5VQd.cjs"),l=require("./SSegmentControl-Dz-d3Y9v.cjs"),u=require("./STab-C8RXx0lW.cjs"),d=require("./STabs-DLFs7km7.cjs"),f=require("./useFloatingOverlay-Cwg2MWyD.cjs"),p=require("./STag-DlVk53Cn.cjs"),m=require("./STagGroup-C4qL3p57.cjs"),h=require("./SChip-DoFL5c6-.cjs"),g=require("./SRadio-Ca-1D4q6.cjs"),_=require("./SToggle-DxSm1RNz.cjs"),v=require("./SBadge-BQFJFZtw.cjs"),y=require("./SInlineMessage-gjkMiE-W.cjs"),b=require("./SLabel-CTiOAAOu.cjs"),x=require("./SInput-Bno-hQ-b.cjs"),S=require("./SInlineInput-6LglCWSn.cjs"),C=require("./SDropdown-B6b7IDjp.cjs"),w=require("./SList-Do2C2gPW.cjs"),T=require("./SListItem-4OTUkahk.cjs"),E=require("./SSelect-IoCVyA74.cjs"),D=require("./STextarea-BJWrc9t1.cjs"),O=require("./SChartLine-C_16iDsx.cjs"),k=require("./SChartStackedArea-ByOgW4Mi.cjs"),A=require("./SChartStackedBar-CbOLEjHH.cjs"),j=require("./SChartHorizontalBar-CLXp8bvq.cjs"),M=require("./SChartPie-BdKc6EbI.cjs");exports.EButtonAppearance=n.t,exports.EButtonGroupLayout=o.n,exports.EButtonSize=n.n,exports.ESSegmentControlSize=n.n,exports.EButtonVariant=n.r,exports.EConnectedPositionStrategy=f.r,exports.ESAvatarBadge=e.n,exports.ESAvatarColor=e.r,exports.ESAvatarGroupSize=t.n,exports.ESAvatarIconBackground=e.i,exports.ESAvatarShape=e.a,exports.ESAvatarSize=e.o,exports.ESBadgeColor=v.n,exports.ESBadgePlacement=v.r,exports.ESCardLayout=c.n,exports.ESCheckboxColor=s.n,exports.ESCheckboxSize=s.r,exports.ESChipColor=h.n,exports.ESChipSize=h.r,exports.ESDropdownPlacement=f.i,exports.ESInlineInputAppearance=S.n,exports.ESInlineMessageValidationStatus=y.n,exports.ESInputCustomize=x.n,exports.ESLabelSize=b.n,exports.ESLabelVariant=b.r,exports.ESListGap=w.a,exports.ESListItemVariant=T.n,exports.ESRadioLabelPlacement=g.n,exports.ESSelectSearchable=E.n,exports.ESTabAppearance=u.n,exports.ESTabSize=u.r,exports.ESTagColor=p.n,exports.ESTagSize=p.r,exports.ESToggleSize=_.n,exports.ESelectionFocusMode=r.t,exports.ESelectionMode=r.n,exports.ESelectionOrientation=r.r,exports.SAvatar=e.t,exports.SAvatarGroup=t.t,exports.SBadge=v.t,exports.SButton=a.t,exports.SButtonGroup=o.t,exports.SCard=c.t,exports.SChartHorizontalBar=j.t,exports.SChartLine=O.t,exports.SChartPie=M.t,exports.SChartStackedArea=k.t,exports.SChartStackedBar=A.t,exports.SCheckbox=s.t,exports.SChip=h.t,exports.SDropdown=C.t,exports.SInlineInput=S.t,exports.SInlineMessage=y.t,exports.SInput=x.t,exports.SLabel=b.t,exports.SList=w.t,exports.SListItem=T.t,exports.SRadio=g.t,exports.SSegmentControl=l.t,exports.SSelect=E.t,exports.STab=u.t,exports.STabs=d.t,exports.STag=p.t,exports.STagGroup=m.t,exports.STextarea=D.t,exports.SToggle=_.t,exports.computeConnectedPosition=f.n,exports.resolveOwnPropOrGroupedOrFallback=r.a,exports.useFlatTreeList=w.s,exports.useFloatingOverlay=f.t,exports.useSListEndReached=w.o,exports.useSelectionGroup=r.o,exports.useSelectionGroupItem=i.n;var N=require("@shtabapp/ui-kit-tokens");Object.keys(N).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return N[e]}})});var P=require("@shtabapp/ui-kit-primitives");Object.keys(P).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return P[e]}})});

package/dist/index.js

@@ -22,9 +22,9 @@ import { n as Y, r as X, t as Z } from "./SLabel-yzcX4qp5.js";
 import { n as Q, t as $ } from "./SInput-W2257ZAC.js";
 import { n as te, t as ne } from "./SInlineInput-DHq5BNPn.js";
 import { t as re } from "./SDropdown-Cv729__Y.js";
-import { a as ie, o as ae, s as oe, t as se } from "./SList-9BpZD3aT.js";
+import { a as ie, o as ae, s as oe, t as se } from "./SList-d6s0V3x2.js";
 import { n as ce, t as le } from "./SListItem-BAWj5_pk.js";
-import { n as ue, t as de } from "./SSelect-DFkWwUc1.js";
+import { n as ue, t as de } from "./SSelect-DXlWQVj8.js";
 import { t as fe } from "./STextarea-ASdLqfpC.js";
 import { t as pe } from "./SChartLine-BaOJ7lmv.js";
 import { t as me } from "./SChartStackedArea-B-E5tLfo.js";

package/dist/uikit-components.css

@@ -1,2 +1,2 @@
-@layer components{.s-ui-avatar{--s-ui-avatar-size: var(--s-ui-dimension-40);--s-ui-avatar-radius: var(--s-ui-border-radius-rounded);--s-ui-avatar-background: var(--s-ui-color-background-accent-teal-primary);--s-ui-avatar-color: var(--s-ui-color-text-surface-static);--s-ui-avatar-name-color: var(--s-ui-color-text-surface-primary);--s-ui-avatar-name-typography: var(--s-ui-typography-label-12-medium);--s-ui-avatar-outline-color: transparent;--s-ui-avatar-hover-shadow: var(--s-ui-shadow-hover);--s-ui-avatar-shadow: none;box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-small);max-width:100%;min-width:0;vertical-align:middle;-webkit-user-select:none;user-select:none}.s-ui-avatar:focus{outline:none}.s-ui-avatar__content{box-sizing:border-box;position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--s-ui-avatar-size);block-size:var(--s-ui-avatar-size);color:var(--s-ui-avatar-color);background:var(--s-ui-avatar-background);border-radius:var(--s-ui-avatar-radius);outline:1px solid var(--s-ui-avatar-outline-color);outline-offset:0;box-shadow:var(--s-ui-avatar-shadow);transition:box-shadow .2s ease,background-color .2s ease,outline-color .2s ease}.s-ui-avatar__image{display:block;inline-size:100%;block-size:100%;border-radius:inherit;object-fit:cover}.s-ui-avatar__initials,.s-ui-avatar__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%}.s-ui-avatar__initials{min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.s-ui-avatar__icon{color:var(--s-ui-avatar-color)}.s-ui-avatar__name{min-width:0;overflow:hidden;font:var(--s-ui-avatar-name-typography);color:var(--s-ui-avatar-name-color);text-overflow:ellipsis;white-space:nowrap}.s-ui-avatar-badge{--s-ui-avatar-badge-size: var(--s-ui-dimension-12);--s-ui-avatar-badge-dot-size: var(--s-ui-dimension-8);--s-ui-avatar-badge-icon-size: calc(var(--s-ui-avatar-badge-size) * .72);--s-ui-avatar-badge-offset: calc(var(--s-ui-dimension-2) * -1);--s-ui-avatar-badge-background: var(--s-ui-color-background-main-primary);--s-ui-avatar-badge-color: var(--s-ui-color-icon-surface-static);--s-ui-avatar-badge-local-icon-url: none;--s-ui-avatar-badge-outline-color: var(--s-ui-color-border-neutral-static-base);position:absolute;z-index:1;inset-block-end:var(--s-ui-avatar-badge-offset);inset-inline-end:var(--s-ui-avatar-badge-offset);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--s-ui-avatar-badge-size);block-size:var(--s-ui-avatar-badge-size);color:var(--s-ui-avatar-badge-color);pointer-events:none}.s-ui-avatar-badge__dot,.s-ui-avatar-badge__icon.s-ui-icon,.s-ui-avatar-badge__local-icon{background:var(--s-ui-avatar-badge-background);border-radius:var(--s-ui-border-radius-rounded);outline:1px solid var(--s-ui-avatar-badge-outline-color);outline-offset:0}.s-ui-avatar-badge__dot{display:block;inline-size:var(--s-ui-avatar-badge-dot-size);block-size:var(--s-ui-avatar-badge-dot-size);box-shadow:0 1px 2px 0 var(--s-ui-color-elevation-shadow-card)}.s-ui-avatar-badge__icon.s-ui-icon,.s-ui-avatar-badge__local-icon{--s-ui-icon-size: var(--s-ui-avatar-badge-icon-size);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--s-ui-avatar-badge-size);block-size:var(--s-ui-avatar-badge-size)}.s-ui-avatar-badge__icon.s-ui-icon>svg{display:block;inline-size:var(--s-ui-icon-size);block-size:var(--s-ui-icon-size)}.s-ui-avatar-badge__local-icon:before{display:block;inline-size:var(--s-ui-icon-size);block-size:var(--s-ui-icon-size);content:"";background:currentColor;-webkit-mask:var(--s-ui-avatar-badge-local-icon-url) center / contain no-repeat;mask:var(--s-ui-avatar-badge-local-icon-url) center / contain no-repeat}.s-ui-avatar-badge--size-m{--s-ui-avatar-badge-size: var(--s-ui-dimension-16);--s-ui-avatar-badge-dot-size: var(--s-ui-dimension-10);--s-ui-avatar-badge-offset: 0}.s-ui-avatar-badge--size-l{--s-ui-avatar-badge-size: var(--s-ui-dimension-20);--s-ui-avatar-badge-dot-size: var(--s-ui-dimension-12);--s-ui-avatar-badge-offset: 0}.s-ui-avatar--size-48 .s-ui-avatar-badge{--s-ui-avatar-badge-offset: 0}.s-ui-avatar--size-20 .s-ui-avatar-badge,.s-ui-avatar--size-16 .s-ui-avatar-badge{--s-ui-avatar-badge-offset: calc(var(--s-ui-dimension-2) * -2)}.s-ui-avatar-badge--type-online,.s-ui-avatar-badge--type-done{--s-ui-avatar-badge-background: var(--s-ui-color-background-success-action-loud-enabled)}.s-ui-avatar-badge--type-offline{--s-ui-avatar-badge-background: var(--s-ui-color-surface-primary);--s-ui-avatar-badge-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-avatar-badge--type-recently,.s-ui-avatar-badge--type-favorite{--s-ui-avatar-badge-background: var(--s-ui-color-background-accent-yellow-primary)}.s-ui-avatar-badge--type-error{--s-ui-avatar-badge-background: var(--s-ui-color-background-accent-red-primary)}.s-ui-avatar-badge--type-controller{--s-ui-avatar-badge-icon-size: calc(var(--s-ui-avatar-badge-size) * .76)}.s-ui-avatar-badge--type-private{--s-ui-avatar-badge-icon-size: calc(var(--s-ui-avatar-badge-size) * .86);--s-ui-avatar-badge-background: var(--s-ui-gradient-billing)}.s-ui-avatar--size-80{--s-ui-avatar-size: var(--s-ui-dimension-80)}.s-ui-avatar--size-72{--s-ui-avatar-size: var(--s-ui-dimension-72)}.s-ui-avatar--size-64{--s-ui-avatar-size: var(--s-ui-dimension-64)}.s-ui-avatar--size-56{--s-ui-avatar-size: var(--s-ui-dimension-56)}.s-ui-avatar--size-48{--s-ui-avatar-size: var(--s-ui-dimension-48)}.s-ui-avatar--size-40{--s-ui-avatar-size: var(--s-ui-dimension-40)}.s-ui-avatar--size-32{--s-ui-avatar-size: var(--s-ui-dimension-32)}.s-ui-avatar--size-24{--s-ui-avatar-size: var(--s-ui-dimension-24)}.s-ui-avatar--size-20{--s-ui-avatar-size: var(--s-ui-dimension-20)}.s-ui-avatar--size-16{--s-ui-avatar-size: var(--s-ui-dimension-16)}.s-ui-avatar--shape-square{--s-ui-avatar-radius: var(--s-ui-border-radius-base)}.s-ui-avatar--color-teal{--s-ui-avatar-background: var(--s-ui-color-background-accent-teal-primary)}.s-ui-avatar--color-cyan{--s-ui-avatar-background: var(--s-ui-color-background-accent-cyan-primary)}.s-ui-avatar--color-indigo{--s-ui-avatar-background: var(--s-ui-color-background-accent-indigo-primary)}.s-ui-avatar--color-violet{--s-ui-avatar-background: var(--s-ui-color-background-accent-violet-primary)}.s-ui-avatar--color-pink{--s-ui-avatar-background: var(--s-ui-color-background-accent-pink-primary)}.s-ui-avatar--color-surface{--s-ui-avatar-background: var(--s-ui-color-surface-primary);--s-ui-avatar-color: var(--s-ui-color-text-surface-primary)}.s-ui-avatar--bordered{--s-ui-avatar-outline-color: var(--s-ui-color-border-neutral-static-base)}.s-ui-avatar--bordered.s-ui-avatar--color-surface{--s-ui-avatar-outline-color: var(--s-ui-color-border-neutral-action-enabled)}.s-ui-avatar--icon-background-neutral.s-ui-avatar--icon{--s-ui-avatar-background: var(--s-ui-color-background-neutral-action-calm-enabled);--s-ui-avatar-color: var(--s-ui-color-icon-surface-secondary);--s-ui-avatar-hover-shadow: 0 1px 4px 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-avatar--icon-background-main.s-ui-avatar--icon{--s-ui-avatar-background: var(--s-ui-color-background-main-action-calm-enabled);--s-ui-avatar-color: var(--s-ui-color-icon-main-enabled);--s-ui-avatar-hover-shadow: 0 1px 4px 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-avatar--disabled{opacity:.38;pointer-events:none}.s-ui-avatar:not(.s-ui-avatar--disabled):hover{--s-ui-avatar-shadow: var(--s-ui-avatar-hover-shadow)}.s-ui-avatar:not(.s-ui-avatar--disabled):focus-visible{--s-ui-avatar-outline-color: var(--s-ui-color-border-main-selected);--s-ui-avatar-shadow: var(--s-ui-shadow-focus-ring)}}@layer components{.s-ui-avatar-group{--s-ui-avatar-group-overlap: var(--s-ui-dimension-4);--s-ui-avatar-group-overflow-background: var(--s-ui-color-surface-primary);--s-ui-avatar-group-overflow-color: var(--s-ui-color-text-surface-primary);--s-ui-avatar-group-overflow-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-avatar-group-overflow-size: var(--s-ui-dimension-20);box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-small);max-width:100%;min-width:0;color:var(--s-ui-color-text-surface-primary)}.s-ui-avatar-group__cluster{box-sizing:border-box;display:inline-flex;align-items:center;min-width:0;isolation:isolate}.s-ui-avatar-group__cluster:empty{display:none}.s-ui-avatar-group__cluster .s-ui-avatar{position:relative;z-index:var(--s-ui-avatar-group-item-z-index, 0)}.s-ui-avatar-group__cluster .s-ui-avatar:not(:last-child){margin-inline-end:calc(-1 * var(--s-ui-avatar-group-overlap))}.s-ui-avatar-group__cluster .s-ui-avatar:not(.s-ui-avatar--disabled):focus-visible{z-index:1000}.s-ui-avatar-group--size-extra-small{--s-ui-avatar-group-overflow-size: var(--s-ui-dimension-16)}.s-ui-avatar-group--size-extra-small .s-ui-avatar-group__overflow{font:var(--s-ui-typography-label-10-medium)}.s-ui-avatar-group--size-medium{--s-ui-avatar-group-overflow-size: var(--s-ui-dimension-24)}.s-ui-avatar-group__overflow{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-avatar-group-overflow-size);height:var(--s-ui-avatar-group-overflow-size);font:var(--s-ui-typography-label-12-medium);color:var(--s-ui-avatar-group-overflow-color);-webkit-user-select:none;user-select:none;background:var(--s-ui-avatar-group-overflow-background);border-radius:var(--s-ui-border-radius-rounded);outline:1px solid var(--s-ui-avatar-group-overflow-outline-color);outline-offset:0}.s-ui-avatar-group--disabled{pointer-events:none}.s-ui-avatar-group--disabled .s-ui-avatar-group__cluster{opacity:.38}.s-ui-avatar-group--disabled .s-ui-avatar-group__cluster .s-ui-avatar.s-ui-avatar--disabled{opacity:1}.s-ui-avatar-group--disabled .s-ui-avatar-group__overflow{opacity:.38}}@layer components{.s-ui-badge{--s-ui-badge-bg: var(--s-ui-color-background-accent-red-primary);--s-ui-badge-color: var(--s-ui-color-text-surface-static);box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-height:var(--s-ui-dimension-14);padding:var(--s-ui-dimension-1) var(--s-ui-space-padding-x-small);border-radius:var(--s-ui-border-radius-rounded);background-color:var(--s-ui-badge-bg);color:var(--s-ui-badge-color)}.s-ui-badge-anchor{position:relative;display:inline-flex;vertical-align:middle}.s-ui-badge--anchored{--s-ui-badge-offset-x: 0px;--s-ui-badge-offset-y: 0px;position:absolute;z-index:1;pointer-events:none}.s-ui-badge--placement-top-end{top:0;right:0;transform:translate(calc(50% + var(--s-ui-badge-offset-x)),calc(-50% + var(--s-ui-badge-offset-y)))}.s-ui-badge--placement-top-start{top:0;left:0;transform:translate(calc(-50% + var(--s-ui-badge-offset-x)),calc(-50% + var(--s-ui-badge-offset-y)))}.s-ui-badge--placement-bottom-end{bottom:0;right:0;transform:translate(calc(50% + var(--s-ui-badge-offset-x)),calc(50% + var(--s-ui-badge-offset-y)))}.s-ui-badge--placement-bottom-start{bottom:0;left:0;transform:translate(calc(-50% + var(--s-ui-badge-offset-x)),calc(50% + var(--s-ui-badge-offset-y)))}.s-ui-badge--single{min-width:var(--s-ui-dimension-14);padding-inline:var(--s-ui-dimension-1)}.s-ui-badge__label{display:inline-flex;align-items:center;justify-content:center;min-width:var(--s-ui-dimension-8);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.s-ui-badge--color-danger{--s-ui-badge-bg: var(--s-ui-color-background-accent-red-primary);--s-ui-badge-color: var(--s-ui-color-text-surface-static)}.s-ui-badge--color-main{--s-ui-badge-bg: var(--s-ui-color-background-main-primary);--s-ui-badge-color: var(--s-ui-color-text-surface-static)}.s-ui-badge--color-gray{--s-ui-badge-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-badge-color: var(--s-ui-color-text-surface-static)}.s-ui-badge--color-white{--s-ui-badge-bg: var(--s-ui-color-surface-primary);--s-ui-badge-color: var(--s-ui-color-text-accent-blue-primary)}.s-ui-badge--color-disabled{--s-ui-badge-bg: var(--s-ui-color-background-disabled-surface);--s-ui-badge-color: var(--s-ui-color-text-surface-disabled)}}@layer components{.s-ui-button-group{display:inline-flex;flex-wrap:nowrap;align-items:stretch}.s-ui-button-group--orientation-vertical{flex-direction:column}.s-ui-button-group--layout-separated{gap:var(--s-ui-space-gap-small)}.s-ui-button-group__item{display:inline-flex}.s-ui-button-group--layout-attached>.s-ui-button,.s-ui-button-group--layout-attached>.s-ui-button-group__item .s-ui-button-group__button{transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-button-group--layout-attached>.s-ui-button.s-ui-button--variant-billing,.s-ui-button-group--layout-attached>.s-ui-button-group__item .s-ui-button-group__button.s-ui-button--variant-billing{transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-inline-start:-1px}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;margin-block-start:-1px}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button-group__item:not(:first-child){margin-inline-start:-1px}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button-group__item:not(:first-child) .s-ui-button-group__button{border-top-left-radius:0;border-bottom-left-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button-group__item:not(:last-child) .s-ui-button-group__button{border-top-right-radius:0;border-bottom-right-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button-group__item:not(:first-child){margin-block-start:-1px}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button-group__item:not(:first-child) .s-ui-button-group__button{border-top-left-radius:0;border-top-right-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button-group__item:not(:last-child) .s-ui-button-group__button{border-bottom-left-radius:0;border-bottom-right-radius:0}.s-ui-button-group--layout-attached>.s-ui-button:hover:not(.s-ui-button--disabled),.s-ui-button-group--layout-attached>.s-ui-button:focus-visible:not(.s-ui-button--disabled),.s-ui-button-group--layout-attached>.s-ui-button-group__item:has(.s-ui-button-group__button:hover:not(.s-ui-button--disabled)),.s-ui-button-group--layout-attached>.s-ui-button-group__item:has(.s-ui-button-group__button:focus-visible:not(.s-ui-button--disabled)){z-index:1}.s-ui-button-group--layout-attached>.s-ui-button.s-ui-button--active:not(.s-ui-button--disabled),.s-ui-button-group--layout-attached>.s-ui-button-group__item:has(.s-ui-button-group__button.s-ui-button--active:not(.s-ui-button--disabled)){z-index:2}.s-ui-button-group--layout-attached>.s-ui-button:active:not(.s-ui-button--disabled),.s-ui-button-group--layout-attached>.s-ui-button-group__item:has(.s-ui-button-group__button:active:not(.s-ui-button--disabled)){z-index:3}}@layer components{.s-ui-button{--s-ui-button-border-radius: var(--s-ui-border-radius-sub-section);--s-ui-button-border: none;--s-ui-button-cursor: pointer;--s-ui-button-shadow: none;--s-ui-button-action-color-enabled: var(--s-ui-color-text-main-enabled);--s-ui-button-action-color-hovered: var(--s-ui-color-text-main-hovered);--s-ui-button-action-color-pressed: var(--s-ui-color-text-main-pressed);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-main-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-main-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-main-action-loud-pressed);--s-ui-button-loud-background-selected: var(--s-ui-color-background-main-action-loud-selected);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-main-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-button-calm-background-selected: var(--s-ui-color-background-main-action-calm-selected);--s-ui-button-border-enabled: var(--s-ui-color-border-main-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-main-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-main-pressed);--s-ui-button-border-selected: var(--s-ui-color-border-main-selected);--s-ui-button-outline-offset: 0;--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-disabled-background-color: var(--s-ui-color-background-disabled-main);position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:var(--s-ui-button-cursor);padding:var(--s-ui-button-padding);box-sizing:border-box;background-color:var(--s-ui-button-background-color);color:var(--s-ui-button-color);border-radius:var(--s-ui-button-border-radius);border:var(--s-ui-button-border);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard);outline:var(--s-ui-button-outline-width) solid var(--s-ui-button-outline-color);outline-offset:var(--s-ui-button-outline-offset);box-shadow:var(--s-ui-button-shadow)}.s-ui-button--link{text-decoration:none;cursor:var(--s-ui-button-cursor)}.s-ui-button--variant-neutral{--s-ui-button-action-color-enabled: var(--s-ui-color-text-surface-tertiary);--s-ui-button-action-color-hovered: var(--s-ui-color-text-surface-secondary);--s-ui-button-action-color-pressed: var(--s-ui-color-text-surface-primary);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-neutral-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-neutral-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-neutral-action-loud-pressed);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-neutral-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-neutral-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-neutral-action-calm-pressed);--s-ui-button-border-enabled: var(--s-ui-color-border-neutral-action-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-neutral-action-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-neutral-action-pressed);--s-ui-button-disabled-background-color: var(--s-ui-color-background-disabled-surface)}.s-ui-button--variant-danger{--s-ui-button-action-color-enabled: var(--s-ui-color-text-accent-red-action-enabled);--s-ui-button-action-color-hovered: var(--s-ui-color-text-accent-red-action-hovered);--s-ui-button-action-color-pressed: var(--s-ui-color-text-accent-red-action-pressed);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-danger-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-danger-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-danger-action-loud-pressed);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-danger-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-danger-action-calm-pressed);--s-ui-button-border-enabled: var(--s-ui-color-border-danger-action-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-danger-action-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-danger-action-pressed);--s-ui-button-disabled-background-color: var(--s-ui-color-background-disabled-danger)}.s-ui-button--variant-success{--s-ui-button-action-color-enabled: var(--s-ui-color-text-accent-green-action-enabled);--s-ui-button-action-color-hovered: var(--s-ui-color-text-accent-green-action-hovered);--s-ui-button-action-color-pressed: var(--s-ui-color-text-accent-green-action-pressed);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-success-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-success-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-success-action-loud-pressed);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-success-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-success-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-success-action-calm-pressed);--s-ui-button-border-enabled: var(--s-ui-color-border-success-action-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-success-action-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-success-action-pressed);--s-ui-button-disabled-background-color: var(--s-ui-color-background-disabled-success)}.s-ui-button--variant-billing{--s-ui-button-action-color-enabled: var(--s-ui-color-text-accent-billing-action-enabled);--s-ui-button-action-color-hovered: var(--s-ui-color-text-accent-billing-action-hovered);--s-ui-button-action-color-pressed: var(--s-ui-color-text-accent-billing-action-pressed);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-billing-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-billing-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-billing-action-loud-pressed);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-billing-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-billing-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-billing-action-calm-pressed);--s-ui-button-border-enabled: var(--s-ui-color-border-billing-action-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-billing-action-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-billing-action-pressed);--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-stop-1-color);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-stop-2-color);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-stop-3-color);--s-ui-button-billing-gradient: linear-gradient( 86deg, var(--s-ui-billing-interp-stop-1) -3.31%, var(--s-ui-billing-interp-stop-2) 53.31%, var(--s-ui-billing-interp-stop-3) 109.94% );transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-button--variant-billing:hover:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-hover-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-hover-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-hover-stop-3)}.s-ui-button--variant-billing:active:not(.s-ui-button--disabled,.s-ui-button--loading),.s-ui-button--variant-billing.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-pressed-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-pressed-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-pressed-stop-3)}.s-ui-button--tab-focus:focus-visible{--s-ui-button-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-button--tab-focus.s-ui-button--disabled:focus-visible,.s-ui-button--tab-focus.s-ui-button--loading:focus-visible{outline:none}.s-ui-button__inner{display:inline-flex;align-items:center;gap:var(--s-ui-button-gap)}.s-ui-button__inner .s-ui-icon>svg{box-sizing:border-box}.s-ui-button--size-large .s-ui-button__inner .s-ui-icon>svg{padding:2px}.s-ui-button--size-medium .s-ui-button__inner .s-ui-icon>svg{padding:1px}.s-ui-button--loading .s-ui-button__inner{visibility:hidden}.s-ui-button__spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.s-ui-button--loading{pointer-events:none}.s-ui-button--size-small{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding: var(--s-ui-space-padding-x-small) var(--s-ui-space-padding-small);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-button--size-medium{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding-block: var(--s-ui-space-padding-between-x-small-small);--s-ui-button-padding: var(--s-ui-button-padding-block) var(--s-ui-space-padding-medium);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-button--size-large{--s-ui-button-gap: var(--s-ui-space-gap-x-small);--s-ui-button-padding: var(--s-ui-space-padding-small) var(--s-ui-space-padding-x-medium)}.s-ui-button--icon-only.s-ui-button--size-small{--s-ui-button-padding: var(--s-ui-space-padding-x-small)}.s-ui-button--icon-only.s-ui-button--size-medium{--s-ui-button-padding: var(--s-ui-button-padding-block)}.s-ui-button--icon-only.s-ui-button--size-large{--s-ui-button-padding: var(--s-ui-space-padding-small)}.s-ui-button--appearance-major{--s-ui-button-background-color: var(--s-ui-button-loud-background-enabled);--s-ui-button-color: var(--s-ui-color-text-surface-static)}.s-ui-button--appearance-major:hover{--s-ui-button-background-color: var(--s-ui-button-loud-background-hovered)}.s-ui-button--appearance-major:active{--s-ui-button-background-color: var(--s-ui-button-loud-background-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-major.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-loud-background-selected)}.s-ui-button--variant-billing.s-ui-button--appearance-major{background-color:transparent;background-image:var(--s-ui-button-billing-gradient)}.s-ui-button--appearance-minor{--s-ui-button-background-color: var(--s-ui-button-calm-background-enabled);--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--appearance-minor:hover{--s-ui-button-background-color: var(--s-ui-button-calm-background-hovered);--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-button--appearance-minor:active{--s-ui-button-background-color: var(--s-ui-button-calm-background-pressed);--s-ui-button-color: var(--s-ui-button-action-color-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-minor.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-calm-background-selected);--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--variant-billing.s-ui-button--appearance-minor:not(.s-ui-button--disabled){--s-ui-button-background-color: var(--s-ui-color-surface-primary);background-image:linear-gradient(86deg,color-mix(in srgb,var(--s-ui-billing-interp-stop-1) 14%,var(--s-ui-color-surface-primary)) -3.31%,color-mix(in srgb,var(--s-ui-billing-interp-stop-2) 14%,var(--s-ui-color-surface-primary)),color-mix(in srgb,var(--s-ui-billing-interp-stop-3) 14%,var(--s-ui-color-surface-primary)) 109.94%)}.s-ui-button--variant-billing.s-ui-button--appearance-minor:not(.s-ui-button--disabled,.s-ui-button--loading):is(:hover,:active),.s-ui-button--variant-billing.s-ui-button--appearance-minor.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major,.s-ui-button--disabled) .s-ui-button__label{background-image:var(--s-ui-button-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major).s-ui-button--disabled .s-ui-button__label{background-image:none;background-clip:unset;filter:none;color:var(--s-ui-color-text-surface-disabled)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major).s-ui-button--loading .s-ui-button__label{background-image:none;background-clip:unset;filter:none;color:transparent}.s-ui-button--appearance-surface{--s-ui-button-background-color: var(--s-ui-button-calm-background-enabled);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-button-border-enabled)}.s-ui-button--appearance-surface:hover{--s-ui-button-background-color: var(--s-ui-button-calm-background-hovered);--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover);--s-ui-button-outline-color: var(--s-ui-button-border-hovered)}.s-ui-button--appearance-surface:active{--s-ui-button-background-color: var(--s-ui-button-calm-background-pressed);--s-ui-button-color: var(--s-ui-button-action-color-pressed);--s-ui-button-outline-color: var(--s-ui-button-border-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-surface.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-calm-background-selected);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-color: var(--s-ui-button-border-selected)}.s-ui-button--appearance-outlined{--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-button-border-enabled)}.s-ui-button--appearance-outlined:hover{--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover);--s-ui-button-outline-color: var(--s-ui-button-border-hovered)}.s-ui-button--appearance-outlined:active{--s-ui-button-color: var(--s-ui-button-action-color-pressed);--s-ui-button-outline-color: var(--s-ui-button-border-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-outlined.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-color: var(--s-ui-button-border-selected)}.s-ui-button--appearance-bare:not(.s-ui-button--icon-only){--s-ui-button-padding: 0}.s-ui-button--appearance-bare{--s-ui-button-background-color: transparent;--s-ui-button-border: none;--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--appearance-bare:hover{--s-ui-button-color: var(--s-ui-button-action-color-hovered)}.s-ui-button--appearance-bare:active:not(.s-ui-button--active),.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--icon-only){--s-ui-button-color: var(--s-ui-button-action-color-pressed)}.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading):is(.s-ui-button--variant-main,.s-ui-button--variant-danger,.s-ui-button--variant-success){--s-ui-button-background-color: var(--s-ui-button-loud-background-enabled);--s-ui-button-color: var(--s-ui-color-text-surface-static)}.s-ui-button--variant-main.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-background-main-action-loud-selected)}.s-ui-button--variant-neutral.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--variant-billing.s-ui-button--appearance-surface:not(.s-ui-button--disabled){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid transparent;--s-ui-button-background-color: var(--s-ui-color-surface-primary);background-image:linear-gradient(86deg,color-mix(in srgb,var(--s-ui-billing-interp-stop-1) 14%,var(--s-ui-color-surface-primary)) -3.31%,color-mix(in srgb,var(--s-ui-billing-interp-stop-2) 14%,var(--s-ui-color-surface-primary)),color-mix(in srgb,var(--s-ui-billing-interp-stop-3) 14%,var(--s-ui-color-surface-primary)) 109.94%),var(--s-ui-button-billing-gradient);background-origin:border-box;background-clip:padding-box,border-box}.s-ui-button--variant-billing.s-ui-button--appearance-surface:not(.s-ui-button--disabled,.s-ui-button--loading):is(:hover,:active),.s-ui-button--variant-billing.s-ui-button--appearance-surface.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary)}.s-ui-button--variant-billing.s-ui-button--appearance-outlined:not(.s-ui-button--disabled){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid transparent;background-color:transparent;background-image:var(--s-ui-gradient-surface-primary-layer),var(--s-ui-button-billing-gradient);background-origin:border-box;background-clip:padding-box,border-box}.s-ui-button--disabled:not(.s-ui-button--appearance-bare){--s-ui-button-background-color: var(--s-ui-button-disabled-background-color);--s-ui-button-color: var(--s-ui-color-text-surface-disabled);--s-ui-button-cursor: not-allowed;--s-ui-button-shadow: none}.s-ui-button--variant-billing.s-ui-button--appearance-major.s-ui-button--disabled{--s-ui-button-background-color: var(--s-ui-color-border-disabled-primary);background-color:var(--s-ui-color-border-disabled-primary);background-image:none}.s-ui-button--variant-billing.s-ui-button--disabled:is(.s-ui-button--appearance-minor,.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-background-color: var(--s-ui-color-background-disabled-surface);background-color:var(--s-ui-color-background-disabled-surface);background-image:none}.s-ui-button--disabled:is(.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-button-border: none}.s-ui-button--variant-billing.s-ui-button--disabled:is(.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid var(--s-ui-color-border-disabled-primary)}.s-ui-button--appearance-outlined.s-ui-button--disabled:not(.s-ui-button--variant-main){--s-ui-button-background-color: transparent}.s-ui-button--appearance-bare.s-ui-button--disabled{--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-color-text-surface-disabled);--s-ui-button-cursor: not-allowed;--s-ui-button-shadow: none}}@layer components{.s-ui-checkbox{--s-ui-checkbox-bg: var(--s-ui-color-border-neutral-static-base);--s-ui-checkbox-outline-color: var(--s-ui-color-border-neutral-secondary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-surface-static);--s-ui-checkbox-focus-shadow: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.s-ui-checkbox--disabled{cursor:not-allowed}.s-ui-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.s-ui-checkbox__control{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-checkbox-bg);outline:1px solid var(--s-ui-checkbox-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-checkbox-focus-shadow);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-checkbox__control:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element),inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element)}.s-ui-checkbox__icon{color:var(--s-ui-checkbox-icon-color)}.s-ui-checkbox--size-extra-small .s-ui-checkbox__control{width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16)}.s-ui-checkbox--size-small .s-ui-checkbox__control{width:var(--s-ui-dimension-24);height:var(--s-ui-dimension-24)}.s-ui-checkbox__input:focus-visible+.s-ui-checkbox__control{--s-ui-checkbox-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-checkbox--disabled .s-ui-checkbox__input:focus-visible+.s-ui-checkbox__control{--s-ui-checkbox-focus-shadow: transparent}.s-ui-checkbox--color-main:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):hover{--s-ui-checkbox-outline-color: var(--s-ui-color-border-neutral-tertiary)}.s-ui-checkbox--color-main:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):active{--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-selected)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):hover{--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-hovered)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):active{--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-pressed)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate){--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-enabled)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled),.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled){--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-enabled);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-enabled)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):hover,.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):hover{--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-hovered);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-hovered)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):active,.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):active{--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-pressed);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-pressed)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled),.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled){--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-enabled);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-enabled)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):hover,.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):hover{--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-hovered);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-hovered)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):active,.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):active{--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-pressed);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-pressed)}.s-ui-checkbox--disabled:not(.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate){--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-surface);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary)}.s-ui-checkbox--color-main.s-ui-checkbox--disabled.s-ui-checkbox--checked,.s-ui-checkbox--color-main.s-ui-checkbox--disabled.s-ui-checkbox--indeterminate{--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-main);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-accent-blue-disabled)}.s-ui-checkbox--color-success.s-ui-checkbox--disabled.s-ui-checkbox--checked,.s-ui-checkbox--color-success.s-ui-checkbox--disabled.s-ui-checkbox--indeterminate{--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-success);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-accent-green-disabled)}}@layer components{.s-ui-card{--s-ui-card-bg: var(--s-ui-color-surface-primary);--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-card-title-color: var(--s-ui-color-text-surface-primary);--s-ui-card-subtitle-color: var(--s-ui-color-text-surface-tertiary);--s-ui-card-meta-color: var(--s-ui-color-text-surface-tertiary);--s-ui-card-icon-bg: var(--s-ui-color-background-main-tertiary);--s-ui-card-icon-color: var(--s-ui-color-icon-main-enabled);--s-ui-card-shadow: none;position:relative;box-sizing:border-box;display:flex;overflow:clip;color:var(--s-ui-card-title-color);text-decoration:none;background-color:var(--s-ui-card-bg);border-radius:var(--s-ui-border-radius-sub-section);outline:1px solid var(--s-ui-card-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-card-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card--layout-card{inline-size:252px;min-block-size:102px;flex-direction:column;align-items:center;padding:var(--s-ui-space-padding-x-small)}.s-ui-card--layout-list{inline-size:100%;min-block-size:var(--s-ui-dimension-40);align-items:flex-start;justify-content:center;padding:var(--s-ui-space-padding-small)}.s-ui-card--link{color:var(--s-ui-card-title-color)}.s-ui-card:not(.s-ui-card--disabled,.s-ui-card--skeleton):hover{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-hovered);--s-ui-card-shadow: var(--s-ui-dimension-4) var(--s-ui-dimension-4) var(--s-ui-dimension-12) 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-card:not(.s-ui-card--disabled,.s-ui-card--skeleton):active{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-pressed);--s-ui-card-shadow: var(--s-ui-dimension-4) var(--s-ui-dimension-4) var(--s-ui-dimension-12) 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-card:focus-visible{--s-ui-card-shadow: 0 0 0 var(--s-ui-dimension-2) var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-card--selected{--s-ui-card-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-card-outline-color: var(--s-ui-color-border-main-selected)}.s-ui-card--layout-list.s-ui-card--selected{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-card--disabled{--s-ui-card-bg: var(--s-ui-color-background-disabled-surface);--s-ui-card-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-card-title-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-subtitle-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-meta-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-icon-bg: var(--s-ui-color-background-neutral-primary);--s-ui-card-icon-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed}.s-ui-card--skeleton{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-enabled);cursor:progress}.s-ui-card__content{box-sizing:border-box;display:flex;min-inline-size:0}.s-ui-card--layout-card .s-ui-card__content{inline-size:100%;flex-direction:column;align-items:flex-start;gap:var(--s-ui-space-gap-2x-small);padding:var(--s-ui-space-padding-x-small)}.s-ui-card--layout-list .s-ui-card__content{flex:1 1 auto;align-items:center;gap:var(--s-ui-space-gap-medium);min-inline-size:0;padding:var(--s-ui-space-padding-x-small)}.s-ui-card__content--skeleton{inline-size:100%}.s-ui-card__icon{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--s-ui-dimension-24);block-size:var(--s-ui-dimension-24);padding:var(--s-ui-space-padding-x-small);color:var(--s-ui-card-icon-color);background-color:var(--s-ui-card-icon-bg);border-radius:var(--s-ui-border-radius-base)}.s-ui-card__text{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0;gap:var(--s-ui-space-gap-2x-small)}.s-ui-card--layout-card .s-ui-card__text{inline-size:100%;min-block-size:calc(var(--s-ui-dimension-20) * 3)}.s-ui-card--layout-list .s-ui-card__text{justify-content:center}.s-ui-card__title,.s-ui-card__subtitle{min-inline-size:0;overflow:hidden;overflow-wrap:anywhere;color:var(--s-ui-card-title-color)}.s-ui-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.s-ui-card--layout-list .s-ui-card__title,.s-ui-card--layout-list .s-ui-card__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-ui-card__subtitle{color:var(--s-ui-card-subtitle-color)}.s-ui-card__meta{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-2x-small);color:var(--s-ui-card-meta-color);white-space:nowrap;transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),visibility var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card--layout-card .s-ui-card__meta{position:absolute;inset-block-start:var(--s-ui-space-padding-small);inset-inline-end:var(--s-ui-space-padding-small)}.s-ui-card__selected-indicator{position:absolute;display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),visibility var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card__selected-indicator .s-ui-checkbox{pointer-events:none}.s-ui-card--selectable:not(.s-ui-card--disabled,.s-ui-card--skeleton):is(:hover,:focus-visible) .s-ui-card__selected-indicator{opacity:1;visibility:visible}.s-ui-card--selectable:not(.s-ui-card--disabled,.s-ui-card--skeleton):is(:hover,:focus-visible) .s-ui-card__meta{opacity:0;visibility:hidden}.s-ui-card--layout-card .s-ui-card__selected-indicator{inset-block-start:var(--s-ui-dimension-4);inset-inline-end:var(--s-ui-dimension-4)}.s-ui-card--layout-list .s-ui-card__selected-indicator{inset-block-start:var(--s-ui-dimension-8);inset-inline-end:var(--s-ui-dimension-8)}.s-ui-card__skeleton{--s-ui-skeleton-radius: var(--s-ui-border-radius-base);--s-ui-skeleton-gap: 0;inline-size:100%}.s-ui-card--layout-card .s-ui-card__skeleton{flex-direction:column;gap:var(--s-ui-space-gap-2x-small)}.s-ui-card--layout-list .s-ui-card__skeleton{flex-direction:row;align-items:center;gap:var(--s-ui-space-gap-medium)}@media(prefers-reduced-motion:reduce){.s-ui-card,.s-ui-card__meta,.s-ui-card__selected-indicator{transition:none}}}@layer components{.s-ui-chart-skeleton-host{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-horizontal-bar{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-height:582px;padding:var(--s-ui-space-padding-x-large) var(--s-ui-space-padding-medium) var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-horizontal-bar--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-horizontal-bar__canvas-wrap{position:relative;flex:0 0 auto;width:100%;height:var(--s-ui-chart-bar-horizontal-viewport-height)}.s-ui-chart-horizontal-bar__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-line{position:relative;box-sizing:border-box;width:100%;min-height:329px;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-line--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-line__canvas-wrap{position:relative;overflow:hidden;width:100%;height:297px}.s-ui-chart-line__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-legend{display:flex;flex-wrap:wrap;gap:var(--s-ui-space-gap-x-large);align-items:center;justify-content:center;margin:0;padding:0;list-style:none}.s-ui-chart-legend__item{display:flex;gap:var(--s-ui-space-gap-small);align-items:center}.s-ui-chart-legend__swatch-slot{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:var(--s-ui-space-padding-2x-small)}.s-ui-chart-legend__swatch{width:12px;height:12px;border-radius:var(--s-ui-border-radius-base)}.s-ui-chart-legend__label{color:var(--s-ui-chart-legend-label);font:var(--s-ui-typography-label-10-medium);white-space:nowrap}.s-ui-chart-legend--column{flex-flow:column nowrap;gap:var(--s-ui-space-gap-medium);align-items:flex-start;justify-content:flex-start}.s-ui-chart-legend--column .s-ui-chart-legend__item{gap:var(--s-ui-space-gap-none)}.s-ui-chart-legend--disabled .s-ui-chart-legend__label{color:var(--s-ui-color-text-surface-disabled)}}@layer components{.s-ui-chart-pie{position:relative;box-sizing:border-box;display:flex;flex-flow:row wrap;gap:var(--s-ui-chart-pie-layout-gap);align-items:center;justify-content:center;width:100%;min-width:0;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-pie--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-pie__canvas-wrap{position:relative;overflow:visible;flex:0 1 auto;width:100%;max-width:var(--s-ui-chart-pie-viewport-size);aspect-ratio:1;min-width:0}.s-ui-chart-pie__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-stacked-area{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);width:100%;max-height:500px;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-stacked-area--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-stacked-area__canvas-wrap{position:relative;overflow:hidden;flex:1 1 auto;width:100%;min-height:420px}.s-ui-chart-stacked-area__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-stacked-bar{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);width:100%;max-height:500px;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-stacked-bar--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-stacked-bar__canvas-wrap{position:relative;overflow:hidden;flex:0 0 auto;width:100%;height:var(--s-ui-chart-bar-stacked-viewport-height)}.s-ui-chart-stacked-bar__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chip{--s-ui-chip-bg: transparent;--s-ui-chip-outline-color: transparent;--s-ui-chip-label-color: var(--s-ui-color-text-surface-primary);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-tertiary);box-sizing:border-box;display:inline-flex;align-items:center;max-width:100%;border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-chip-bg);color:var(--s-ui-chip-label-color);outline:1px solid var(--s-ui-chip-outline-color);outline-offset:-1px;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-chip__content{display:inline-flex;flex:1 1 auto;align-items:center;min-width:0;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--s-ui-chip-icon-color)}.s-ui-chip--size-32 .s-ui-chip__icon .s-ui-icon>svg{box-sizing:border-box;padding:var(--s-ui-dimension-1)}.s-ui-chip__prefix{display:inline-flex;flex-shrink:0;align-items:center;min-width:0;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__label{display:inline-flex;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.s-ui-chip__actions{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__actions .s-ui-button.s-ui-button--appearance-bare{--s-ui-button-padding: 0}.s-ui-chip--size-32{gap:var(--s-ui-space-gap-x-small);padding:var(--s-ui-space-padding-between-x-small-small) var(--s-ui-space-gap-small)}.s-ui-chip--size-24,.s-ui-chip--size-20{gap:var(--s-ui-space-gap-x-small);padding:var(--s-ui-space-padding-2x-small) var(--s-ui-space-padding-x-small)}.s-ui-chip--color-blue{--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-accent-blue-primary)}.s-ui-chip--color-blue:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-blue.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-chip-outline-color: var(--s-ui-color-border-main-hovered);cursor:pointer}.s-ui-chip--color-blue:active:not(.s-ui-chip--disabled),.s-ui-chip--color-blue.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-chip-outline-color: var(--s-ui-color-border-main-pressed)}.s-ui-chip--color-red{--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-enabled)}.s-ui-chip--color-red:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-red.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-hovered);cursor:pointer}.s-ui-chip--color-red:active:not(.s-ui-chip--disabled),.s-ui-chip--color-red.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-pressed);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-pressed)}.s-ui-chip--color-white{--s-ui-chip-bg: var(--s-ui-color-surface-primary);--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-chip-label-color: var(--s-ui-color-text-surface-secondary);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-tertiary)}.s-ui-chip--color-white:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-white.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-hovered);cursor:pointer}.s-ui-chip--color-white:active:not(.s-ui-chip--disabled),.s-ui-chip--color-white.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-pressed)}.s-ui-chip--color-billing{--s-ui-chip-bg: transparent;--s-ui-chip-outline-color: var(--s-ui-billing-interp-stop-1);--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-stop-1-color);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-stop-2-color);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-stop-3-color);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing);--s-ui-chip-billing-bg: linear-gradient( -28deg, color-mix(in srgb, var(--s-ui-billing-interp-stop-1) 14%, var(--s-ui-color-surface-primary)) 24%, color-mix(in srgb, var(--s-ui-billing-interp-stop-3) 14%, var(--s-ui-color-surface-primary)) 72.533% );background-color:transparent;background-image:var(--s-ui-chip-billing-bg);transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-chip--color-billing:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-billing.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-hover-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-hover-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-hover-stop-3);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing-hovered);cursor:pointer}.s-ui-chip--color-billing:active:not(.s-ui-chip--disabled),.s-ui-chip--color-billing.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-pressed-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-pressed-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-pressed-stop-3);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing-pressed)}.s-ui-chip--color-billing .s-ui-chip__label{background-image:var(--s-ui-chip-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.s-ui-chip--disabled{--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-chip-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed;pointer-events:none}.s-ui-chip--color-blue.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-main)}.s-ui-chip--color-red.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary)}.s-ui-chip--color-white.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-surface)}.s-ui-chip--color-billing.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-surface);--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-chip-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-disabled);background-color:var(--s-ui-chip-bg);background-image:none}.s-ui-chip--color-billing.s-ui-chip--disabled .s-ui-chip__label{background-image:none;background-clip:border-box;color:var(--s-ui-chip-label-color)}.s-ui-chip--disabled .s-ui-tag{--s-ui-tag-bg: var(--s-ui-color-background-disabled-surface);color:var(--s-ui-color-text-surface-disabled);outline-color:var(--s-ui-color-border-disabled-primary)}.s-ui-chip:focus-visible,.s-ui-chip.s-ui-chip--state-focused{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-chip:focus-visible:has(.s-ui-button:focus-visible){box-shadow:none}.s-ui-chip .s-ui-button:focus-visible{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}}@layer components{.s-ui-dropdown{display:inline-flex;vertical-align:middle}.s-ui-dropdown__panel{box-sizing:border-box;z-index:var(--s-ui-z-index-dropdown);min-width:var(--s-ui-dimension-120)}.s-ui-dropdown__panel:not(.s-ui-dropdown__panel--ready,.s-ui-dropdown-leave-active){visibility:hidden;pointer-events:none}.s-ui-dropdown-enter-active.s-ui-dropdown__panel,.s-ui-dropdown-leave-active.s-ui-dropdown__panel{transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-dropdown-enter-from.s-ui-dropdown__panel,.s-ui-dropdown-leave-to.s-ui-dropdown__panel{opacity:0}.s-ui-dropdown-enter-to.s-ui-dropdown__panel,.s-ui-dropdown-leave-from.s-ui-dropdown__panel{opacity:1}.s-ui-dropdown__panel--match-reference-width{min-width:0}.s-ui-dropdown__panel--match-reference-width .s-ui-dropdown__surface{width:100%;max-width:100%}.s-ui-dropdown__panel--match-reference-width .s-ui-dropdown__content{box-sizing:border-box;width:100%;min-width:0}.s-ui-dropdown__surface--fit-viewport{overflow-y:auto}.s-ui-dropdown__surface{--s-ui-dropdown-surface-background: var(--s-ui-color-surface-primary);--s-ui-dropdown-surface-outline-width: 1px;--s-ui-dropdown-surface-outline-style: solid;--s-ui-dropdown-surface-outline-color: var(--s-ui-color-border-neutral-static-base);--s-ui-dropdown-surface-outline-offset: -1px;--s-ui-dropdown-surface-radius: var(--s-ui-border-radius-base);--s-ui-dropdown-surface-shadow: 0 4px 16px 0 var(--s-ui-color-elevation-shadow-dropdown);--s-ui-dropdown-arrow-size: var(--s-ui-dimension-12);--s-ui-dropdown-arrow-padding: var(--s-ui-border-radius-base);--s-ui-dropdown-arrow-half-size: calc(var(--s-ui-dropdown-arrow-size) / 2);--s-ui-dropdown-arrow-inner-half-size: calc( var(--s-ui-dropdown-arrow-half-size) - var(--s-ui-dropdown-surface-outline-width) );position:relative;box-sizing:border-box;padding:0;border-radius:var(--s-ui-dropdown-surface-radius);background-color:var(--s-ui-dropdown-surface-background);box-shadow:var(--s-ui-dropdown-surface-shadow);outline:var(--s-ui-dropdown-surface-outline-width) var(--s-ui-dropdown-surface-outline-style) var(--s-ui-dropdown-surface-outline-color);outline-offset:var(--s-ui-dropdown-surface-outline-offset)}.s-ui-dropdown__surface--with-arrow{outline:none;border:var(--s-ui-dropdown-surface-outline-width) var(--s-ui-dropdown-surface-outline-style) var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__content{position:relative;z-index:1}.s-ui-dropdown__arrow{position:absolute;width:var(--s-ui-dropdown-arrow-size);height:var(--s-ui-dropdown-arrow-half-size);pointer-events:none;z-index:2}.s-ui-dropdown__surface--with-arrow[data-placement^=bottom] .s-ui-dropdown__arrow{top:calc(-1 * var(--s-ui-dropdown-arrow-half-size))}.s-ui-dropdown__surface--with-arrow[data-placement^=top] .s-ui-dropdown__arrow{bottom:calc(-1 * var(--s-ui-dropdown-arrow-half-size))}.s-ui-dropdown__surface--with-arrow[data-placement=left] .s-ui-dropdown__arrow{right:calc(-1 * var(--s-ui-dropdown-arrow-half-size))}.s-ui-dropdown__surface--with-arrow[data-placement=right] .s-ui-dropdown__arrow{left:calc(-1 * var(--s-ui-dropdown-arrow-half-size))}.s-ui-dropdown__surface--with-arrow[data-placement=left] .s-ui-dropdown__arrow,.s-ui-dropdown__surface--with-arrow[data-placement=right] .s-ui-dropdown__arrow{width:var(--s-ui-dropdown-arrow-half-size);height:var(--s-ui-dropdown-arrow-size)}.s-ui-dropdown__arrow--overflow{visibility:hidden}.s-ui-dropdown__arrow-outer,.s-ui-dropdown__arrow-inner{position:absolute;width:0;height:0}.s-ui-dropdown__surface--with-arrow[data-placement^=bottom] .s-ui-dropdown__arrow-outer{top:0;left:0;border-left:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-half-size) solid var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__surface--with-arrow[data-placement^=bottom] .s-ui-dropdown__arrow-inner{top:var(--s-ui-dropdown-surface-outline-width);left:var(--s-ui-dropdown-surface-outline-width);border-left:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-inner-half-size) solid var(--s-ui-dropdown-surface-background)}.s-ui-dropdown__surface--with-arrow[data-placement^=top] .s-ui-dropdown__arrow-outer{bottom:0;left:0;border-left:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-top:var(--s-ui-dropdown-arrow-half-size) solid var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__surface--with-arrow[data-placement^=top] .s-ui-dropdown__arrow-inner{bottom:var(--s-ui-dropdown-surface-outline-width);left:var(--s-ui-dropdown-surface-outline-width);border-left:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-top:var(--s-ui-dropdown-arrow-inner-half-size) solid var(--s-ui-dropdown-surface-background)}.s-ui-dropdown__surface--with-arrow[data-placement=left] .s-ui-dropdown__arrow-outer{top:0;left:0;border-top:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-left:var(--s-ui-dropdown-arrow-half-size) solid var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__surface--with-arrow[data-placement=left] .s-ui-dropdown__arrow-inner{top:var(--s-ui-dropdown-surface-outline-width);left:var(--s-ui-dropdown-surface-outline-width);border-top:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-left:var(--s-ui-dropdown-arrow-inner-half-size) solid var(--s-ui-dropdown-surface-background)}.s-ui-dropdown__surface--with-arrow[data-placement=right] .s-ui-dropdown__arrow-outer{top:0;right:0;border-top:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-half-size) solid var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__surface--with-arrow[data-placement=right] .s-ui-dropdown__arrow-inner{top:var(--s-ui-dropdown-surface-outline-width);right:var(--s-ui-dropdown-surface-outline-width);border-top:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-inner-half-size) solid var(--s-ui-dropdown-surface-background)}}@layer components{.s-ui-inline-message{margin:0;color:var(--s-ui-color-text-surface-secondary);-webkit-user-select:none;user-select:none;overflow-wrap:break-word}.s-ui-inline-message--error{color:var(--s-ui-color-text-accent-red-primary)}}@layer components{.s-ui-label{display:inline-flex;align-items:center;max-width:100%;-webkit-user-select:none;user-select:none}.s-ui-label--size-medium{gap:var(--s-ui-space-gap-x-small)}.s-ui-label--size-small,.s-ui-label--size-extra-small{gap:var(--s-ui-space-gap-2x-small)}.s-ui-label__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.s-ui-label--variant-neutral .s-ui-label__icon{color:var(--s-ui-color-icon-surface-tertiary)}.s-ui-label--variant-main .s-ui-label__icon{color:var(--s-ui-color-icon-main-enabled)}.s-ui-label--variant-error .s-ui-label__icon{color:var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-label--variant-success .s-ui-label__icon{color:var(--s-ui-color-icon-accent-green-action-enabled)}.s-ui-label__body{display:inline-flex;flex-shrink:1;align-items:flex-start;min-width:0;white-space:nowrap}.s-ui-label--size-medium .s-ui-label__body{min-height:var(--s-ui-dimension-20)}.s-ui-label--size-small .s-ui-label__body{min-height:var(--s-ui-dimension-16)}.s-ui-label--size-extra-small .s-ui-label__body{align-items:center;min-height:var(--s-ui-dimension-12)}.s-ui-label__text{color:inherit;overflow-wrap:break-word}.s-ui-label__required{color:var(--s-ui-color-text-accent-red-primary)}.s-ui-label--variant-neutral .s-ui-label__text{color:var(--s-ui-color-text-surface-secondary)}.s-ui-label--size-extra-small.s-ui-label--variant-neutral .s-ui-label__text{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-label--variant-main .s-ui-label__text{color:var(--s-ui-color-text-main-enabled)}.s-ui-label--variant-error .s-ui-label__text{color:var(--s-ui-color-text-accent-red-action-enabled)}.s-ui-label--variant-success .s-ui-label__text{color:var(--s-ui-color-text-accent-green-action-enabled)}}@layer components{.s-ui-inline-input{--s-ui-inline-input-outline-color: transparent;--s-ui-inline-input-focus-shadow: transparent;--s-ui-inline-input-bg: transparent;--s-ui-inline-input-text-color: var(--s-ui-color-text-surface-primary);display:flex;flex-direction:column;align-items:stretch;gap:var(--s-ui-space-gap-x-small);width:100%}.s-ui-inline-input--wrapper{position:relative;display:flex;align-items:center;gap:var(--s-ui-space-gap-x-small);width:100%;padding:var(--s-ui-space-padding-x-small);overflow:hidden;line-height:var(--s-ui-line-height-text-big);border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-inline-input-bg);outline:1px solid var(--s-ui-inline-input-outline-color);outline-offset:-1px;cursor:text;color:var(--s-ui-inline-input-text-color);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-inline-input--wrapper:has(.s-ui-inline-input--content-multiline){display:block}.s-ui-inline-input--wrapper-appearance-filled{--s-ui-inline-input-bg: var(--s-ui-color-surface-primary)}.s-ui-inline-input--wrapper-appearance-bare{--s-ui-inline-input-bg: transparent}.s-ui-inline-input--wrapper:hover:not(.s-ui-inline-input--wrapper-disabled,.s-ui-inline-input--wrapper-readonly,.s-ui-inline-input--wrapper-appearance-bare,:has(.s-ui-inline-input--slot:hover)){--s-ui-inline-input-bg: var(--s-ui-color-background-main-action-calm-hovered)}.s-ui-inline-input--wrapper:has(.s-ui-inline-input--content:focus){--s-ui-inline-input-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation);box-shadow:var(--s-ui-inline-input-focus-shadow)}.s-ui-inline-input--wrapper:has(.s-ui-inline-input--content:focus):not(.s-ui-inline-input--wrapper-disabled,.s-ui-inline-input--wrapper-readonly,.s-ui-inline-input--wrapper-appearance-bare){--s-ui-inline-input-bg: var(--s-ui-color-surface-primary)}.s-ui-inline-input--wrapper-error{--s-ui-inline-input-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-inline-input--wrapper-error.s-ui-inline-input--wrapper-disabled{--s-ui-inline-input-outline-color: var(--s-ui-color-border-disabled-primary)}.s-ui-inline-input--wrapper-readonly{cursor:default}.s-ui-inline-input--wrapper-disabled{--s-ui-inline-input-text-color: var(--s-ui-color-text-surface-disabled);cursor:not-allowed}.s-ui-inline-input--wrapper-disabled:not(.s-ui-inline-input--wrapper-appearance-bare),.s-ui-inline-input--wrapper-readonly:not(.s-ui-inline-input--wrapper-appearance-bare){--s-ui-inline-input-bg: var(--s-ui-color-background-disabled-surface)}.s-ui-inline-input--slot{position:relative;display:flex;flex-shrink:0;align-items:center;width:fit-content}.s-ui-inline-input--wrapper:has(.s-ui-inline-input--content-multiline) .s-ui-inline-input--slot{float:left;margin-right:var(--s-ui-space-gap-x-small)}.s-ui-inline-input--content{display:block;flex:1 1 0%;min-width:0;min-height:var(--s-ui-font-size-label-smaller);color:inherit;font-size:inherit;line-height:inherit;white-space:nowrap;overflow:auto hidden;overflow-wrap:break-word;outline:none;scrollbar-width:none}.s-ui-inline-input--content::-webkit-scrollbar{display:none}.s-ui-inline-input--content-multiline{display:inline;flex:none;min-width:auto;overflow:visible;white-space:pre-wrap}.s-ui-inline-input--content-empty:before{content:attr(data-placeholder);position:absolute;display:inline-block;color:var(--s-ui-color-text-surface-tertiary);-webkit-user-select:none;user-select:none;pointer-events:none}.s-ui-inline-input--messages{display:flex;flex-direction:column;margin-top:var(--s-ui-space-gap-x-small);color:var(--s-ui-color-text-accent-red-primary);font-weight:var(--s-ui-font-weight-regular);font-size:var(--s-ui-font-size-text-small);line-height:var(--s-ui-font-size-label-big)}}@layer components{.s-ui-input{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-ui-space-gap-x-small);width:100%}.s-ui-input__field{--s-ui-input-bg: var(--s-ui-color-surface-primary);--s-ui-input-outline-color: var(--s-ui-color-border-neutral-action-hovered);--s-ui-input-focus-shadow: transparent;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-small);width:100%;min-width:0;min-height:var(--s-ui-dimension-32);padding:var(--s-ui-space-gap-x-small) var(--s-ui-space-padding-x-small);border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-input-bg);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-input__field--bordered{outline:1px solid var(--s-ui-input-outline-color);outline-offset:-1px}.s-ui-input__field--borderless{outline:1px solid transparent;outline-offset:-1px}.s-ui-input__field--bordered.s-ui-input__field--filled:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly,.s-ui-input__field--error,.s-ui-input__field--focused){--s-ui-input-outline-color: var(--s-ui-color-border-neutral-action-enabled)}.s-ui-input__field--bordered:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly,.s-ui-input__field--error):hover{--s-ui-input-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-input__field--borderless:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly,.s-ui-input__field--focused):hover{--s-ui-input-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-input-outline-color: transparent}.s-ui-input__field--borderless:not(.s-ui-input__field--filled,.s-ui-input__field--disabled,.s-ui-input__field--readonly):hover .s-ui-input__control::placeholder{color:var(--s-ui-color-text-surface-secondary)}.s-ui-input__field:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly).s-ui-input__field--focused{--s-ui-input-outline-color: var(--s-ui-color-border-neutral-action-pressed);--s-ui-input-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-input__field--borderless:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly).s-ui-input__field--focused{--s-ui-input-bg: var(--s-ui-color-surface-primary);--s-ui-input-outline-color: transparent}.s-ui-input__field--error:not(.s-ui-input__field--disabled){--s-ui-input-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-input__field--error:not(.s-ui-input__field--disabled).s-ui-input__field--focused{--s-ui-input-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-input__field--disabled{--s-ui-input-bg: var(--s-ui-color-background-disabled-surface);--s-ui-input-outline-color: transparent;cursor:not-allowed}.s-ui-input__field--readonly{--s-ui-input-bg: var(--s-ui-color-background-disabled-surface);--s-ui-input-outline-color: var(--s-ui-color-border-disabled-primary);cursor:default}.s-ui-input__field.s-ui-input__field--focused{box-shadow:var(--s-ui-input-focus-shadow)}.s-ui-input__prepend{display:flex;flex-wrap:wrap;gap:var(--s-ui-space-gap-x-small);align-items:flex-start;width:100%}.s-ui-input__row{display:flex;flex:1 1 auto;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0;width:100%}.s-ui-input__prefix{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--s-ui-color-icon-surface-tertiary)}.s-ui-input__control-wrap{display:flex;flex:1 1 auto;align-items:center;min-width:0}.s-ui-input__control-wrap--horizontal{gap:var(--s-ui-space-gap-x-small)}.s-ui-input__control{box-sizing:border-box;display:block;flex:1 1 auto;width:100%;min-width:0;margin:0;padding:0 var(--s-ui-space-padding-x-small);border:0;background:transparent;color:var(--s-ui-color-text-surface-primary);outline:none;text-overflow:ellipsis;white-space:nowrap}.s-ui-input__control::placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-input__control:disabled{color:var(--s-ui-color-text-surface-disabled);cursor:not-allowed}.s-ui-input__control:read-only{color:var(--s-ui-color-text-surface-primary);cursor:default}.s-ui-input__inline{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;min-width:0}.s-ui-input__clear,.s-ui-input__action{display:inline-flex;flex-shrink:0;align-items:center}.s-ui-input__clear{visibility:hidden}.s-ui-input__field--focused .s-ui-input__clear{visibility:visible}.s-ui-input__clear .s-ui-button.s-ui-button--appearance-bare,.s-ui-input__action .s-ui-button.s-ui-button--appearance-bare{--s-ui-button-padding: var(--s-ui-space-padding-x-small)}.s-ui-input__messages{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-small)}.s-ui-input--disabled .s-ui-input__prefix{color:var(--s-ui-color-icon-surface-disabled)}}@layer components{.s-ui-list-item{--s-ui-list-item-bg: var(--s-ui-color-surface-primary);--s-ui-list-item-outline-color: transparent;--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-focus-shadow: 0 0 0 0 transparent;--s-ui-list-item-title-color: var(--s-ui-color-text-surface-primary);--s-ui-list-item-subtitle-color: var(--s-ui-color-text-surface-tertiary);--s-ui-list-item-icon-color: var(--s-ui-color-icon-surface-tertiary);--s-ui-list-item-expand-color: var(--s-ui-color-icon-surface-tertiary);--s-ui-list-item-level-indent: calc(var(--s-ui-list-item-depth, 0) * var(--s-ui-dimension-14));box-sizing:border-box;display:flex;align-items:center;gap:var(--s-ui-space-gap-x-small);width:100%;min-block-size:calc(var(--s-ui-dimension-40) + var(--s-ui-dimension-4));padding:var(--s-ui-space-padding-x-small);border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-list-item-bg);outline:1px solid var(--s-ui-list-item-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-list-item-hover-shadow),var(--s-ui-list-item-focus-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--tiny{min-block-size:var(--s-ui-dimension-40);padding-block:var(--s-ui-space-padding-2x-small);padding-inline:var(--s-ui-space-padding-x-small)}.s-ui-list-item--variant-neutral{--s-ui-list-item-icon-color: var(--s-ui-color-icon-surface-secondary)}.s-ui-list-item--variant-main{--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-error{--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-list-item:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-list-item-hover-shadow: var(--s-ui-shadow-hover)}.s-ui-list-item--variant-main:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-title-color: var(--s-ui-color-text-main-hovered);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-hovered)}.s-ui-list-item--variant-error:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-hovered);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-hovered)}.s-ui-list-item:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-list-item-hover-shadow: 0 0 0 0 transparent}.s-ui-list-item--variant-neutral:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-main:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-title-color: var(--s-ui-color-text-main-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-list-item--variant-error:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-pressed);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-pressed)}.s-ui-list-item--selected{--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-list-item-outline-color: transparent}.s-ui-list-item--selected:not(.s-ui-list-item--variant-main,.s-ui-list-item--variant-error){--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-main.s-ui-list-item--selected{--s-ui-list-item-title-color: var(--s-ui-color-text-main-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-list-item--variant-error.s-ui-list-item--selected{--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-list-item:focus-visible{--s-ui-list-item-focus-shadow: var(--s-ui-shadow-focus-ring);--s-ui-list-item-outline-color: transparent}.s-ui-list-item--disabled{--s-ui-list-item-bg: var(--s-ui-color-surface-primary);--s-ui-list-item-outline-color: transparent;--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-focus-shadow: 0 0 0 0 transparent;--s-ui-list-item-title-color: var(--s-ui-color-text-surface-disabled);--s-ui-list-item-subtitle-color: var(--s-ui-color-text-surface-disabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-surface-disabled);--s-ui-list-item-expand-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed}.s-ui-list-item--disabled .s-ui-list-item__title-action,.s-ui-list-item--disabled .s-ui-list-item__actions,.s-ui-list-item--readonly .s-ui-list-item__title-action,.s-ui-list-item--readonly .s-ui-list-item__actions{pointer-events:none}.s-ui-list-item--readonly{--s-ui-list-item-bg: var(--s-ui-color-surface-primary);--s-ui-list-item-outline-color: transparent;--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-subtitle-color: var(--s-ui-color-text-surface-tertiary);cursor:default}.s-ui-list-item--readonly:not(.s-ui-list-item--variant-main,.s-ui-list-item--variant-error){--s-ui-list-item-title-color: var(--s-ui-color-text-surface-primary)}.s-ui-list-item--loading{--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-focus-shadow: 0 0 0 0 transparent;cursor:default;pointer-events:none}.s-ui-list-item__level{display:inline-flex;flex-shrink:0;align-items:center;justify-content:flex-start;min-width:calc(var(--s-ui-dimension-14) + var(--s-ui-list-item-level-indent));height:var(--s-ui-dimension-24);padding-inline-start:var(--s-ui-list-item-level-indent)}.s-ui-list-item__expand{flex-shrink:0;color:var(--s-ui-list-item-expand-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__expand .s-ui-icon{transition:transform var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__expand--expanded .s-ui-icon{transform:rotate(90deg)}.s-ui-list-item__icon-left{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16);color:var(--s-ui-list-item-icon-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__actions-reveal{display:grid;grid-template-columns:1fr;overflow:hidden}.s-ui-list-item__actions-inner{display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0;overflow:hidden;translate:0 0}.s-ui-list-item--reveal-right .s-ui-list-item__actions-reveal{grid-template-columns:0fr;transition:grid-template-columns var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--reveal-right .s-ui-list-item__actions-inner{translate:100% 0;transition:translate var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--reveal-right:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly):is(:hover,:focus-within,.s-ui-list-item--active,.s-ui-list-item--selected) .s-ui-list-item__actions-reveal{grid-template-columns:1fr}.s-ui-list-item--reveal-right:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly):is(:hover,:focus-within,.s-ui-list-item--active,.s-ui-list-item--selected) .s-ui-list-item__actions-inner{translate:0 0}@media(prefers-reduced-motion:reduce){.s-ui-list-item--reveal-right .s-ui-list-item__actions-reveal{grid-template-columns:1fr}.s-ui-list-item--reveal-right .s-ui-list-item__actions-inner{translate:0 0}}.s-ui-list-item__body{display:flex;flex:1 1 auto;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0}.s-ui-list-item__text{display:flex;flex:0 1 auto;flex-direction:column;gap:var(--s-ui-space-gap-none);justify-content:center;min-width:0;padding-inline:var(--s-ui-space-gap-x-small)}.s-ui-list-item__title{overflow:hidden;color:var(--s-ui-list-item-title-color);text-overflow:ellipsis;white-space:nowrap;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__subtitle{color:var(--s-ui-list-item-subtitle-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__title-action{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.s-ui-list-item__action-end{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16)}.s-ui-list-item__actions,.s-ui-list-item__trailing{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-x-small)}}@layer components{.s-ui-list{--s-ui-list-gap: var(--s-ui-space-gap-2x-small);display:flex;flex-direction:column;width:100%;min-width:0}.s-ui-list:focus{outline:none}.s-ui-list__scroll:focus{outline:none}.s-ui-list__scroll{overflow:auto;width:100%;min-width:0;box-sizing:border-box;padding-block:var(--s-ui-dimension-2);padding-inline:0}.s-ui-list__scroll--flat{overflow-x:clip;overflow-clip-margin:4px;display:flex;flex-direction:column;gap:var(--s-ui-list-gap)}.s-ui-list__static{display:flex;flex-direction:column;gap:var(--s-ui-list-gap);width:100%;min-width:0;box-sizing:border-box;padding-block:var(--s-ui-dimension-2);padding-inline:0}.s-ui-list__virtual-panel{width:100%}.s-ui-list__virtual-row{width:100%;box-sizing:border-box}}@layer components{.s-ui-radio{--s-ui-radio-bg: var(--s-ui-color-border-neutral-static-base);--s-ui-radio-outline-color: var(--s-ui-color-icon-surface-tertiary);--s-ui-radio-thumb-bg: transparent;--s-ui-radio-thumb-opacity: 0;--s-ui-radio-focus-shadow: transparent;--s-ui-radio-label-color: var(--s-ui-color-text-surface-primary);--s-ui-radio-description-color: var(--s-ui-color-text-surface-secondary);box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-small);padding-block:var(--s-ui-space-padding-2x-small);cursor:pointer;-webkit-user-select:none;user-select:none}.s-ui-radio--label-right{flex-direction:row-reverse}.s-ui-radio--control-only{gap:0;padding-block:0}.s-ui-radio--disabled{cursor:not-allowed;--s-ui-radio-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-radio-description-color: var(--s-ui-color-text-surface-disabled)}.s-ui-radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.s-ui-radio__control{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16);border-radius:var(--s-ui-border-radius-rounded);background-color:var(--s-ui-radio-bg);outline:1px solid var(--s-ui-radio-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-radio-focus-shadow);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-radio__control:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element),inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element)}.s-ui-radio__thumb{position:relative;z-index:0;width:var(--s-ui-dimension-10);height:var(--s-ui-dimension-10);border-radius:var(--s-ui-border-radius-rounded);background-color:var(--s-ui-radio-thumb-bg);opacity:var(--s-ui-radio-thumb-opacity);transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-radio__content{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-none);min-width:0}.s-ui-radio__label{color:var(--s-ui-radio-label-color)}.s-ui-radio__description{color:var(--s-ui-radio-description-color)}.s-ui-radio__input:focus-visible+.s-ui-radio__control{--s-ui-radio-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-radio--disabled .s-ui-radio__input:focus-visible+.s-ui-radio__control{--s-ui-radio-focus-shadow: transparent}.s-ui-radio:not(.s-ui-radio--disabled,.s-ui-radio--checked):hover{--s-ui-radio-outline-color: var(--s-ui-color-icon-surface-secondary)}.s-ui-radio:not(.s-ui-radio--disabled,.s-ui-radio--checked):active{--s-ui-radio-outline-color: var(--s-ui-color-icon-surface-secondary);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-surface-secondary);--s-ui-radio-thumb-opacity: 1}.s-ui-radio--checked:not(.s-ui-radio--disabled){--s-ui-radio-outline-color: var(--s-ui-color-icon-main-enabled);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-main-enabled);--s-ui-radio-thumb-opacity: 1}.s-ui-radio--checked:not(.s-ui-radio--disabled):hover{--s-ui-radio-outline-color: var(--s-ui-color-icon-main-hovered);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-main-hovered)}.s-ui-radio--checked:not(.s-ui-radio--disabled):active{--s-ui-radio-outline-color: var(--s-ui-color-icon-main-pressed);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-main-pressed)}.s-ui-radio--disabled:not(.s-ui-radio--checked){--s-ui-radio-bg: var(--s-ui-color-background-disabled-surface);--s-ui-radio-outline-color: var(--s-ui-color-icon-surface-disabled)}.s-ui-radio--disabled.s-ui-radio--checked{--s-ui-radio-bg: var(--s-ui-color-background-disabled-surface);--s-ui-radio-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-surface-disabled);--s-ui-radio-thumb-opacity: 1}}@layer components{.s-ui-segment-control{--s-ui-segment-control-track-bg: var(--s-ui-color-background-neutral-action-calm-enabled);--s-ui-segment-control-track-outline: var(--s-ui-color-border-neutral-action-enabled);--s-ui-segment-control-indicator-bg: var(--s-ui-color-surface-primary);--s-ui-segment-control-indicator-outline: var(--s-ui-color-border-neutral-action-pressed);--s-ui-segment-control-indicator-shadow: 0 var(--s-ui-dimension-1) var(--s-ui-dimension-2) var(--s-ui-color-elevation-shadow-hover);position:relative;box-sizing:border-box;display:inline-flex;width:fit-content;max-width:100%;align-items:stretch;gap:var(--s-ui-space-gap-2x-small);padding:var(--s-ui-space-padding-2x-small);border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-segment-control-track-bg);outline:1px solid var(--s-ui-segment-control-track-outline);outline-offset:-1px}:root:not([data-s-ui-theme=dark]) .s-ui-segment-control{--s-ui-segment-control-track-bg: var(--s-ui-color-surface-secondary);--s-ui-segment-control-track-outline: var(--s-ui-color-border-neutral-primary);--s-ui-segment-control-indicator-outline: var(--s-ui-color-border-neutral-action-enabled);--s-ui-segment-control-indicator-shadow: 0 var(--s-ui-dimension-1) var(--s-ui-dimension-2) var(--s-ui-color-elevation-shadow-card)}.s-ui-segment-control--disabled{--s-ui-segment-control-track-bg: var(--s-ui-color-background-disabled-surface);--s-ui-segment-control-track-outline: var(--s-ui-color-border-disabled-primary);--s-ui-segment-control-indicator-bg: var(--s-ui-color-background-disabled-surface);--s-ui-segment-control-indicator-outline: var(--s-ui-color-border-disabled-primary);--s-ui-segment-control-indicator-shadow: none;cursor:not-allowed}.s-ui-segment-control__indicator{position:absolute;top:0;left:0;z-index:0;box-sizing:border-box;border-radius:var(--s-ui-button-border-radius);background-color:var(--s-ui-segment-control-indicator-bg);outline:1px solid var(--s-ui-segment-control-indicator-outline);outline-offset:-1px;box-shadow:var(--s-ui-segment-control-indicator-shadow);pointer-events:none;transition:left var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),top var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),width var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),height var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard);will-change:left,top,width,height}.s-ui-segment-control__item{position:relative;z-index:1;box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:var(--s-ui-button-gap);margin:0;padding:var(--s-ui-button-padding);border:0;border-radius:var(--s-ui-button-border-radius);background:transparent;color:var(--s-ui-color-text-surface-secondary);cursor:pointer;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-segment-control--size-small{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding: var(--s-ui-space-padding-x-small) var(--s-ui-space-padding-small);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-segment-control--size-small .s-ui-segment-control__item--icon-only{--s-ui-button-padding: var(--s-ui-space-padding-x-small)}.s-ui-segment-control--size-medium{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding-block: var(--s-ui-space-padding-between-x-small-small);--s-ui-button-padding: var(--s-ui-button-padding-block) var(--s-ui-space-padding-medium);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-segment-control--size-medium .s-ui-segment-control__item--icon-only{--s-ui-button-padding: var(--s-ui-button-padding-block)}.s-ui-segment-control--size-large{--s-ui-button-gap: var(--s-ui-space-gap-x-small);--s-ui-button-padding: var(--s-ui-space-padding-small) var(--s-ui-space-padding-x-medium);--s-ui-button-border-radius: var(--s-ui-border-radius-sub-section)}.s-ui-segment-control--size-large .s-ui-segment-control__item--icon-only{--s-ui-button-padding: var(--s-ui-space-padding-small)}.s-ui-segment-control__item--selected{color:var(--s-ui-color-text-surface-primary)}.s-ui-segment-control__item--link{text-decoration:none}.s-ui-segment-control__item--link[aria-disabled=true]{color:var(--s-ui-color-text-surface-disabled);cursor:not-allowed;pointer-events:none}.s-ui-segment-control__item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-segment-control__item:disabled{color:var(--s-ui-color-text-surface-disabled);cursor:not-allowed}.s-ui-segment-control--disabled .s-ui-segment-control__item{cursor:not-allowed}.s-ui-segment-control__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.s-ui-segment-control__icon .s-ui-icon>svg{box-sizing:border-box}.s-ui-segment-control--size-large .s-ui-segment-control__icon .s-ui-icon>svg{padding:2px}.s-ui-segment-control--size-medium .s-ui-segment-control__icon .s-ui-icon>svg{padding:1px}.s-ui-segment-control__label{min-width:0;text-align:center;overflow-wrap:anywhere}}@layer components{.s-ui-select{display:flex;flex-direction:column;width:100%}.s-ui-select__control{box-sizing:border-box;display:flex;flex:1 1 auto;align-items:center;width:100%;min-width:0;min-height:var(--s-ui-dimension-20);margin:0;padding:0;border:0;background:transparent;color:var(--s-ui-color-text-surface-primary);cursor:pointer;outline:none}.s-ui-select__control--multiple{flex-wrap:wrap;gap:var(--s-ui-space-gap-2x-small)}.s-ui-select__control--empty{min-height:var(--s-ui-dimension-20)}.s-ui-select__value,.s-ui-select__placeholder{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-ui-select__control--with-value-suffix .s-ui-select__value{flex:0 1 auto}.s-ui-select__value-suffix{display:flex;flex:1 1 auto;align-items:center;min-width:0;overflow:hidden;padding-inline-start:var(--s-ui-space-padding-x-small)}.s-ui-select__placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-select__search-input{box-sizing:border-box;flex:1 1 auto;min-width:var(--s-ui-dimension-48);margin:0;padding:0;border:0;background:transparent;color:var(--s-ui-color-text-surface-primary);outline:none}.s-ui-select__search-input::placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-select__chevron{color:var(--s-ui-color-icon-surface-tertiary);transition:transform var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-select--open .s-ui-select__chevron{color:var(--s-ui-color-icon-surface-secondary);transform:rotate(180deg)}.s-ui-select--disabled .s-ui-select__chevron{color:var(--s-ui-color-icon-surface-disabled)}.s-ui-select__panel{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-small);width:100%;min-width:0;box-sizing:border-box;overflow:hidden;border-radius:var(--s-ui-border-radius-base)}.s-ui-select__panel--searchable-content{flex:1;gap:var(--s-ui-space-gap-x-small);min-height:0}.s-ui-select__panel-search{flex-shrink:0;box-sizing:border-box;width:100%;min-width:0;padding-inline:var(--s-ui-space-padding-x-small);padding-block-start:var(--s-ui-space-padding-x-small)}.s-ui-select__panel-search>.s-ui-input{width:100%;min-width:0}.s-ui-select__panel-body{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.s-ui-select__panel-body>.s-ui-list{width:100%;min-width:0;box-sizing:border-box}.s-ui-select__panel-body>.s-ui-list>.s-ui-list__scroll,.s-ui-select__panel-body>.s-ui-list>.s-ui-list__static{box-sizing:border-box;padding:var(--s-ui-space-padding-x-small)}.s-ui-select__panel-footer{flex-shrink:0;padding-inline:var(--s-ui-space-padding-x-small);padding-block-end:var(--s-ui-space-padding-x-small)}.s-ui-select__empty{padding:var(--s-ui-space-padding-x-small);color:var(--s-ui-color-text-surface-secondary);text-align:center}}@layer components{.s-ui-tab{--s-ui-tab-label-color: var(--s-ui-color-text-surface-secondary);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-secondary);--s-ui-tab-bg: transparent;--s-ui-tab-counter-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-tab-counter-color: var(--s-ui-color-text-surface-static);--s-ui-tab-indicator-color: transparent;--s-ui-tab-indicator-image: none;--s-ui-tab-indicator-opacity: 1;--s-ui-tab-min-height: var(--s-ui-dimension-40);--s-ui-tab-padding-inline: var(--s-ui-space-padding-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-small);--s-ui-tab-icon-slot-size: var(--s-ui-dimension-24);--s-ui-tab-icon-padding: var(--s-ui-space-padding-2x-small);--s-ui-tab-icon-badge-offset: var(--s-ui-dimension-16);--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-stop-1-color);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-stop-2-color);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-stop-3-color);--s-ui-tab-billing-gradient: linear-gradient( 86deg, var(--s-ui-billing-interp-stop-1) -3.31%, var(--s-ui-billing-interp-stop-2) 53.31%, var(--s-ui-billing-interp-stop-3) 109.94% );position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:var(--s-ui-tab-min-height);margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--s-ui-tab-label-color);cursor:pointer;text-decoration:none;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab:after{position:absolute;right:0;bottom:0;left:0;height:var(--s-ui-dimension-3);border-radius:0;background-color:var(--s-ui-tab-indicator-color);background-image:var(--s-ui-tab-indicator-image);opacity:var(--s-ui-tab-indicator-opacity);content:"";pointer-events:none;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-image var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__content{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0;overflow:visible;padding:var(--s-ui-tab-padding-block) var(--s-ui-tab-padding-inline);border-radius:var(--s-ui-border-radius-base);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__icon-wrap{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.s-ui-tab__icon{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-tab-icon-slot-size);height:var(--s-ui-tab-icon-slot-size);padding:var(--s-ui-tab-icon-padding);color:var(--s-ui-tab-icon-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__icon-badge{position:absolute;top:var(--s-ui-tab-icon-badge-offset);left:var(--s-ui-tab-icon-badge-offset);z-index:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--s-ui-dimension-12);height:var(--s-ui-dimension-12);border:1px solid var(--s-ui-color-border-neutral-static-base);border-radius:var(--s-ui-dimension-full);background-color:var(--s-ui-color-background-main-primary);color:var(--s-ui-color-text-surface-static);box-shadow:0 var(--s-ui-dimension-1) var(--s-ui-dimension-2) var(--s-ui-color-elevation-shadow-card);pointer-events:none;transition:top var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),left var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__icon-badge-icon{--s-ui-icon-size: var(--s-ui-dimension-6);color:var(--s-ui-color-icon-surface-static)}.s-ui-tab__label-wrap{display:inline-flex;align-items:center;min-width:0;gap:0}.s-ui-tab__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__input{box-sizing:border-box;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:transparent;color:var(--s-ui-tab-label-color);outline:none;field-sizing:content;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-image var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__input::placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-tab__caret{flex-shrink:0;width:var(--s-ui-dimension-1);height:var(--s-ui-dimension-20);overflow:hidden;position:relative}.s-ui-tab__caret:before{position:absolute;top:0;bottom:0;left:0;width:var(--s-ui-dimension-2);background-color:var(--s-ui-color-text-surface-primary);content:""}.s-ui-tab__right{display:inline-flex;flex-shrink:0;align-items:center}.s-ui-tab__counter{display:inline-flex;align-items:center;justify-content:center;min-width:var(--s-ui-dimension-16);padding:var(--s-ui-dimension-1) var(--s-ui-dimension-4);border-radius:var(--s-ui-dimension-full);background-color:var(--s-ui-tab-counter-bg);color:var(--s-ui-tab-counter-color);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab--size-small{--s-ui-tab-min-height: var(--s-ui-dimension-32);--s-ui-tab-padding-inline: var(--s-ui-space-padding-x-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-x-small);--s-ui-tab-icon-slot-size: var(--s-ui-dimension-20);--s-ui-tab-icon-badge-offset: var(--s-ui-dimension-12)}.s-ui-tab--appearance-primary{padding:var(--s-ui-tab-padding-block) var(--s-ui-tab-padding-inline)}.s-ui-tab--appearance-primary:not(.s-ui-tab--icon-only) .s-ui-tab__content{padding-block:0;padding-inline:0 var(--s-ui-tab-icon-padding)}.s-ui-tab--appearance-primary.s-ui-tab--icon-only .s-ui-tab__content{padding:0}.s-ui-tab--appearance-secondary{--s-ui-tab-bg: var(--s-ui-color-surface-primary)}.s-ui-tab--appearance-secondary .s-ui-tab__content{background-color:var(--s-ui-tab-bg);border-radius:var(--s-ui-border-radius-base)}.s-ui-tab--appearance-secondary.s-ui-tab--size-small{--s-ui-tab-min-height: var(--s-ui-dimension-24);--s-ui-tab-padding-inline: var(--s-ui-space-padding-x-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-2x-small)}.s-ui-tab--icon-only{--s-ui-tab-min-height: var(--s-ui-dimension-40)}.s-ui-tab--icon-only.s-ui-tab--size-large{--s-ui-tab-padding-inline: var(--s-ui-space-padding-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-small)}.s-ui-tab--icon-only.s-ui-tab--appearance-secondary.s-ui-tab--size-large .s-ui-tab__content{box-sizing:border-box;justify-content:center;width:calc(var(--s-ui-tab-padding-inline) * 2 + var(--s-ui-tab-icon-slot-size));padding:var(--s-ui-tab-padding-block) var(--s-ui-tab-padding-inline)}.s-ui-tab--icon-only.s-ui-tab--appearance-primary.s-ui-tab--size-large .s-ui-tab__content{box-sizing:border-box;justify-content:center;width:var(--s-ui-tab-icon-slot-size);height:var(--s-ui-tab-icon-slot-size);padding:0}.s-ui-tab--icon-only.s-ui-tab--size-small{--s-ui-tab-min-height: var(--s-ui-dimension-32);--s-ui-tab-icon-padding: var(--s-ui-dimension-1)}.s-ui-tab--icon-only.s-ui-tab--appearance-primary.s-ui-tab--size-small .s-ui-tab__content{box-sizing:border-box;justify-content:center;width:var(--s-ui-tab-icon-slot-size);height:var(--s-ui-tab-icon-slot-size);padding:0}.s-ui-tab--icon-only.s-ui-tab--appearance-secondary.s-ui-tab--size-small{--s-ui-tab-min-height: var(--s-ui-dimension-24);--s-ui-tab-padding-inline: var(--s-ui-space-padding-2x-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-2x-small);--s-ui-tab-icon-padding: var(--s-ui-dimension-1);--s-ui-tab-icon-badge-offset: var(--s-ui-dimension-10)}.s-ui-tab--icon-only.s-ui-tab--appearance-secondary.s-ui-tab--size-small .s-ui-tab__content{box-sizing:border-box;justify-content:center;width:calc(var(--s-ui-tab-padding-inline) * 2 + var(--s-ui-tab-icon-slot-size));height:var(--s-ui-dimension-24);padding:var(--s-ui-tab-padding-block) var(--s-ui-tab-padding-inline)}.s-ui-tab--appearance-primary:hover:not(.s-ui-tab--disabled,.s-ui-tab--selected,.s-ui-tab--billing){--s-ui-tab-indicator-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-tab--appearance-primary:active:not(.s-ui-tab--disabled,.s-ui-tab--selected,.s-ui-tab--billing){--s-ui-tab-indicator-color: var(--s-ui-color-border-neutral-action-pressed);--s-ui-tab-label-color: var(--s-ui-color-text-surface-primary);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-primary)}.s-ui-tab--appearance-primary.s-ui-tab--selected:not(.s-ui-tab--billing){--s-ui-tab-label-color: var(--s-ui-color-text-main-enabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-enabled);--s-ui-tab-indicator-color: var(--s-ui-color-border-main-selected);--s-ui-tab-counter-bg: var(--s-ui-color-background-main-primary)}.s-ui-tab--appearance-primary.s-ui-tab--selected.s-ui-tab--billing{--s-ui-tab-label-color: var(--s-ui-color-text-main-enabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-enabled);--s-ui-tab-counter-bg: var(--s-ui-color-background-main-primary)}.s-ui-tab--appearance-primary.s-ui-tab--selected:hover:not(.s-ui-tab--disabled){--s-ui-tab-label-color: var(--s-ui-color-text-accent-blue-action-hovered);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-hovered)}.s-ui-tab--appearance-primary.s-ui-tab--selected:active:not(.s-ui-tab--disabled){--s-ui-tab-label-color: var(--s-ui-color-text-accent-blue-action-pressed);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-tab--appearance-secondary:hover:not(.s-ui-tab--disabled,.s-ui-tab--selected){--s-ui-tab-bg: var(--s-ui-color-background-neutral-action-calm-hovered)}.s-ui-tab--appearance-secondary:active:not(.s-ui-tab--disabled,.s-ui-tab--selected){--s-ui-tab-bg: var(--s-ui-color-background-neutral-action-calm-pressed);--s-ui-tab-label-color: var(--s-ui-color-text-surface-primary);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-primary)}.s-ui-tab--appearance-secondary.s-ui-tab--selected{--s-ui-tab-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-tab-label-color: var(--s-ui-color-text-main-enabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-enabled);--s-ui-tab-counter-bg: var(--s-ui-color-background-main-primary)}.s-ui-tab--appearance-secondary.s-ui-tab--selected:hover:not(.s-ui-tab--disabled){--s-ui-tab-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-tab-label-color: var(--s-ui-color-text-main-hovered);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-hovered)}.s-ui-tab--appearance-secondary.s-ui-tab--selected:active:not(.s-ui-tab--disabled){--s-ui-tab-bg: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-tab-label-color: var(--s-ui-color-text-main-pressed);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-tab--billing{transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab--billing:not(.s-ui-tab--disabled) .s-ui-tab__label,.s-ui-tab--billing:not(.s-ui-tab--disabled) .s-ui-tab__input{background-image:var(--s-ui-tab-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.s-ui-tab--billing:not(.s-ui-tab--disabled) .s-ui-tab__input::placeholder{background-image:var(--s-ui-tab-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.72}.s-ui-tab--billing:hover:not(.s-ui-tab--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-hover-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-hover-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-hover-stop-3)}.s-ui-tab--billing:active:not(.s-ui-tab--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-pressed-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-pressed-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-pressed-stop-3)}.s-ui-tab--billing.s-ui-tab--appearance-primary:not(.s-ui-tab--disabled){--s-ui-tab-indicator-color: transparent;--s-ui-tab-indicator-image: var(--s-ui-tab-billing-gradient);--s-ui-tab-indicator-opacity: 0}.s-ui-tab--billing.s-ui-tab--appearance-primary:hover:not(.s-ui-tab--disabled,.s-ui-tab--selected),.s-ui-tab--billing.s-ui-tab--appearance-primary:active:not(.s-ui-tab--disabled,.s-ui-tab--selected),.s-ui-tab--billing.s-ui-tab--appearance-primary.s-ui-tab--selected:not(.s-ui-tab--disabled){--s-ui-tab-indicator-opacity: 1}.s-ui-tab--appearance-secondary.s-ui-tab--editable:not(.s-ui-tab--disabled){background-color:var(--s-ui-color-surface-primary);border-radius:var(--s-ui-border-radius-base);outline:1px solid var(--s-ui-color-border-neutral-action-pressed);outline-offset:0;box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab--appearance-secondary.s-ui-tab--editable:not(.s-ui-tab--disabled) .s-ui-tab__content{background-color:transparent;box-shadow:none;outline:none}.s-ui-tab--editable-placeholder:not(.s-ui-tab--disabled) .s-ui-tab__label{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-tab--editable-placeholder:not(.s-ui-tab--disabled) .s-ui-tab__input{min-width:var(--s-ui-dimension-80)}.s-ui-tab--editable-value:not(.s-ui-tab--disabled) .s-ui-tab__input{color:var(--s-ui-color-text-surface-secondary)}.s-ui-tab--appearance-secondary.s-ui-tab--icon-only.s-ui-tab--size-small .s-ui-tab__icon-badge{top:var(--s-ui-dimension-12);left:var(--s-ui-dimension-14)}.s-ui-tab--appearance-secondary.s-ui-tab--icon-only:focus-visible{border-radius:var(--s-ui-border-radius-base);box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab--appearance-secondary.s-ui-tab--icon-only:focus-visible .s-ui-tab__content{box-shadow:none}.s-ui-tab--disabled{cursor:not-allowed;pointer-events:none}.s-ui-tab--disabled:not(.s-ui-tab--selected){--s-ui-tab-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-disabled);--s-ui-tab-counter-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-tab-counter-color: var(--s-ui-color-text-surface-disabled);--s-ui-tab-indicator-color: transparent}.s-ui-tab--disabled.s-ui-tab--appearance-primary.s-ui-tab--selected{--s-ui-tab-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-disabled);--s-ui-tab-indicator-color: var(--s-ui-color-icon-surface-disabled);--s-ui-tab-indicator-image: none;--s-ui-tab-indicator-opacity: 1;--s-ui-tab-counter-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-tab-counter-color: var(--s-ui-color-text-surface-disabled)}.s-ui-tab--disabled.s-ui-tab--appearance-secondary.s-ui-tab--selected{--s-ui-tab-bg: var(--s-ui-color-background-disabled-surface);--s-ui-tab-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-disabled);--s-ui-tab-counter-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-tab-counter-color: var(--s-ui-color-text-surface-disabled)}.s-ui-tab--disabled .s-ui-tab__icon-badge{background-color:var(--s-ui-color-background-neutral-tertiary);color:var(--s-ui-color-text-surface-static)}.s-ui-tab--disabled .s-ui-tab__icon-badge-icon{color:var(--s-ui-color-icon-surface-static)}.s-ui-tab--disabled.s-ui-tab--billing .s-ui-tab__label,.s-ui-tab--disabled.s-ui-tab--billing .s-ui-tab__input{background-image:none;background-clip:border-box;color:var(--s-ui-tab-label-color)}.s-ui-tab--link[aria-disabled=true]{cursor:not-allowed;pointer-events:none}.s-ui-tab:focus{outline:none}.s-ui-tab:focus-visible.s-ui-tab--appearance-primary.s-ui-tab--selected .s-ui-tab__content{background-color:var(--s-ui-color-surface-primary);box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab:focus-visible.s-ui-tab--appearance-secondary.s-ui-tab--selected:not(.s-ui-tab--editable) .s-ui-tab__content{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab--appearance-primary:focus-visible:not(.s-ui-tab--selected,.s-ui-tab--icon-only) .s-ui-tab__content,.s-ui-tab--appearance-primary.s-ui-tab--icon-only:focus-visible:not(.s-ui-tab--selected) .s-ui-tab__content{background-color:var(--s-ui-color-surface-primary);box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab--appearance-secondary:focus-visible:not(.s-ui-tab--selected,.s-ui-tab--icon-only,.s-ui-tab--editable) .s-ui-tab__content{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab:focus-visible:not(:active,.s-ui-tab--selected,.s-ui-tab--icon-only){--s-ui-tab-label-color: var(--s-ui-color-text-surface-tertiary)}.s-ui-tab--appearance-secondary.s-ui-tab--editable:focus-visible .s-ui-tab__content{outline:1px solid var(--s-ui-color-border-neutral-action-pressed);outline-offset:0}.s-ui-tab--appearance-primary:after{display:block}.s-ui-tab--appearance-secondary:after{display:none}}@layer components{.s-ui-tabs{--s-ui-tabs-track-gap: var(--s-ui-space-gap-x-medium);box-sizing:border-box;display:flex;align-items:center;min-width:0}.s-ui-tabs--size-small{--s-ui-tabs-track-gap: var(--s-ui-space-gap-small)}.s-ui-tabs--addable{--s-ui-tabs-add-gap: var(--s-ui-space-gap-x-medium);gap:var(--s-ui-tabs-add-gap)}.s-ui-tabs--addable.s-ui-tabs--size-small{--s-ui-tabs-add-gap: var(--s-ui-space-gap-small)}.s-ui-tabs--appearance-primary{border-bottom:1px solid var(--s-ui-color-border-neutral-primary)}.s-ui-tabs__body{position:relative;flex:1;min-width:0}.s-ui-tabs__scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.s-ui-tabs__scroll::-webkit-scrollbar{display:none}.s-ui-tabs__track{position:relative;display:inline-flex;align-items:center;gap:var(--s-ui-tabs-track-gap);min-width:min-content}.s-ui-tabs__indicator{position:absolute;bottom:0;left:0;z-index:1;box-sizing:border-box;height:var(--s-ui-dimension-3);background-color:var(--s-ui-color-border-main-selected);pointer-events:none;transition:transform var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),width var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard);will-change:transform,width}.s-ui-tabs__indicator--billing{background-color:transparent;background-image:linear-gradient(86deg,var(--s-ui-gradient-billing-stop-1-color) -3.31%,var(--s-ui-gradient-billing-stop-2-color) 53.31%,var(--s-ui-gradient-billing-stop-3-color) 109.94%)}.s-ui-tabs[aria-disabled=true] .s-ui-tabs__indicator{background-color:var(--s-ui-color-icon-surface-disabled);background-image:none}.s-ui-tabs--appearance-primary .s-ui-tab--selected:after{opacity:0}.s-ui-tabs__fade{position:absolute;top:50%;right:0;z-index:2;width:var(--s-ui-dimension-32);height:var(--s-ui-dimension-40);background:linear-gradient(to right,var(--s-ui-color-elevation-overlay-fade),var(--s-ui-color-surface-primary));opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tabs--size-small.s-ui-tabs--addable .s-ui-tabs__fade{top:calc(50% + var(--s-ui-dimension-4))}.s-ui-tabs__fade--visible{opacity:1}.s-ui-tabs__add{flex-shrink:0}}@layer components{.s-ui-tag{box-sizing:border-box;display:inline-flex;align-items:center;max-width:100%;border-radius:var(--s-ui-border-radius-base);color:var(--s-ui-color-text-surface-primary);background-color:var(--s-ui-tag-bg, transparent)}.s-ui-tag--link{text-decoration:none;color:inherit;cursor:pointer}.s-ui-tag__content{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.s-ui-tag__actions{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-2x-small)}.s-ui-tag__action-close{display:inline-flex;align-items:center}.s-ui-tag__actions .s-ui-button.s-ui-button--appearance-bare{--s-ui-button-padding: 0}.s-ui-tag--size-small,.s-ui-tag--size-medium{gap:var(--s-ui-space-gap-2x-small)}.s-ui-tag--size-small{padding:var(--s-ui-space-padding-2x-small) var(--s-ui-space-padding-x-small)}.s-ui-tag--size-medium{padding:var(--s-ui-space-padding-x-small)}.s-ui-tag--short{justify-content:center;min-width:var(--s-ui-space-padding-large)}.s-ui-tag--disabled{cursor:not-allowed;pointer-events:none}.s-ui-tag--selected{outline:1px solid var(--s-ui-color-border-main-selected);outline-offset:-1px;box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tag--color-red-orange{--s-ui-tag-bg: var(--s-ui-color-background-accent-red-orange-tertiary)}.s-ui-tag--color-orange{--s-ui-tag-bg: var(--s-ui-color-background-accent-orange-tertiary)}.s-ui-tag--color-yellow{--s-ui-tag-bg: var(--s-ui-color-background-accent-yellow-tertiary)}.s-ui-tag--color-green{--s-ui-tag-bg: var(--s-ui-color-background-accent-green-tertiary)}.s-ui-tag--color-teal{--s-ui-tag-bg: var(--s-ui-color-background-accent-teal-tertiary)}.s-ui-tag--color-cyan{--s-ui-tag-bg: var(--s-ui-color-background-accent-cyan-tertiary)}.s-ui-tag--color-blue{--s-ui-tag-bg: var(--s-ui-color-background-accent-blue-tertiary)}.s-ui-tag--color-indigo{--s-ui-tag-bg: var(--s-ui-color-background-accent-indigo-tertiary)}.s-ui-tag--color-violet{--s-ui-tag-bg: var(--s-ui-color-background-accent-violet-tertiary)}.s-ui-tag--color-magenta{--s-ui-tag-bg: var(--s-ui-color-background-accent-magenta-tertiary)}.s-ui-tag--color-pink{--s-ui-tag-bg: var(--s-ui-color-background-accent-pink-tertiary)}.s-ui-tag--color-red{--s-ui-tag-bg: var(--s-ui-color-background-accent-red-tertiary)}.s-ui-tag--color-gray{--s-ui-tag-bg: var(--s-ui-color-background-neutral-action-calm-enabled)}.s-ui-tag--color-white-border{--s-ui-tag-bg: var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-color-border-neutral-action-enabled);outline-offset:-1px}.s-ui-tag--color-white-border.s-ui-tag--selected{outline:1px solid var(--s-ui-color-border-main-selected);outline-offset:-1px}.s-ui-tag--color-billing{background-image:linear-gradient(86deg,var(--s-ui-gradient-billing-stop-1-color) -3.31%,var(--s-ui-gradient-billing-stop-2-color) 53.31%,var(--s-ui-gradient-billing-stop-3-color) 109.94%)}.s-ui-tag--color-billing .s-ui-tag__content{color:var(--s-ui-color-text-surface-static)}.s-ui-tag--color-billing-light{background-image:linear-gradient(-68deg,var(--s-ui-color-gradient-calm-blue) 24%,var(--s-ui-color-gradient-calm-magenta) 72.533%)}.s-ui-tag--color-billing-light .s-ui-tag__content{display:inline-block;background-image:var(--s-ui-gradient-billing);-webkit-background-clip:text;background-clip:text;color:transparent}.s-ui-tag:focus-visible,.s-ui-tag:has(.s-ui-button:focus-visible){outline:1px solid var(--s-ui-color-border-neutral-action-pressed);outline-offset:-1px;box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}}@layer components{.s-ui-tag-group{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-small);min-width:0}.s-ui-tag-group__cluster{box-sizing:border-box;display:inline-flex;flex-wrap:nowrap;align-items:center;min-width:0;padding-inline-end:var(--s-ui-space-padding-x-small)}.s-ui-tag-group__cluster .s-ui-tag:not(.s-ui-tag--color-white-border,:focus-visible,:has(.s-ui-button:focus-visible)){outline:1px solid var(--s-ui-color-border-neutral-static-base);outline-offset:-1px}.s-ui-tag-group__cluster .s-ui-tag{position:relative;flex-shrink:0;margin-inline-end:calc(-1 * var(--s-ui-space-padding-x-small))}}@layer components{.s-ui-textarea{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-ui-space-gap-x-small);width:100%}.s-ui-textarea__field{--s-ui-textarea-bg: var(--s-ui-color-surface-primary);--s-ui-textarea-outline-color: var(--s-ui-color-border-neutral-action-hovered);--s-ui-textarea-focus-shadow: transparent;box-sizing:border-box;display:flex;width:100%;min-width:0;min-height:var(--s-ui-dimension-40);padding:var(--s-ui-space-padding-small);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-textarea-bg);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-textarea__field--bordered{outline:1px solid var(--s-ui-textarea-outline-color);outline-offset:-1px}.s-ui-textarea__field--borderless{outline:1px solid transparent;outline-offset:-1px}.s-ui-textarea__field--bordered.s-ui-textarea__field--filled:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly,.s-ui-textarea__field--error,.s-ui-textarea__field--focused){--s-ui-textarea-outline-color: var(--s-ui-color-border-neutral-action-enabled)}.s-ui-textarea__field--bordered:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly,.s-ui-textarea__field--error):hover{--s-ui-textarea-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-textarea__field--borderless:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly,.s-ui-textarea__field--focused):hover{--s-ui-textarea-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-textarea-outline-color: transparent}.s-ui-textarea__field--borderless:not(.s-ui-textarea__field--filled,.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly):hover .s-ui-textarea__control::placeholder{color:var(--s-ui-color-text-surface-secondary)}.s-ui-textarea__field:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly).s-ui-textarea__field--focused{--s-ui-textarea-outline-color: var(--s-ui-color-border-neutral-action-pressed);--s-ui-textarea-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-textarea__field--borderless:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly).s-ui-textarea__field--focused{--s-ui-textarea-bg: var(--s-ui-color-surface-primary);--s-ui-textarea-outline-color: transparent}.s-ui-textarea__field--error:not(.s-ui-textarea__field--disabled){--s-ui-textarea-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-textarea__field--error:not(.s-ui-textarea__field--disabled).s-ui-textarea__field--focused{--s-ui-textarea-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-textarea__field--disabled{--s-ui-textarea-bg: var(--s-ui-color-background-disabled-surface);--s-ui-textarea-outline-color: transparent;cursor:not-allowed}.s-ui-textarea__field--readonly{--s-ui-textarea-bg: var(--s-ui-color-background-disabled-surface);--s-ui-textarea-outline-color: var(--s-ui-color-border-disabled-primary);cursor:default}.s-ui-textarea__field.s-ui-textarea__field--focused{box-shadow:var(--s-ui-textarea-focus-shadow)}.s-ui-textarea__control{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:calc(var(--s-ui-dimension-40) - (var(--s-ui-space-padding-small) * 2));margin:0;padding:var(--s-ui-space-gap-2x-small) var(--s-ui-space-gap-x-small);border:0;background:transparent;color:var(--s-ui-color-text-surface-primary);outline:none;resize:none;overflow:auto}.s-ui-textarea__field--resizable .s-ui-textarea__control{resize:vertical}.s-ui-textarea__control::placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-textarea__control:disabled{color:var(--s-ui-color-text-surface-disabled);cursor:not-allowed}.s-ui-textarea__control:read-only{color:var(--s-ui-color-text-surface-primary);cursor:default}.s-ui-textarea__footer{display:flex;align-items:flex-start;gap:var(--s-ui-space-gap-x-small);width:100%}.s-ui-textarea__messages{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--s-ui-space-gap-x-small);min-width:0}.s-ui-textarea__counter{flex-shrink:0;margin:0 0 0 auto;color:var(--s-ui-color-text-surface-secondary);text-align:right;-webkit-user-select:none;user-select:none}}@layer components{.s-ui-toggle{--s-ui-toggle-track-bg: var(--s-ui-color-background-neutral-action-calm-hovered);--s-ui-toggle-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-toggle-focus-shadow: transparent;--s-ui-toggle-thumb-translate: 0;--s-ui-toggle-thumb-shadow: 0 .5px 4px 0 var(--s-ui-color-elevation-shadow-element), 0 6px 13px 0 var(--s-ui-color-elevation-shadow-element);box-sizing:border-box;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none}.s-ui-toggle--disabled{cursor:not-allowed}.s-ui-toggle--size-large{--s-ui-toggle-track-width: var(--s-ui-dimension-40);--s-ui-toggle-track-height: var(--s-ui-dimension-24);--s-ui-toggle-thumb-shell-width: calc(var(--s-ui-dimension-20) + var(--s-ui-dimension-16));--s-ui-toggle-thumb-size: var(--s-ui-dimension-20);--s-ui-toggle-thumb-shadow: 0 .6px 4.8px 0 var(--s-ui-color-elevation-shadow-element), 0 7.2px 15.6px 0 var(--s-ui-color-elevation-shadow-element)}.s-ui-toggle--size-medium{--s-ui-toggle-track-width: var(--s-ui-dimension-32);--s-ui-toggle-track-height: var(--s-ui-dimension-20);--s-ui-toggle-thumb-shell-width: calc(var(--s-ui-dimension-20) + var(--s-ui-dimension-8));--s-ui-toggle-thumb-size: var(--s-ui-dimension-16)}.s-ui-toggle--size-small{--s-ui-toggle-track-width: var(--s-ui-dimension-24);--s-ui-toggle-track-height: var(--s-ui-dimension-14);--s-ui-toggle-thumb-shell-width: var(--s-ui-dimension-20);--s-ui-toggle-thumb-size: var(--s-ui-dimension-10)}.s-ui-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.s-ui-toggle__track{box-sizing:border-box;display:inline-flex;align-items:center;flex-shrink:0;width:var(--s-ui-toggle-track-width);height:var(--s-ui-toggle-track-height);padding:var(--s-ui-space-padding-2x-small);border-radius:var(--s-ui-border-radius-section);background-color:var(--s-ui-toggle-track-bg);outline:1px solid var(--s-ui-toggle-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-toggle-focus-shadow);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-toggle__thumb-shell{display:block;width:var(--s-ui-toggle-thumb-shell-width);height:100%}.s-ui-toggle__thumb{display:block;flex-shrink:0;width:var(--s-ui-toggle-thumb-size);height:var(--s-ui-toggle-thumb-size);border-radius:var(--s-ui-border-radius-rounded);background-color:var(--s-ui-color-icon-surface-static);box-shadow:var(--s-ui-toggle-thumb-shadow);transform:translate(var(--s-ui-toggle-thumb-translate));transition:transform var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-toggle__input:focus-visible+.s-ui-toggle__track{--s-ui-toggle-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-toggle--disabled .s-ui-toggle__input:focus-visible+.s-ui-toggle__track{--s-ui-toggle-focus-shadow: transparent}.s-ui-toggle--checked{--s-ui-toggle-thumb-translate: calc( var(--s-ui-toggle-thumb-shell-width) - var(--s-ui-toggle-thumb-size) )}.s-ui-toggle--checked:not(.s-ui-toggle--disabled){--s-ui-toggle-track-bg: var(--s-ui-color-background-main-action-loud-selected);--s-ui-toggle-outline-color: var(--s-ui-color-border-main-selected)}.s-ui-toggle--checked:not(.s-ui-toggle--disabled):hover{--s-ui-toggle-track-bg: var(--s-ui-color-background-main-action-loud-hovered);--s-ui-toggle-outline-color: var(--s-ui-color-border-main-hovered)}.s-ui-toggle--checked:not(.s-ui-toggle--disabled):active{--s-ui-toggle-track-bg: var(--s-ui-color-background-main-action-loud-pressed);--s-ui-toggle-outline-color: var(--s-ui-color-border-main-pressed)}.s-ui-toggle:not(.s-ui-toggle--disabled,.s-ui-toggle--checked):hover{--s-ui-toggle-track-bg: var(--s-ui-color-background-neutral-action-calm-hovered);--s-ui-toggle-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-toggle:not(.s-ui-toggle--disabled,.s-ui-toggle--checked):active{--s-ui-toggle-track-bg: var(--s-ui-color-background-neutral-action-calm-pressed);--s-ui-toggle-outline-color: var(--s-ui-color-border-neutral-action-pressed)}.s-ui-toggle--disabled{--s-ui-toggle-track-bg: var(--s-ui-color-background-disabled-surface);--s-ui-toggle-outline-color: var(--s-ui-color-border-disabled-primary)}}@layer components;
+@layer components{.s-ui-avatar{--s-ui-avatar-size: var(--s-ui-dimension-40);--s-ui-avatar-radius: var(--s-ui-border-radius-rounded);--s-ui-avatar-background: var(--s-ui-color-background-accent-teal-primary);--s-ui-avatar-color: var(--s-ui-color-text-surface-static);--s-ui-avatar-name-color: var(--s-ui-color-text-surface-primary);--s-ui-avatar-name-typography: var(--s-ui-typography-label-12-medium);--s-ui-avatar-outline-color: transparent;--s-ui-avatar-hover-shadow: var(--s-ui-shadow-hover);--s-ui-avatar-shadow: none;box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-small);max-width:100%;min-width:0;vertical-align:middle;-webkit-user-select:none;user-select:none}.s-ui-avatar:focus{outline:none}.s-ui-avatar__content{box-sizing:border-box;position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--s-ui-avatar-size);block-size:var(--s-ui-avatar-size);color:var(--s-ui-avatar-color);background:var(--s-ui-avatar-background);border-radius:var(--s-ui-avatar-radius);outline:1px solid var(--s-ui-avatar-outline-color);outline-offset:0;box-shadow:var(--s-ui-avatar-shadow);transition:box-shadow .2s ease,background-color .2s ease,outline-color .2s ease}.s-ui-avatar__image{display:block;inline-size:100%;block-size:100%;border-radius:inherit;object-fit:cover}.s-ui-avatar__initials,.s-ui-avatar__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%}.s-ui-avatar__initials{min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.s-ui-avatar__icon{color:var(--s-ui-avatar-color)}.s-ui-avatar__name{min-width:0;overflow:hidden;font:var(--s-ui-avatar-name-typography);color:var(--s-ui-avatar-name-color);text-overflow:ellipsis;white-space:nowrap}.s-ui-avatar-badge{--s-ui-avatar-badge-size: var(--s-ui-dimension-12);--s-ui-avatar-badge-dot-size: var(--s-ui-dimension-8);--s-ui-avatar-badge-icon-size: calc(var(--s-ui-avatar-badge-size) * .72);--s-ui-avatar-badge-offset: calc(var(--s-ui-dimension-2) * -1);--s-ui-avatar-badge-background: var(--s-ui-color-background-main-primary);--s-ui-avatar-badge-color: var(--s-ui-color-icon-surface-static);--s-ui-avatar-badge-local-icon-url: none;--s-ui-avatar-badge-outline-color: var(--s-ui-color-border-neutral-static-base);position:absolute;z-index:1;inset-block-end:var(--s-ui-avatar-badge-offset);inset-inline-end:var(--s-ui-avatar-badge-offset);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--s-ui-avatar-badge-size);block-size:var(--s-ui-avatar-badge-size);color:var(--s-ui-avatar-badge-color);pointer-events:none}.s-ui-avatar-badge__dot,.s-ui-avatar-badge__icon.s-ui-icon,.s-ui-avatar-badge__local-icon{background:var(--s-ui-avatar-badge-background);border-radius:var(--s-ui-border-radius-rounded);outline:1px solid var(--s-ui-avatar-badge-outline-color);outline-offset:0}.s-ui-avatar-badge__dot{display:block;inline-size:var(--s-ui-avatar-badge-dot-size);block-size:var(--s-ui-avatar-badge-dot-size);box-shadow:0 1px 2px 0 var(--s-ui-color-elevation-shadow-card)}.s-ui-avatar-badge__icon.s-ui-icon,.s-ui-avatar-badge__local-icon{--s-ui-icon-size: var(--s-ui-avatar-badge-icon-size);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--s-ui-avatar-badge-size);block-size:var(--s-ui-avatar-badge-size)}.s-ui-avatar-badge__icon.s-ui-icon>svg{display:block;inline-size:var(--s-ui-icon-size);block-size:var(--s-ui-icon-size)}.s-ui-avatar-badge__local-icon:before{display:block;inline-size:var(--s-ui-icon-size);block-size:var(--s-ui-icon-size);content:"";background:currentColor;-webkit-mask:var(--s-ui-avatar-badge-local-icon-url) center / contain no-repeat;mask:var(--s-ui-avatar-badge-local-icon-url) center / contain no-repeat}.s-ui-avatar-badge--size-m{--s-ui-avatar-badge-size: var(--s-ui-dimension-16);--s-ui-avatar-badge-dot-size: var(--s-ui-dimension-10);--s-ui-avatar-badge-offset: 0}.s-ui-avatar-badge--size-l{--s-ui-avatar-badge-size: var(--s-ui-dimension-20);--s-ui-avatar-badge-dot-size: var(--s-ui-dimension-12);--s-ui-avatar-badge-offset: 0}.s-ui-avatar--size-48 .s-ui-avatar-badge{--s-ui-avatar-badge-offset: 0}.s-ui-avatar--size-20 .s-ui-avatar-badge,.s-ui-avatar--size-16 .s-ui-avatar-badge{--s-ui-avatar-badge-offset: calc(var(--s-ui-dimension-2) * -2)}.s-ui-avatar-badge--type-online,.s-ui-avatar-badge--type-done{--s-ui-avatar-badge-background: var(--s-ui-color-background-success-action-loud-enabled)}.s-ui-avatar-badge--type-offline{--s-ui-avatar-badge-background: var(--s-ui-color-surface-primary);--s-ui-avatar-badge-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-avatar-badge--type-recently,.s-ui-avatar-badge--type-favorite{--s-ui-avatar-badge-background: var(--s-ui-color-background-accent-yellow-primary)}.s-ui-avatar-badge--type-error{--s-ui-avatar-badge-background: var(--s-ui-color-background-accent-red-primary)}.s-ui-avatar-badge--type-controller{--s-ui-avatar-badge-icon-size: calc(var(--s-ui-avatar-badge-size) * .76)}.s-ui-avatar-badge--type-private{--s-ui-avatar-badge-icon-size: calc(var(--s-ui-avatar-badge-size) * .86);--s-ui-avatar-badge-background: var(--s-ui-gradient-billing)}.s-ui-avatar--size-80{--s-ui-avatar-size: var(--s-ui-dimension-80)}.s-ui-avatar--size-72{--s-ui-avatar-size: var(--s-ui-dimension-72)}.s-ui-avatar--size-64{--s-ui-avatar-size: var(--s-ui-dimension-64)}.s-ui-avatar--size-56{--s-ui-avatar-size: var(--s-ui-dimension-56)}.s-ui-avatar--size-48{--s-ui-avatar-size: var(--s-ui-dimension-48)}.s-ui-avatar--size-40{--s-ui-avatar-size: var(--s-ui-dimension-40)}.s-ui-avatar--size-32{--s-ui-avatar-size: var(--s-ui-dimension-32)}.s-ui-avatar--size-24{--s-ui-avatar-size: var(--s-ui-dimension-24)}.s-ui-avatar--size-20{--s-ui-avatar-size: var(--s-ui-dimension-20)}.s-ui-avatar--size-16{--s-ui-avatar-size: var(--s-ui-dimension-16)}.s-ui-avatar--shape-square{--s-ui-avatar-radius: var(--s-ui-border-radius-base)}.s-ui-avatar--color-teal{--s-ui-avatar-background: var(--s-ui-color-background-accent-teal-primary)}.s-ui-avatar--color-cyan{--s-ui-avatar-background: var(--s-ui-color-background-accent-cyan-primary)}.s-ui-avatar--color-indigo{--s-ui-avatar-background: var(--s-ui-color-background-accent-indigo-primary)}.s-ui-avatar--color-violet{--s-ui-avatar-background: var(--s-ui-color-background-accent-violet-primary)}.s-ui-avatar--color-pink{--s-ui-avatar-background: var(--s-ui-color-background-accent-pink-primary)}.s-ui-avatar--color-surface{--s-ui-avatar-background: var(--s-ui-color-surface-primary);--s-ui-avatar-color: var(--s-ui-color-text-surface-primary)}.s-ui-avatar--bordered{--s-ui-avatar-outline-color: var(--s-ui-color-border-neutral-static-base)}.s-ui-avatar--bordered.s-ui-avatar--color-surface{--s-ui-avatar-outline-color: var(--s-ui-color-border-neutral-action-enabled)}.s-ui-avatar--icon-background-neutral.s-ui-avatar--icon{--s-ui-avatar-background: var(--s-ui-color-background-neutral-action-calm-enabled);--s-ui-avatar-color: var(--s-ui-color-icon-surface-secondary);--s-ui-avatar-hover-shadow: 0 1px 4px 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-avatar--icon-background-main.s-ui-avatar--icon{--s-ui-avatar-background: var(--s-ui-color-background-main-action-calm-enabled);--s-ui-avatar-color: var(--s-ui-color-icon-main-enabled);--s-ui-avatar-hover-shadow: 0 1px 4px 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-avatar--disabled{opacity:.38;pointer-events:none}.s-ui-avatar:not(.s-ui-avatar--disabled):hover{--s-ui-avatar-shadow: var(--s-ui-avatar-hover-shadow)}.s-ui-avatar:not(.s-ui-avatar--disabled):focus-visible{--s-ui-avatar-outline-color: var(--s-ui-color-border-main-selected);--s-ui-avatar-shadow: var(--s-ui-shadow-focus-ring)}}@layer components{.s-ui-avatar-group{--s-ui-avatar-group-overlap: var(--s-ui-dimension-4);--s-ui-avatar-group-overflow-background: var(--s-ui-color-surface-primary);--s-ui-avatar-group-overflow-color: var(--s-ui-color-text-surface-primary);--s-ui-avatar-group-overflow-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-avatar-group-overflow-size: var(--s-ui-dimension-20);box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-small);max-width:100%;min-width:0;color:var(--s-ui-color-text-surface-primary)}.s-ui-avatar-group__cluster{box-sizing:border-box;display:inline-flex;align-items:center;min-width:0;isolation:isolate}.s-ui-avatar-group__cluster:empty{display:none}.s-ui-avatar-group__cluster .s-ui-avatar{position:relative;z-index:var(--s-ui-avatar-group-item-z-index, 0)}.s-ui-avatar-group__cluster .s-ui-avatar:not(:last-child){margin-inline-end:calc(-1 * var(--s-ui-avatar-group-overlap))}.s-ui-avatar-group__cluster .s-ui-avatar:not(.s-ui-avatar--disabled):focus-visible{z-index:1000}.s-ui-avatar-group--size-extra-small{--s-ui-avatar-group-overflow-size: var(--s-ui-dimension-16)}.s-ui-avatar-group--size-extra-small .s-ui-avatar-group__overflow{font:var(--s-ui-typography-label-10-medium)}.s-ui-avatar-group--size-medium{--s-ui-avatar-group-overflow-size: var(--s-ui-dimension-24)}.s-ui-avatar-group__overflow{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-avatar-group-overflow-size);height:var(--s-ui-avatar-group-overflow-size);font:var(--s-ui-typography-label-12-medium);color:var(--s-ui-avatar-group-overflow-color);-webkit-user-select:none;user-select:none;background:var(--s-ui-avatar-group-overflow-background);border-radius:var(--s-ui-border-radius-rounded);outline:1px solid var(--s-ui-avatar-group-overflow-outline-color);outline-offset:0}.s-ui-avatar-group--disabled{pointer-events:none}.s-ui-avatar-group--disabled .s-ui-avatar-group__cluster{opacity:.38}.s-ui-avatar-group--disabled .s-ui-avatar-group__cluster .s-ui-avatar.s-ui-avatar--disabled{opacity:1}.s-ui-avatar-group--disabled .s-ui-avatar-group__overflow{opacity:.38}}@layer components{.s-ui-badge{--s-ui-badge-bg: var(--s-ui-color-background-accent-red-primary);--s-ui-badge-color: var(--s-ui-color-text-surface-static);box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-height:var(--s-ui-dimension-14);padding:var(--s-ui-dimension-1) var(--s-ui-space-padding-x-small);border-radius:var(--s-ui-border-radius-rounded);background-color:var(--s-ui-badge-bg);color:var(--s-ui-badge-color)}.s-ui-badge-anchor{position:relative;display:inline-flex;vertical-align:middle}.s-ui-badge--anchored{--s-ui-badge-offset-x: 0px;--s-ui-badge-offset-y: 0px;position:absolute;z-index:1;pointer-events:none}.s-ui-badge--placement-top-end{top:0;right:0;transform:translate(calc(50% + var(--s-ui-badge-offset-x)),calc(-50% + var(--s-ui-badge-offset-y)))}.s-ui-badge--placement-top-start{top:0;left:0;transform:translate(calc(-50% + var(--s-ui-badge-offset-x)),calc(-50% + var(--s-ui-badge-offset-y)))}.s-ui-badge--placement-bottom-end{bottom:0;right:0;transform:translate(calc(50% + var(--s-ui-badge-offset-x)),calc(50% + var(--s-ui-badge-offset-y)))}.s-ui-badge--placement-bottom-start{bottom:0;left:0;transform:translate(calc(-50% + var(--s-ui-badge-offset-x)),calc(50% + var(--s-ui-badge-offset-y)))}.s-ui-badge--single{min-width:var(--s-ui-dimension-14);padding-inline:var(--s-ui-dimension-1)}.s-ui-badge__label{display:inline-flex;align-items:center;justify-content:center;min-width:var(--s-ui-dimension-8);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.s-ui-badge--color-danger{--s-ui-badge-bg: var(--s-ui-color-background-accent-red-primary);--s-ui-badge-color: var(--s-ui-color-text-surface-static)}.s-ui-badge--color-main{--s-ui-badge-bg: var(--s-ui-color-background-main-primary);--s-ui-badge-color: var(--s-ui-color-text-surface-static)}.s-ui-badge--color-gray{--s-ui-badge-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-badge-color: var(--s-ui-color-text-surface-static)}.s-ui-badge--color-white{--s-ui-badge-bg: var(--s-ui-color-surface-primary);--s-ui-badge-color: var(--s-ui-color-text-accent-blue-primary)}.s-ui-badge--color-disabled{--s-ui-badge-bg: var(--s-ui-color-background-disabled-surface);--s-ui-badge-color: var(--s-ui-color-text-surface-disabled)}}@layer components{.s-ui-button-group{display:inline-flex;flex-wrap:nowrap;align-items:stretch}.s-ui-button-group--orientation-vertical{flex-direction:column}.s-ui-button-group--layout-separated{gap:var(--s-ui-space-gap-small)}.s-ui-button-group__item{display:inline-flex}.s-ui-button-group--layout-attached>.s-ui-button,.s-ui-button-group--layout-attached>.s-ui-button-group__item .s-ui-button-group__button{transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-button-group--layout-attached>.s-ui-button.s-ui-button--variant-billing,.s-ui-button-group--layout-attached>.s-ui-button-group__item .s-ui-button-group__button.s-ui-button--variant-billing{transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-inline-start:-1px}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;margin-block-start:-1px}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button-group__item:not(:first-child){margin-inline-start:-1px}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button-group__item:not(:first-child) .s-ui-button-group__button{border-top-left-radius:0;border-bottom-left-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button-group__item:not(:last-child) .s-ui-button-group__button{border-top-right-radius:0;border-bottom-right-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button-group__item:not(:first-child){margin-block-start:-1px}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button-group__item:not(:first-child) .s-ui-button-group__button{border-top-left-radius:0;border-top-right-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button-group__item:not(:last-child) .s-ui-button-group__button{border-bottom-left-radius:0;border-bottom-right-radius:0}.s-ui-button-group--layout-attached>.s-ui-button:hover:not(.s-ui-button--disabled),.s-ui-button-group--layout-attached>.s-ui-button:focus-visible:not(.s-ui-button--disabled),.s-ui-button-group--layout-attached>.s-ui-button-group__item:has(.s-ui-button-group__button:hover:not(.s-ui-button--disabled)),.s-ui-button-group--layout-attached>.s-ui-button-group__item:has(.s-ui-button-group__button:focus-visible:not(.s-ui-button--disabled)){z-index:1}.s-ui-button-group--layout-attached>.s-ui-button.s-ui-button--active:not(.s-ui-button--disabled),.s-ui-button-group--layout-attached>.s-ui-button-group__item:has(.s-ui-button-group__button.s-ui-button--active:not(.s-ui-button--disabled)){z-index:2}.s-ui-button-group--layout-attached>.s-ui-button:active:not(.s-ui-button--disabled),.s-ui-button-group--layout-attached>.s-ui-button-group__item:has(.s-ui-button-group__button:active:not(.s-ui-button--disabled)){z-index:3}}@layer components{.s-ui-button{--s-ui-button-border-radius: var(--s-ui-border-radius-sub-section);--s-ui-button-border: none;--s-ui-button-cursor: pointer;--s-ui-button-shadow: none;--s-ui-button-action-color-enabled: var(--s-ui-color-text-main-enabled);--s-ui-button-action-color-hovered: var(--s-ui-color-text-main-hovered);--s-ui-button-action-color-pressed: var(--s-ui-color-text-main-pressed);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-main-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-main-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-main-action-loud-pressed);--s-ui-button-loud-background-selected: var(--s-ui-color-background-main-action-loud-selected);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-main-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-button-calm-background-selected: var(--s-ui-color-background-main-action-calm-selected);--s-ui-button-border-enabled: var(--s-ui-color-border-main-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-main-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-main-pressed);--s-ui-button-border-selected: var(--s-ui-color-border-main-selected);--s-ui-button-outline-offset: 0;--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-disabled-background-color: var(--s-ui-color-background-disabled-main);position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:var(--s-ui-button-cursor);padding:var(--s-ui-button-padding);box-sizing:border-box;background-color:var(--s-ui-button-background-color);color:var(--s-ui-button-color);border-radius:var(--s-ui-button-border-radius);border:var(--s-ui-button-border);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard);outline:var(--s-ui-button-outline-width) solid var(--s-ui-button-outline-color);outline-offset:var(--s-ui-button-outline-offset);box-shadow:var(--s-ui-button-shadow)}.s-ui-button--link{text-decoration:none;cursor:var(--s-ui-button-cursor)}.s-ui-button--variant-neutral{--s-ui-button-action-color-enabled: var(--s-ui-color-text-surface-tertiary);--s-ui-button-action-color-hovered: var(--s-ui-color-text-surface-secondary);--s-ui-button-action-color-pressed: var(--s-ui-color-text-surface-primary);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-neutral-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-neutral-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-neutral-action-loud-pressed);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-neutral-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-neutral-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-neutral-action-calm-pressed);--s-ui-button-border-enabled: var(--s-ui-color-border-neutral-action-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-neutral-action-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-neutral-action-pressed);--s-ui-button-disabled-background-color: var(--s-ui-color-background-disabled-surface)}.s-ui-button--variant-danger{--s-ui-button-action-color-enabled: var(--s-ui-color-text-accent-red-action-enabled);--s-ui-button-action-color-hovered: var(--s-ui-color-text-accent-red-action-hovered);--s-ui-button-action-color-pressed: var(--s-ui-color-text-accent-red-action-pressed);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-danger-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-danger-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-danger-action-loud-pressed);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-danger-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-danger-action-calm-pressed);--s-ui-button-border-enabled: var(--s-ui-color-border-danger-action-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-danger-action-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-danger-action-pressed);--s-ui-button-disabled-background-color: var(--s-ui-color-background-disabled-danger)}.s-ui-button--variant-success{--s-ui-button-action-color-enabled: var(--s-ui-color-text-accent-green-action-enabled);--s-ui-button-action-color-hovered: var(--s-ui-color-text-accent-green-action-hovered);--s-ui-button-action-color-pressed: var(--s-ui-color-text-accent-green-action-pressed);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-success-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-success-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-success-action-loud-pressed);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-success-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-success-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-success-action-calm-pressed);--s-ui-button-border-enabled: var(--s-ui-color-border-success-action-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-success-action-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-success-action-pressed);--s-ui-button-disabled-background-color: var(--s-ui-color-background-disabled-success)}.s-ui-button--variant-billing{--s-ui-button-action-color-enabled: var(--s-ui-color-text-accent-billing-action-enabled);--s-ui-button-action-color-hovered: var(--s-ui-color-text-accent-billing-action-hovered);--s-ui-button-action-color-pressed: var(--s-ui-color-text-accent-billing-action-pressed);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-billing-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-billing-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-billing-action-loud-pressed);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-billing-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-billing-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-billing-action-calm-pressed);--s-ui-button-border-enabled: var(--s-ui-color-border-billing-action-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-billing-action-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-billing-action-pressed);--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-stop-1-color);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-stop-2-color);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-stop-3-color);--s-ui-button-billing-gradient: linear-gradient( 86deg, var(--s-ui-billing-interp-stop-1) -3.31%, var(--s-ui-billing-interp-stop-2) 53.31%, var(--s-ui-billing-interp-stop-3) 109.94% );transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-button--variant-billing:hover:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-hover-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-hover-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-hover-stop-3)}.s-ui-button--variant-billing:active:not(.s-ui-button--disabled,.s-ui-button--loading),.s-ui-button--variant-billing.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-pressed-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-pressed-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-pressed-stop-3)}.s-ui-button--tab-focus:focus-visible{--s-ui-button-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-button--tab-focus.s-ui-button--disabled:focus-visible,.s-ui-button--tab-focus.s-ui-button--loading:focus-visible{outline:none}.s-ui-button__inner{display:inline-flex;align-items:center;gap:var(--s-ui-button-gap)}.s-ui-button__inner .s-ui-icon>svg{box-sizing:border-box}.s-ui-button--size-large .s-ui-button__inner .s-ui-icon>svg{padding:2px}.s-ui-button--size-medium .s-ui-button__inner .s-ui-icon>svg{padding:1px}.s-ui-button--loading .s-ui-button__inner{visibility:hidden}.s-ui-button__spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.s-ui-button--loading{pointer-events:none}.s-ui-button--size-small{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding: var(--s-ui-space-padding-x-small) var(--s-ui-space-padding-small);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-button--size-medium{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding-block: var(--s-ui-space-padding-between-x-small-small);--s-ui-button-padding: var(--s-ui-button-padding-block) var(--s-ui-space-padding-medium);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-button--size-large{--s-ui-button-gap: var(--s-ui-space-gap-x-small);--s-ui-button-padding: var(--s-ui-space-padding-small) var(--s-ui-space-padding-x-medium)}.s-ui-button--icon-only.s-ui-button--size-small{--s-ui-button-padding: var(--s-ui-space-padding-x-small)}.s-ui-button--icon-only.s-ui-button--size-medium{--s-ui-button-padding: var(--s-ui-button-padding-block)}.s-ui-button--icon-only.s-ui-button--size-large{--s-ui-button-padding: var(--s-ui-space-padding-small)}.s-ui-button--appearance-major{--s-ui-button-background-color: var(--s-ui-button-loud-background-enabled);--s-ui-button-color: var(--s-ui-color-text-surface-static)}.s-ui-button--appearance-major:hover{--s-ui-button-background-color: var(--s-ui-button-loud-background-hovered)}.s-ui-button--appearance-major:active{--s-ui-button-background-color: var(--s-ui-button-loud-background-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-major.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-loud-background-selected)}.s-ui-button--variant-billing.s-ui-button--appearance-major{background-color:transparent;background-image:var(--s-ui-button-billing-gradient)}.s-ui-button--appearance-minor{--s-ui-button-background-color: var(--s-ui-button-calm-background-enabled);--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--appearance-minor:hover{--s-ui-button-background-color: var(--s-ui-button-calm-background-hovered);--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-button--appearance-minor:active{--s-ui-button-background-color: var(--s-ui-button-calm-background-pressed);--s-ui-button-color: var(--s-ui-button-action-color-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-minor.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-calm-background-selected);--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--variant-billing.s-ui-button--appearance-minor:not(.s-ui-button--disabled){--s-ui-button-background-color: var(--s-ui-color-surface-primary);background-image:linear-gradient(86deg,color-mix(in srgb,var(--s-ui-billing-interp-stop-1) 14%,var(--s-ui-color-surface-primary)) -3.31%,color-mix(in srgb,var(--s-ui-billing-interp-stop-2) 14%,var(--s-ui-color-surface-primary)),color-mix(in srgb,var(--s-ui-billing-interp-stop-3) 14%,var(--s-ui-color-surface-primary)) 109.94%)}.s-ui-button--variant-billing.s-ui-button--appearance-minor:not(.s-ui-button--disabled,.s-ui-button--loading):is(:hover,:active),.s-ui-button--variant-billing.s-ui-button--appearance-minor.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major,.s-ui-button--disabled) .s-ui-button__label{background-image:var(--s-ui-button-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major).s-ui-button--disabled .s-ui-button__label{background-image:none;background-clip:unset;filter:none;color:var(--s-ui-color-text-surface-disabled)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major).s-ui-button--loading .s-ui-button__label{background-image:none;background-clip:unset;filter:none;color:transparent}.s-ui-button--appearance-surface{--s-ui-button-background-color: var(--s-ui-button-calm-background-enabled);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-button-border-enabled)}.s-ui-button--appearance-surface:hover{--s-ui-button-background-color: var(--s-ui-button-calm-background-hovered);--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover);--s-ui-button-outline-color: var(--s-ui-button-border-hovered)}.s-ui-button--appearance-surface:active{--s-ui-button-background-color: var(--s-ui-button-calm-background-pressed);--s-ui-button-color: var(--s-ui-button-action-color-pressed);--s-ui-button-outline-color: var(--s-ui-button-border-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-surface.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-calm-background-selected);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-color: var(--s-ui-button-border-selected)}.s-ui-button--appearance-outlined{--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-button-border-enabled)}.s-ui-button--appearance-outlined:hover{--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover);--s-ui-button-outline-color: var(--s-ui-button-border-hovered)}.s-ui-button--appearance-outlined:active{--s-ui-button-color: var(--s-ui-button-action-color-pressed);--s-ui-button-outline-color: var(--s-ui-button-border-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-outlined.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-color: var(--s-ui-button-border-selected)}.s-ui-button--appearance-bare:not(.s-ui-button--icon-only){--s-ui-button-padding: 0}.s-ui-button--appearance-bare{--s-ui-button-background-color: transparent;--s-ui-button-border: none;--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--appearance-bare:hover{--s-ui-button-color: var(--s-ui-button-action-color-hovered)}.s-ui-button--appearance-bare:active:not(.s-ui-button--active),.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--icon-only){--s-ui-button-color: var(--s-ui-button-action-color-pressed)}.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading):is(.s-ui-button--variant-main,.s-ui-button--variant-danger,.s-ui-button--variant-success){--s-ui-button-background-color: var(--s-ui-button-loud-background-enabled);--s-ui-button-color: var(--s-ui-color-text-surface-static)}.s-ui-button--variant-main.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-background-main-action-loud-selected)}.s-ui-button--variant-neutral.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--variant-billing.s-ui-button--appearance-surface:not(.s-ui-button--disabled){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid transparent;--s-ui-button-background-color: var(--s-ui-color-surface-primary);background-image:linear-gradient(86deg,color-mix(in srgb,var(--s-ui-billing-interp-stop-1) 14%,var(--s-ui-color-surface-primary)) -3.31%,color-mix(in srgb,var(--s-ui-billing-interp-stop-2) 14%,var(--s-ui-color-surface-primary)),color-mix(in srgb,var(--s-ui-billing-interp-stop-3) 14%,var(--s-ui-color-surface-primary)) 109.94%),var(--s-ui-button-billing-gradient);background-origin:border-box;background-clip:padding-box,border-box}.s-ui-button--variant-billing.s-ui-button--appearance-surface:not(.s-ui-button--disabled,.s-ui-button--loading):is(:hover,:active),.s-ui-button--variant-billing.s-ui-button--appearance-surface.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary)}.s-ui-button--variant-billing.s-ui-button--appearance-outlined:not(.s-ui-button--disabled){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid transparent;background-color:transparent;background-image:var(--s-ui-gradient-surface-primary-layer),var(--s-ui-button-billing-gradient);background-origin:border-box;background-clip:padding-box,border-box}.s-ui-button--disabled:not(.s-ui-button--appearance-bare){--s-ui-button-background-color: var(--s-ui-button-disabled-background-color);--s-ui-button-color: var(--s-ui-color-text-surface-disabled);--s-ui-button-cursor: not-allowed;--s-ui-button-shadow: none}.s-ui-button--variant-billing.s-ui-button--appearance-major.s-ui-button--disabled{--s-ui-button-background-color: var(--s-ui-color-border-disabled-primary);background-color:var(--s-ui-color-border-disabled-primary);background-image:none}.s-ui-button--variant-billing.s-ui-button--disabled:is(.s-ui-button--appearance-minor,.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-background-color: var(--s-ui-color-background-disabled-surface);background-color:var(--s-ui-color-background-disabled-surface);background-image:none}.s-ui-button--disabled:is(.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-button-border: none}.s-ui-button--variant-billing.s-ui-button--disabled:is(.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid var(--s-ui-color-border-disabled-primary)}.s-ui-button--appearance-outlined.s-ui-button--disabled:not(.s-ui-button--variant-main){--s-ui-button-background-color: transparent}.s-ui-button--appearance-bare.s-ui-button--disabled{--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-color-text-surface-disabled);--s-ui-button-cursor: not-allowed;--s-ui-button-shadow: none}}@layer components{.s-ui-checkbox{--s-ui-checkbox-bg: var(--s-ui-color-border-neutral-static-base);--s-ui-checkbox-outline-color: var(--s-ui-color-border-neutral-secondary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-surface-static);--s-ui-checkbox-focus-shadow: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.s-ui-checkbox--disabled{cursor:not-allowed}.s-ui-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.s-ui-checkbox__control{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-checkbox-bg);outline:1px solid var(--s-ui-checkbox-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-checkbox-focus-shadow);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-checkbox__control:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element),inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element)}.s-ui-checkbox__icon{color:var(--s-ui-checkbox-icon-color)}.s-ui-checkbox--size-extra-small .s-ui-checkbox__control{width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16)}.s-ui-checkbox--size-small .s-ui-checkbox__control{width:var(--s-ui-dimension-24);height:var(--s-ui-dimension-24)}.s-ui-checkbox__input:focus-visible+.s-ui-checkbox__control{--s-ui-checkbox-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-checkbox--disabled .s-ui-checkbox__input:focus-visible+.s-ui-checkbox__control{--s-ui-checkbox-focus-shadow: transparent}.s-ui-checkbox--color-main:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):hover{--s-ui-checkbox-outline-color: var(--s-ui-color-border-neutral-tertiary)}.s-ui-checkbox--color-main:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):active{--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-selected)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):hover{--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-hovered)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):active{--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-pressed)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate){--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-enabled)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled),.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled){--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-enabled);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-enabled)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):hover,.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):hover{--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-hovered);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-hovered)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):active,.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):active{--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-pressed);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-pressed)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled),.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled){--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-enabled);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-enabled)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):hover,.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):hover{--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-hovered);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-hovered)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):active,.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):active{--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-pressed);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-pressed)}.s-ui-checkbox--disabled:not(.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate){--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-surface);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary)}.s-ui-checkbox--color-main.s-ui-checkbox--disabled.s-ui-checkbox--checked,.s-ui-checkbox--color-main.s-ui-checkbox--disabled.s-ui-checkbox--indeterminate{--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-main);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-accent-blue-disabled)}.s-ui-checkbox--color-success.s-ui-checkbox--disabled.s-ui-checkbox--checked,.s-ui-checkbox--color-success.s-ui-checkbox--disabled.s-ui-checkbox--indeterminate{--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-success);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-accent-green-disabled)}}@layer components{.s-ui-card{--s-ui-card-bg: var(--s-ui-color-surface-primary);--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-card-title-color: var(--s-ui-color-text-surface-primary);--s-ui-card-subtitle-color: var(--s-ui-color-text-surface-tertiary);--s-ui-card-meta-color: var(--s-ui-color-text-surface-tertiary);--s-ui-card-icon-bg: var(--s-ui-color-background-main-tertiary);--s-ui-card-icon-color: var(--s-ui-color-icon-main-enabled);--s-ui-card-shadow: none;position:relative;box-sizing:border-box;display:flex;overflow:clip;color:var(--s-ui-card-title-color);text-decoration:none;background-color:var(--s-ui-card-bg);border-radius:var(--s-ui-border-radius-sub-section);outline:1px solid var(--s-ui-card-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-card-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card--layout-card{inline-size:252px;min-block-size:102px;flex-direction:column;align-items:center;padding:var(--s-ui-space-padding-x-small)}.s-ui-card--layout-list{inline-size:100%;min-block-size:var(--s-ui-dimension-40);align-items:flex-start;justify-content:center;padding:var(--s-ui-space-padding-small)}.s-ui-card--link{color:var(--s-ui-card-title-color)}.s-ui-card:not(.s-ui-card--disabled,.s-ui-card--skeleton):hover{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-hovered);--s-ui-card-shadow: var(--s-ui-dimension-4) var(--s-ui-dimension-4) var(--s-ui-dimension-12) 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-card:not(.s-ui-card--disabled,.s-ui-card--skeleton):active{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-pressed);--s-ui-card-shadow: var(--s-ui-dimension-4) var(--s-ui-dimension-4) var(--s-ui-dimension-12) 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-card:focus-visible{--s-ui-card-shadow: 0 0 0 var(--s-ui-dimension-2) var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-card--selected{--s-ui-card-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-card-outline-color: var(--s-ui-color-border-main-selected)}.s-ui-card--layout-list.s-ui-card--selected{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-card--disabled{--s-ui-card-bg: var(--s-ui-color-background-disabled-surface);--s-ui-card-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-card-title-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-subtitle-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-meta-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-icon-bg: var(--s-ui-color-background-neutral-primary);--s-ui-card-icon-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed}.s-ui-card--skeleton{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-enabled);cursor:progress}.s-ui-card__content{box-sizing:border-box;display:flex;min-inline-size:0}.s-ui-card--layout-card .s-ui-card__content{inline-size:100%;flex-direction:column;align-items:flex-start;gap:var(--s-ui-space-gap-2x-small);padding:var(--s-ui-space-padding-x-small)}.s-ui-card--layout-list .s-ui-card__content{flex:1 1 auto;align-items:center;gap:var(--s-ui-space-gap-medium);min-inline-size:0;padding:var(--s-ui-space-padding-x-small)}.s-ui-card__content--skeleton{inline-size:100%}.s-ui-card__icon{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--s-ui-dimension-24);block-size:var(--s-ui-dimension-24);padding:var(--s-ui-space-padding-x-small);color:var(--s-ui-card-icon-color);background-color:var(--s-ui-card-icon-bg);border-radius:var(--s-ui-border-radius-base)}.s-ui-card__text{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0;gap:var(--s-ui-space-gap-2x-small)}.s-ui-card--layout-card .s-ui-card__text{inline-size:100%;min-block-size:calc(var(--s-ui-dimension-20) * 3)}.s-ui-card--layout-list .s-ui-card__text{justify-content:center}.s-ui-card__title,.s-ui-card__subtitle{min-inline-size:0;overflow:hidden;overflow-wrap:anywhere;color:var(--s-ui-card-title-color)}.s-ui-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.s-ui-card--layout-list .s-ui-card__title,.s-ui-card--layout-list .s-ui-card__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-ui-card__subtitle{color:var(--s-ui-card-subtitle-color)}.s-ui-card__meta{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-2x-small);color:var(--s-ui-card-meta-color);white-space:nowrap;transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),visibility var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card--layout-card .s-ui-card__meta{position:absolute;inset-block-start:var(--s-ui-space-padding-small);inset-inline-end:var(--s-ui-space-padding-small)}.s-ui-card__selected-indicator{position:absolute;display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),visibility var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card__selected-indicator .s-ui-checkbox{pointer-events:none}.s-ui-card--selectable:not(.s-ui-card--disabled,.s-ui-card--skeleton):is(:hover,:focus-visible) .s-ui-card__selected-indicator{opacity:1;visibility:visible}.s-ui-card--selectable:not(.s-ui-card--disabled,.s-ui-card--skeleton):is(:hover,:focus-visible) .s-ui-card__meta{opacity:0;visibility:hidden}.s-ui-card--layout-card .s-ui-card__selected-indicator{inset-block-start:var(--s-ui-dimension-4);inset-inline-end:var(--s-ui-dimension-4)}.s-ui-card--layout-list .s-ui-card__selected-indicator{inset-block-start:var(--s-ui-dimension-8);inset-inline-end:var(--s-ui-dimension-8)}.s-ui-card__skeleton{--s-ui-skeleton-radius: var(--s-ui-border-radius-base);--s-ui-skeleton-gap: 0;inline-size:100%}.s-ui-card--layout-card .s-ui-card__skeleton{flex-direction:column;gap:var(--s-ui-space-gap-2x-small)}.s-ui-card--layout-list .s-ui-card__skeleton{flex-direction:row;align-items:center;gap:var(--s-ui-space-gap-medium)}@media(prefers-reduced-motion:reduce){.s-ui-card,.s-ui-card__meta,.s-ui-card__selected-indicator{transition:none}}}@layer components{.s-ui-chart-skeleton-host{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-horizontal-bar{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-height:582px;padding:var(--s-ui-space-padding-x-large) var(--s-ui-space-padding-medium) var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-horizontal-bar--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-horizontal-bar__canvas-wrap{position:relative;flex:0 0 auto;width:100%;height:var(--s-ui-chart-bar-horizontal-viewport-height)}.s-ui-chart-horizontal-bar__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-line{position:relative;box-sizing:border-box;width:100%;min-height:329px;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-line--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-line__canvas-wrap{position:relative;overflow:hidden;width:100%;height:297px}.s-ui-chart-line__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-legend{display:flex;flex-wrap:wrap;gap:var(--s-ui-space-gap-x-large);align-items:center;justify-content:center;margin:0;padding:0;list-style:none}.s-ui-chart-legend__item{display:flex;gap:var(--s-ui-space-gap-small);align-items:center}.s-ui-chart-legend__swatch-slot{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:var(--s-ui-space-padding-2x-small)}.s-ui-chart-legend__swatch{width:12px;height:12px;border-radius:var(--s-ui-border-radius-base)}.s-ui-chart-legend__label{color:var(--s-ui-chart-legend-label);font:var(--s-ui-typography-label-10-medium);white-space:nowrap}.s-ui-chart-legend--column{flex-flow:column nowrap;gap:var(--s-ui-space-gap-medium);align-items:flex-start;justify-content:flex-start}.s-ui-chart-legend--column .s-ui-chart-legend__item{gap:var(--s-ui-space-gap-none)}.s-ui-chart-legend--disabled .s-ui-chart-legend__label{color:var(--s-ui-color-text-surface-disabled)}}@layer components{.s-ui-chart-pie{position:relative;box-sizing:border-box;display:flex;flex-flow:row wrap;gap:var(--s-ui-chart-pie-layout-gap);align-items:center;justify-content:center;width:100%;min-width:0;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-pie--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-pie__canvas-wrap{position:relative;overflow:visible;flex:0 1 auto;width:100%;max-width:var(--s-ui-chart-pie-viewport-size);aspect-ratio:1;min-width:0}.s-ui-chart-pie__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-stacked-area{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);width:100%;max-height:500px;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-stacked-area--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-stacked-area__canvas-wrap{position:relative;overflow:hidden;flex:1 1 auto;width:100%;min-height:420px}.s-ui-chart-stacked-area__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-stacked-bar{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);width:100%;max-height:500px;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-stacked-bar--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-stacked-bar__canvas-wrap{position:relative;overflow:hidden;flex:0 0 auto;width:100%;height:var(--s-ui-chart-bar-stacked-viewport-height)}.s-ui-chart-stacked-bar__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chip{--s-ui-chip-bg: transparent;--s-ui-chip-outline-color: transparent;--s-ui-chip-label-color: var(--s-ui-color-text-surface-primary);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-tertiary);box-sizing:border-box;display:inline-flex;align-items:center;max-width:100%;border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-chip-bg);color:var(--s-ui-chip-label-color);outline:1px solid var(--s-ui-chip-outline-color);outline-offset:-1px;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-chip__content{display:inline-flex;flex:1 1 auto;align-items:center;min-width:0;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--s-ui-chip-icon-color)}.s-ui-chip--size-32 .s-ui-chip__icon .s-ui-icon>svg{box-sizing:border-box;padding:var(--s-ui-dimension-1)}.s-ui-chip__prefix{display:inline-flex;flex-shrink:0;align-items:center;min-width:0;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__label{display:inline-flex;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.s-ui-chip__actions{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__actions .s-ui-button.s-ui-button--appearance-bare{--s-ui-button-padding: 0}.s-ui-chip--size-32{gap:var(--s-ui-space-gap-x-small);padding:var(--s-ui-space-padding-between-x-small-small) var(--s-ui-space-gap-small)}.s-ui-chip--size-24,.s-ui-chip--size-20{gap:var(--s-ui-space-gap-x-small);padding:var(--s-ui-space-padding-2x-small) var(--s-ui-space-padding-x-small)}.s-ui-chip--color-blue{--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-accent-blue-primary)}.s-ui-chip--color-blue:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-blue.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-chip-outline-color: var(--s-ui-color-border-main-hovered);cursor:pointer}.s-ui-chip--color-blue:active:not(.s-ui-chip--disabled),.s-ui-chip--color-blue.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-chip-outline-color: var(--s-ui-color-border-main-pressed)}.s-ui-chip--color-red{--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-enabled)}.s-ui-chip--color-red:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-red.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-hovered);cursor:pointer}.s-ui-chip--color-red:active:not(.s-ui-chip--disabled),.s-ui-chip--color-red.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-pressed);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-pressed)}.s-ui-chip--color-white{--s-ui-chip-bg: var(--s-ui-color-surface-primary);--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-chip-label-color: var(--s-ui-color-text-surface-secondary);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-tertiary)}.s-ui-chip--color-white:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-white.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-hovered);cursor:pointer}.s-ui-chip--color-white:active:not(.s-ui-chip--disabled),.s-ui-chip--color-white.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-pressed)}.s-ui-chip--color-billing{--s-ui-chip-bg: transparent;--s-ui-chip-outline-color: var(--s-ui-billing-interp-stop-1);--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-stop-1-color);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-stop-2-color);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-stop-3-color);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing);--s-ui-chip-billing-bg: linear-gradient( -28deg, color-mix(in srgb, var(--s-ui-billing-interp-stop-1) 14%, var(--s-ui-color-surface-primary)) 24%, color-mix(in srgb, var(--s-ui-billing-interp-stop-3) 14%, var(--s-ui-color-surface-primary)) 72.533% );background-color:transparent;background-image:var(--s-ui-chip-billing-bg);transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-chip--color-billing:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-billing.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-hover-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-hover-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-hover-stop-3);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing-hovered);cursor:pointer}.s-ui-chip--color-billing:active:not(.s-ui-chip--disabled),.s-ui-chip--color-billing.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-pressed-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-pressed-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-pressed-stop-3);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing-pressed)}.s-ui-chip--color-billing .s-ui-chip__label{background-image:var(--s-ui-chip-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.s-ui-chip--disabled{--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-chip-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed;pointer-events:none}.s-ui-chip--color-blue.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-main)}.s-ui-chip--color-red.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary)}.s-ui-chip--color-white.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-surface)}.s-ui-chip--color-billing.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-surface);--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-chip-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-disabled);background-color:var(--s-ui-chip-bg);background-image:none}.s-ui-chip--color-billing.s-ui-chip--disabled .s-ui-chip__label{background-image:none;background-clip:border-box;color:var(--s-ui-chip-label-color)}.s-ui-chip--disabled .s-ui-tag{--s-ui-tag-bg: var(--s-ui-color-background-disabled-surface);color:var(--s-ui-color-text-surface-disabled);outline-color:var(--s-ui-color-border-disabled-primary)}.s-ui-chip:focus-visible,.s-ui-chip.s-ui-chip--state-focused{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-chip:focus-visible:has(.s-ui-button:focus-visible){box-shadow:none}.s-ui-chip .s-ui-button:focus-visible{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}}@layer components{.s-ui-dropdown{display:inline-flex;vertical-align:middle}.s-ui-dropdown__panel{box-sizing:border-box;z-index:var(--s-ui-z-index-dropdown);min-width:var(--s-ui-dimension-120)}.s-ui-dropdown__panel:not(.s-ui-dropdown__panel--ready,.s-ui-dropdown-leave-active){visibility:hidden;pointer-events:none}.s-ui-dropdown-enter-active.s-ui-dropdown__panel,.s-ui-dropdown-leave-active.s-ui-dropdown__panel{transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-dropdown-enter-from.s-ui-dropdown__panel,.s-ui-dropdown-leave-to.s-ui-dropdown__panel{opacity:0}.s-ui-dropdown-enter-to.s-ui-dropdown__panel,.s-ui-dropdown-leave-from.s-ui-dropdown__panel{opacity:1}.s-ui-dropdown__panel--match-reference-width{min-width:0}.s-ui-dropdown__panel--match-reference-width .s-ui-dropdown__surface{width:100%;max-width:100%}.s-ui-dropdown__panel--match-reference-width .s-ui-dropdown__content{box-sizing:border-box;width:100%;min-width:0}.s-ui-dropdown__surface--fit-viewport{overflow-y:auto}.s-ui-dropdown__surface{--s-ui-dropdown-surface-background: var(--s-ui-color-surface-primary);--s-ui-dropdown-surface-outline-width: 1px;--s-ui-dropdown-surface-outline-style: solid;--s-ui-dropdown-surface-outline-color: var(--s-ui-color-border-neutral-static-base);--s-ui-dropdown-surface-outline-offset: -1px;--s-ui-dropdown-surface-radius: var(--s-ui-border-radius-base);--s-ui-dropdown-surface-shadow: 0 4px 16px 0 var(--s-ui-color-elevation-shadow-dropdown);--s-ui-dropdown-arrow-size: var(--s-ui-dimension-12);--s-ui-dropdown-arrow-padding: var(--s-ui-border-radius-base);--s-ui-dropdown-arrow-half-size: calc(var(--s-ui-dropdown-arrow-size) / 2);--s-ui-dropdown-arrow-inner-half-size: calc( var(--s-ui-dropdown-arrow-half-size) - var(--s-ui-dropdown-surface-outline-width) );position:relative;box-sizing:border-box;padding:0;border-radius:var(--s-ui-dropdown-surface-radius);background-color:var(--s-ui-dropdown-surface-background);box-shadow:var(--s-ui-dropdown-surface-shadow);outline:var(--s-ui-dropdown-surface-outline-width) var(--s-ui-dropdown-surface-outline-style) var(--s-ui-dropdown-surface-outline-color);outline-offset:var(--s-ui-dropdown-surface-outline-offset)}.s-ui-dropdown__surface--with-arrow{outline:none;border:var(--s-ui-dropdown-surface-outline-width) var(--s-ui-dropdown-surface-outline-style) var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__content{position:relative;z-index:1}.s-ui-dropdown__arrow{position:absolute;width:var(--s-ui-dropdown-arrow-size);height:var(--s-ui-dropdown-arrow-half-size);pointer-events:none;z-index:2}.s-ui-dropdown__surface--with-arrow[data-placement^=bottom] .s-ui-dropdown__arrow{top:calc(-1 * var(--s-ui-dropdown-arrow-half-size))}.s-ui-dropdown__surface--with-arrow[data-placement^=top] .s-ui-dropdown__arrow{bottom:calc(-1 * var(--s-ui-dropdown-arrow-half-size))}.s-ui-dropdown__surface--with-arrow[data-placement=left] .s-ui-dropdown__arrow{right:calc(-1 * var(--s-ui-dropdown-arrow-half-size))}.s-ui-dropdown__surface--with-arrow[data-placement=right] .s-ui-dropdown__arrow{left:calc(-1 * var(--s-ui-dropdown-arrow-half-size))}.s-ui-dropdown__surface--with-arrow[data-placement=left] .s-ui-dropdown__arrow,.s-ui-dropdown__surface--with-arrow[data-placement=right] .s-ui-dropdown__arrow{width:var(--s-ui-dropdown-arrow-half-size);height:var(--s-ui-dropdown-arrow-size)}.s-ui-dropdown__arrow--overflow{visibility:hidden}.s-ui-dropdown__arrow-outer,.s-ui-dropdown__arrow-inner{position:absolute;width:0;height:0}.s-ui-dropdown__surface--with-arrow[data-placement^=bottom] .s-ui-dropdown__arrow-outer{top:0;left:0;border-left:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-half-size) solid var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__surface--with-arrow[data-placement^=bottom] .s-ui-dropdown__arrow-inner{top:var(--s-ui-dropdown-surface-outline-width);left:var(--s-ui-dropdown-surface-outline-width);border-left:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-inner-half-size) solid var(--s-ui-dropdown-surface-background)}.s-ui-dropdown__surface--with-arrow[data-placement^=top] .s-ui-dropdown__arrow-outer{bottom:0;left:0;border-left:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-top:var(--s-ui-dropdown-arrow-half-size) solid var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__surface--with-arrow[data-placement^=top] .s-ui-dropdown__arrow-inner{bottom:var(--s-ui-dropdown-surface-outline-width);left:var(--s-ui-dropdown-surface-outline-width);border-left:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-top:var(--s-ui-dropdown-arrow-inner-half-size) solid var(--s-ui-dropdown-surface-background)}.s-ui-dropdown__surface--with-arrow[data-placement=left] .s-ui-dropdown__arrow-outer{top:0;left:0;border-top:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-left:var(--s-ui-dropdown-arrow-half-size) solid var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__surface--with-arrow[data-placement=left] .s-ui-dropdown__arrow-inner{top:var(--s-ui-dropdown-surface-outline-width);left:var(--s-ui-dropdown-surface-outline-width);border-top:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-left:var(--s-ui-dropdown-arrow-inner-half-size) solid var(--s-ui-dropdown-surface-background)}.s-ui-dropdown__surface--with-arrow[data-placement=right] .s-ui-dropdown__arrow-outer{top:0;right:0;border-top:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-half-size) solid var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__surface--with-arrow[data-placement=right] .s-ui-dropdown__arrow-inner{top:var(--s-ui-dropdown-surface-outline-width);right:var(--s-ui-dropdown-surface-outline-width);border-top:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-inner-half-size) solid var(--s-ui-dropdown-surface-background)}}@layer components{.s-ui-inline-message{margin:0;color:var(--s-ui-color-text-surface-secondary);-webkit-user-select:none;user-select:none;overflow-wrap:break-word}.s-ui-inline-message--error{color:var(--s-ui-color-text-accent-red-primary)}}@layer components{.s-ui-label{display:inline-flex;align-items:center;max-width:100%;-webkit-user-select:none;user-select:none}.s-ui-label--size-medium{gap:var(--s-ui-space-gap-x-small)}.s-ui-label--size-small,.s-ui-label--size-extra-small{gap:var(--s-ui-space-gap-2x-small)}.s-ui-label__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.s-ui-label--variant-neutral .s-ui-label__icon{color:var(--s-ui-color-icon-surface-tertiary)}.s-ui-label--variant-main .s-ui-label__icon{color:var(--s-ui-color-icon-main-enabled)}.s-ui-label--variant-error .s-ui-label__icon{color:var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-label--variant-success .s-ui-label__icon{color:var(--s-ui-color-icon-accent-green-action-enabled)}.s-ui-label__body{display:inline-flex;flex-shrink:1;align-items:flex-start;min-width:0;white-space:nowrap}.s-ui-label--size-medium .s-ui-label__body{min-height:var(--s-ui-dimension-20)}.s-ui-label--size-small .s-ui-label__body{min-height:var(--s-ui-dimension-16)}.s-ui-label--size-extra-small .s-ui-label__body{align-items:center;min-height:var(--s-ui-dimension-12)}.s-ui-label__text{color:inherit;overflow-wrap:break-word}.s-ui-label__required{color:var(--s-ui-color-text-accent-red-primary)}.s-ui-label--variant-neutral .s-ui-label__text{color:var(--s-ui-color-text-surface-secondary)}.s-ui-label--size-extra-small.s-ui-label--variant-neutral .s-ui-label__text{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-label--variant-main .s-ui-label__text{color:var(--s-ui-color-text-main-enabled)}.s-ui-label--variant-error .s-ui-label__text{color:var(--s-ui-color-text-accent-red-action-enabled)}.s-ui-label--variant-success .s-ui-label__text{color:var(--s-ui-color-text-accent-green-action-enabled)}}@layer components{.s-ui-inline-input{--s-ui-inline-input-outline-color: transparent;--s-ui-inline-input-focus-shadow: transparent;--s-ui-inline-input-bg: transparent;--s-ui-inline-input-text-color: var(--s-ui-color-text-surface-primary);display:flex;flex-direction:column;align-items:stretch;gap:var(--s-ui-space-gap-x-small);width:100%}.s-ui-inline-input--wrapper{position:relative;display:flex;align-items:center;gap:var(--s-ui-space-gap-x-small);width:100%;padding:var(--s-ui-space-padding-x-small);overflow:hidden;line-height:var(--s-ui-line-height-text-big);border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-inline-input-bg);outline:1px solid var(--s-ui-inline-input-outline-color);outline-offset:-1px;cursor:text;color:var(--s-ui-inline-input-text-color);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-inline-input--wrapper:has(.s-ui-inline-input--content-multiline){display:block}.s-ui-inline-input--wrapper-appearance-filled{--s-ui-inline-input-bg: var(--s-ui-color-surface-primary)}.s-ui-inline-input--wrapper-appearance-bare{--s-ui-inline-input-bg: transparent}.s-ui-inline-input--wrapper:hover:not(.s-ui-inline-input--wrapper-disabled,.s-ui-inline-input--wrapper-readonly,.s-ui-inline-input--wrapper-appearance-bare,:has(.s-ui-inline-input--slot:hover)){--s-ui-inline-input-bg: var(--s-ui-color-background-main-action-calm-hovered)}.s-ui-inline-input--wrapper:has(.s-ui-inline-input--content:focus){--s-ui-inline-input-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation);box-shadow:var(--s-ui-inline-input-focus-shadow)}.s-ui-inline-input--wrapper:has(.s-ui-inline-input--content:focus):not(.s-ui-inline-input--wrapper-disabled,.s-ui-inline-input--wrapper-readonly,.s-ui-inline-input--wrapper-appearance-bare){--s-ui-inline-input-bg: var(--s-ui-color-surface-primary)}.s-ui-inline-input--wrapper-error{--s-ui-inline-input-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-inline-input--wrapper-error.s-ui-inline-input--wrapper-disabled{--s-ui-inline-input-outline-color: var(--s-ui-color-border-disabled-primary)}.s-ui-inline-input--wrapper-readonly{cursor:default}.s-ui-inline-input--wrapper-disabled{--s-ui-inline-input-text-color: var(--s-ui-color-text-surface-disabled);cursor:not-allowed}.s-ui-inline-input--wrapper-disabled:not(.s-ui-inline-input--wrapper-appearance-bare),.s-ui-inline-input--wrapper-readonly:not(.s-ui-inline-input--wrapper-appearance-bare){--s-ui-inline-input-bg: var(--s-ui-color-background-disabled-surface)}.s-ui-inline-input--slot{position:relative;display:flex;flex-shrink:0;align-items:center;width:fit-content}.s-ui-inline-input--wrapper:has(.s-ui-inline-input--content-multiline) .s-ui-inline-input--slot{float:left;margin-right:var(--s-ui-space-gap-x-small)}.s-ui-inline-input--content{display:block;flex:1 1 0%;min-width:0;min-height:var(--s-ui-font-size-label-smaller);color:inherit;font-size:inherit;line-height:inherit;white-space:nowrap;overflow:auto hidden;overflow-wrap:break-word;outline:none;scrollbar-width:none}.s-ui-inline-input--content::-webkit-scrollbar{display:none}.s-ui-inline-input--content-multiline{display:inline;flex:none;min-width:auto;overflow:visible;white-space:pre-wrap}.s-ui-inline-input--content-empty:before{content:attr(data-placeholder);position:absolute;display:inline-block;color:var(--s-ui-color-text-surface-tertiary);-webkit-user-select:none;user-select:none;pointer-events:none}.s-ui-inline-input--messages{display:flex;flex-direction:column;margin-top:var(--s-ui-space-gap-x-small);color:var(--s-ui-color-text-accent-red-primary);font-weight:var(--s-ui-font-weight-regular);font-size:var(--s-ui-font-size-text-small);line-height:var(--s-ui-font-size-label-big)}}@layer components{.s-ui-input{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-ui-space-gap-x-small);width:100%}.s-ui-input__field{--s-ui-input-bg: var(--s-ui-color-surface-primary);--s-ui-input-outline-color: var(--s-ui-color-border-neutral-action-hovered);--s-ui-input-focus-shadow: transparent;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-small);width:100%;min-width:0;min-height:var(--s-ui-dimension-32);padding:var(--s-ui-space-gap-x-small) var(--s-ui-space-padding-x-small);border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-input-bg);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-input__field--bordered{outline:1px solid var(--s-ui-input-outline-color);outline-offset:-1px}.s-ui-input__field--borderless{outline:1px solid transparent;outline-offset:-1px}.s-ui-input__field--bordered.s-ui-input__field--filled:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly,.s-ui-input__field--error,.s-ui-input__field--focused){--s-ui-input-outline-color: var(--s-ui-color-border-neutral-action-enabled)}.s-ui-input__field--bordered:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly,.s-ui-input__field--error):hover{--s-ui-input-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-input__field--borderless:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly,.s-ui-input__field--focused):hover{--s-ui-input-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-input-outline-color: transparent}.s-ui-input__field--borderless:not(.s-ui-input__field--filled,.s-ui-input__field--disabled,.s-ui-input__field--readonly):hover .s-ui-input__control::placeholder{color:var(--s-ui-color-text-surface-secondary)}.s-ui-input__field:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly).s-ui-input__field--focused{--s-ui-input-outline-color: var(--s-ui-color-border-neutral-action-pressed);--s-ui-input-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-input__field--borderless:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly).s-ui-input__field--focused{--s-ui-input-bg: var(--s-ui-color-surface-primary);--s-ui-input-outline-color: transparent}.s-ui-input__field--error:not(.s-ui-input__field--disabled){--s-ui-input-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-input__field--error:not(.s-ui-input__field--disabled).s-ui-input__field--focused{--s-ui-input-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-input__field--disabled{--s-ui-input-bg: var(--s-ui-color-background-disabled-surface);--s-ui-input-outline-color: transparent;cursor:not-allowed}.s-ui-input__field--readonly{--s-ui-input-bg: var(--s-ui-color-background-disabled-surface);--s-ui-input-outline-color: var(--s-ui-color-border-disabled-primary);cursor:default}.s-ui-input__field.s-ui-input__field--focused{box-shadow:var(--s-ui-input-focus-shadow)}.s-ui-input__prepend{display:flex;flex-wrap:wrap;gap:var(--s-ui-space-gap-x-small);align-items:flex-start;width:100%}.s-ui-input__row{display:flex;flex:1 1 auto;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0;width:100%}.s-ui-input__prefix{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--s-ui-color-icon-surface-tertiary)}.s-ui-input__control-wrap{display:flex;flex:1 1 auto;align-items:center;min-width:0}.s-ui-input__control-wrap--horizontal{gap:var(--s-ui-space-gap-x-small)}.s-ui-input__control{box-sizing:border-box;display:block;flex:1 1 auto;width:100%;min-width:0;margin:0;padding:0 var(--s-ui-space-padding-x-small);border:0;background:transparent;color:var(--s-ui-color-text-surface-primary);outline:none;text-overflow:ellipsis;white-space:nowrap}.s-ui-input__control::placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-input__control:disabled{color:var(--s-ui-color-text-surface-disabled);cursor:not-allowed}.s-ui-input__control:read-only{color:var(--s-ui-color-text-surface-primary);cursor:default}.s-ui-input__inline{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;min-width:0}.s-ui-input__clear,.s-ui-input__action{display:inline-flex;flex-shrink:0;align-items:center}.s-ui-input__clear{visibility:hidden}.s-ui-input__field--focused .s-ui-input__clear{visibility:visible}.s-ui-input__clear .s-ui-button.s-ui-button--appearance-bare,.s-ui-input__action .s-ui-button.s-ui-button--appearance-bare{--s-ui-button-padding: var(--s-ui-space-padding-x-small)}.s-ui-input__messages{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-small)}.s-ui-input--disabled .s-ui-input__prefix{color:var(--s-ui-color-icon-surface-disabled)}}@layer components{.s-ui-list-item{--s-ui-list-item-bg: var(--s-ui-color-surface-primary);--s-ui-list-item-outline-color: transparent;--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-focus-shadow: 0 0 0 0 transparent;--s-ui-list-item-title-color: var(--s-ui-color-text-surface-primary);--s-ui-list-item-subtitle-color: var(--s-ui-color-text-surface-tertiary);--s-ui-list-item-icon-color: var(--s-ui-color-icon-surface-tertiary);--s-ui-list-item-expand-color: var(--s-ui-color-icon-surface-tertiary);--s-ui-list-item-level-indent: calc(var(--s-ui-list-item-depth, 0) * var(--s-ui-dimension-14));box-sizing:border-box;display:flex;align-items:center;gap:var(--s-ui-space-gap-x-small);width:100%;min-block-size:calc(var(--s-ui-dimension-32) + var(--s-ui-dimension-4));padding:var(--s-ui-space-padding-x-small);border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-list-item-bg);outline:1px solid var(--s-ui-list-item-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-list-item-hover-shadow),var(--s-ui-list-item-focus-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--tiny{min-block-size:var(--s-ui-dimension-32);padding-block:var(--s-ui-space-padding-2x-small);padding-inline:var(--s-ui-space-padding-x-small)}.s-ui-list-item--variant-neutral{--s-ui-list-item-icon-color: var(--s-ui-color-icon-surface-secondary)}.s-ui-list-item--variant-main{--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-error{--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-list-item:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-list-item-hover-shadow: var(--s-ui-shadow-hover)}.s-ui-list-item--variant-main:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-title-color: var(--s-ui-color-text-main-hovered);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-hovered)}.s-ui-list-item--variant-error:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-hovered);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-hovered)}.s-ui-list-item:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-list-item-hover-shadow: 0 0 0 0 transparent}.s-ui-list-item--variant-neutral:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-main:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-title-color: var(--s-ui-color-text-main-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-list-item--variant-error:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-pressed);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-pressed)}.s-ui-list-item--selected{--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-list-item-outline-color: transparent}.s-ui-list-item--selected:not(.s-ui-list-item--variant-main,.s-ui-list-item--variant-error){--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-main.s-ui-list-item--selected{--s-ui-list-item-title-color: var(--s-ui-color-text-main-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-list-item--variant-error.s-ui-list-item--selected{--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-list-item:focus-visible{--s-ui-list-item-focus-shadow: var(--s-ui-shadow-focus-ring);--s-ui-list-item-outline-color: transparent}.s-ui-list-item--disabled{--s-ui-list-item-bg: var(--s-ui-color-surface-primary);--s-ui-list-item-outline-color: transparent;--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-focus-shadow: 0 0 0 0 transparent;--s-ui-list-item-title-color: var(--s-ui-color-text-surface-disabled);--s-ui-list-item-subtitle-color: var(--s-ui-color-text-surface-disabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-surface-disabled);--s-ui-list-item-expand-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed}.s-ui-list-item--disabled .s-ui-list-item__title-action,.s-ui-list-item--disabled .s-ui-list-item__actions,.s-ui-list-item--readonly .s-ui-list-item__title-action,.s-ui-list-item--readonly .s-ui-list-item__actions{pointer-events:none}.s-ui-list-item--readonly{--s-ui-list-item-bg: var(--s-ui-color-surface-primary);--s-ui-list-item-outline-color: transparent;--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-subtitle-color: var(--s-ui-color-text-surface-tertiary);cursor:default}.s-ui-list-item--readonly:not(.s-ui-list-item--variant-main,.s-ui-list-item--variant-error){--s-ui-list-item-title-color: var(--s-ui-color-text-surface-primary)}.s-ui-list-item--loading{--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-focus-shadow: 0 0 0 0 transparent;cursor:default;pointer-events:none}.s-ui-list-item__level{display:inline-flex;flex-shrink:0;align-items:center;justify-content:flex-start;min-width:calc(var(--s-ui-dimension-14) + var(--s-ui-list-item-level-indent));height:var(--s-ui-dimension-24);padding-inline-start:var(--s-ui-list-item-level-indent)}.s-ui-list-item__expand{flex-shrink:0;color:var(--s-ui-list-item-expand-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__expand .s-ui-icon{transition:transform var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__expand--expanded .s-ui-icon{transform:rotate(90deg)}.s-ui-list-item__icon-left{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16);color:var(--s-ui-list-item-icon-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__actions-reveal{display:grid;grid-template-columns:1fr;overflow:hidden}.s-ui-list-item__actions-inner{display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0;overflow:hidden;translate:0 0}.s-ui-list-item--reveal-right .s-ui-list-item__actions-reveal{grid-template-columns:0fr;transition:grid-template-columns var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--reveal-right .s-ui-list-item__actions-inner{translate:100% 0;transition:translate var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--reveal-right:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly):is(:hover,:focus-within,.s-ui-list-item--active,.s-ui-list-item--selected) .s-ui-list-item__actions-reveal{grid-template-columns:1fr}.s-ui-list-item--reveal-right:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly):is(:hover,:focus-within,.s-ui-list-item--active,.s-ui-list-item--selected) .s-ui-list-item__actions-inner{translate:0 0}@media(prefers-reduced-motion:reduce){.s-ui-list-item--reveal-right .s-ui-list-item__actions-reveal{grid-template-columns:1fr}.s-ui-list-item--reveal-right .s-ui-list-item__actions-inner{translate:0 0}}.s-ui-list-item__body{display:flex;flex:1 1 auto;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0}.s-ui-list-item__text{display:flex;flex:0 1 auto;flex-direction:column;gap:var(--s-ui-space-gap-none);justify-content:center;min-width:0;padding-inline:var(--s-ui-space-gap-x-small)}.s-ui-list-item__title{overflow:hidden;color:var(--s-ui-list-item-title-color);text-overflow:ellipsis;white-space:nowrap;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__subtitle{color:var(--s-ui-list-item-subtitle-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__title-action{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.s-ui-list-item__action-end{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16)}.s-ui-list-item__actions,.s-ui-list-item__trailing{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-x-small)}}@layer components{.s-ui-list{--s-ui-list-gap: var(--s-ui-space-gap-2x-small);display:flex;flex-direction:column;width:100%;min-width:0}.s-ui-list:focus{outline:none}.s-ui-list__scroll:focus{outline:none}.s-ui-list__scroll{overflow:auto;width:100%;min-width:0;box-sizing:border-box;padding-block:var(--s-ui-dimension-2);padding-inline:0}.s-ui-list__scroll--flat{overflow-x:clip;overflow-clip-margin:4px;display:flex;flex-direction:column;gap:var(--s-ui-list-gap)}.s-ui-list__static{display:flex;flex-direction:column;gap:var(--s-ui-list-gap);width:100%;min-width:0;box-sizing:border-box;padding-block:var(--s-ui-dimension-2);padding-inline:0}.s-ui-list__virtual-panel{width:100%}.s-ui-list__virtual-row{width:100%;box-sizing:border-box}}@layer components{.s-ui-radio{--s-ui-radio-bg: var(--s-ui-color-border-neutral-static-base);--s-ui-radio-outline-color: var(--s-ui-color-icon-surface-tertiary);--s-ui-radio-thumb-bg: transparent;--s-ui-radio-thumb-opacity: 0;--s-ui-radio-focus-shadow: transparent;--s-ui-radio-label-color: var(--s-ui-color-text-surface-primary);--s-ui-radio-description-color: var(--s-ui-color-text-surface-secondary);box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-small);padding-block:var(--s-ui-space-padding-2x-small);cursor:pointer;-webkit-user-select:none;user-select:none}.s-ui-radio--label-right{flex-direction:row-reverse}.s-ui-radio--control-only{gap:0;padding-block:0}.s-ui-radio--disabled{cursor:not-allowed;--s-ui-radio-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-radio-description-color: var(--s-ui-color-text-surface-disabled)}.s-ui-radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.s-ui-radio__control{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16);border-radius:var(--s-ui-border-radius-rounded);background-color:var(--s-ui-radio-bg);outline:1px solid var(--s-ui-radio-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-radio-focus-shadow);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-radio__control:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element),inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element)}.s-ui-radio__thumb{position:relative;z-index:0;width:var(--s-ui-dimension-10);height:var(--s-ui-dimension-10);border-radius:var(--s-ui-border-radius-rounded);background-color:var(--s-ui-radio-thumb-bg);opacity:var(--s-ui-radio-thumb-opacity);transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-radio__content{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-none);min-width:0}.s-ui-radio__label{color:var(--s-ui-radio-label-color)}.s-ui-radio__description{color:var(--s-ui-radio-description-color)}.s-ui-radio__input:focus-visible+.s-ui-radio__control{--s-ui-radio-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-radio--disabled .s-ui-radio__input:focus-visible+.s-ui-radio__control{--s-ui-radio-focus-shadow: transparent}.s-ui-radio:not(.s-ui-radio--disabled,.s-ui-radio--checked):hover{--s-ui-radio-outline-color: var(--s-ui-color-icon-surface-secondary)}.s-ui-radio:not(.s-ui-radio--disabled,.s-ui-radio--checked):active{--s-ui-radio-outline-color: var(--s-ui-color-icon-surface-secondary);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-surface-secondary);--s-ui-radio-thumb-opacity: 1}.s-ui-radio--checked:not(.s-ui-radio--disabled){--s-ui-radio-outline-color: var(--s-ui-color-icon-main-enabled);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-main-enabled);--s-ui-radio-thumb-opacity: 1}.s-ui-radio--checked:not(.s-ui-radio--disabled):hover{--s-ui-radio-outline-color: var(--s-ui-color-icon-main-hovered);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-main-hovered)}.s-ui-radio--checked:not(.s-ui-radio--disabled):active{--s-ui-radio-outline-color: var(--s-ui-color-icon-main-pressed);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-main-pressed)}.s-ui-radio--disabled:not(.s-ui-radio--checked){--s-ui-radio-bg: var(--s-ui-color-background-disabled-surface);--s-ui-radio-outline-color: var(--s-ui-color-icon-surface-disabled)}.s-ui-radio--disabled.s-ui-radio--checked{--s-ui-radio-bg: var(--s-ui-color-background-disabled-surface);--s-ui-radio-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-surface-disabled);--s-ui-radio-thumb-opacity: 1}}@layer components{.s-ui-segment-control{--s-ui-segment-control-track-bg: var(--s-ui-color-background-neutral-action-calm-enabled);--s-ui-segment-control-track-outline: var(--s-ui-color-border-neutral-action-enabled);--s-ui-segment-control-indicator-bg: var(--s-ui-color-surface-primary);--s-ui-segment-control-indicator-outline: var(--s-ui-color-border-neutral-action-pressed);--s-ui-segment-control-indicator-shadow: 0 var(--s-ui-dimension-1) var(--s-ui-dimension-2) var(--s-ui-color-elevation-shadow-hover);position:relative;box-sizing:border-box;display:inline-flex;width:fit-content;max-width:100%;align-items:stretch;gap:var(--s-ui-space-gap-2x-small);padding:var(--s-ui-space-padding-2x-small);border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-segment-control-track-bg);outline:1px solid var(--s-ui-segment-control-track-outline);outline-offset:-1px}:root:not([data-s-ui-theme=dark]) .s-ui-segment-control{--s-ui-segment-control-track-bg: var(--s-ui-color-surface-secondary);--s-ui-segment-control-track-outline: var(--s-ui-color-border-neutral-primary);--s-ui-segment-control-indicator-outline: var(--s-ui-color-border-neutral-action-enabled);--s-ui-segment-control-indicator-shadow: 0 var(--s-ui-dimension-1) var(--s-ui-dimension-2) var(--s-ui-color-elevation-shadow-card)}.s-ui-segment-control--disabled{--s-ui-segment-control-track-bg: var(--s-ui-color-background-disabled-surface);--s-ui-segment-control-track-outline: var(--s-ui-color-border-disabled-primary);--s-ui-segment-control-indicator-bg: var(--s-ui-color-background-disabled-surface);--s-ui-segment-control-indicator-outline: var(--s-ui-color-border-disabled-primary);--s-ui-segment-control-indicator-shadow: none;cursor:not-allowed}.s-ui-segment-control__indicator{position:absolute;top:0;left:0;z-index:0;box-sizing:border-box;border-radius:var(--s-ui-button-border-radius);background-color:var(--s-ui-segment-control-indicator-bg);outline:1px solid var(--s-ui-segment-control-indicator-outline);outline-offset:-1px;box-shadow:var(--s-ui-segment-control-indicator-shadow);pointer-events:none;transition:left var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),top var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),width var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),height var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard);will-change:left,top,width,height}.s-ui-segment-control__item{position:relative;z-index:1;box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:var(--s-ui-button-gap);margin:0;padding:var(--s-ui-button-padding);border:0;border-radius:var(--s-ui-button-border-radius);background:transparent;color:var(--s-ui-color-text-surface-secondary);cursor:pointer;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-segment-control--size-small{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding: var(--s-ui-space-padding-x-small) var(--s-ui-space-padding-small);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-segment-control--size-small .s-ui-segment-control__item--icon-only{--s-ui-button-padding: var(--s-ui-space-padding-x-small)}.s-ui-segment-control--size-medium{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding-block: var(--s-ui-space-padding-between-x-small-small);--s-ui-button-padding: var(--s-ui-button-padding-block) var(--s-ui-space-padding-medium);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-segment-control--size-medium .s-ui-segment-control__item--icon-only{--s-ui-button-padding: var(--s-ui-button-padding-block)}.s-ui-segment-control--size-large{--s-ui-button-gap: var(--s-ui-space-gap-x-small);--s-ui-button-padding: var(--s-ui-space-padding-small) var(--s-ui-space-padding-x-medium);--s-ui-button-border-radius: var(--s-ui-border-radius-sub-section)}.s-ui-segment-control--size-large .s-ui-segment-control__item--icon-only{--s-ui-button-padding: var(--s-ui-space-padding-small)}.s-ui-segment-control__item--selected{color:var(--s-ui-color-text-surface-primary)}.s-ui-segment-control__item--link{text-decoration:none}.s-ui-segment-control__item--link[aria-disabled=true]{color:var(--s-ui-color-text-surface-disabled);cursor:not-allowed;pointer-events:none}.s-ui-segment-control__item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-segment-control__item:disabled{color:var(--s-ui-color-text-surface-disabled);cursor:not-allowed}.s-ui-segment-control--disabled .s-ui-segment-control__item{cursor:not-allowed}.s-ui-segment-control__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.s-ui-segment-control__icon .s-ui-icon>svg{box-sizing:border-box}.s-ui-segment-control--size-large .s-ui-segment-control__icon .s-ui-icon>svg{padding:2px}.s-ui-segment-control--size-medium .s-ui-segment-control__icon .s-ui-icon>svg{padding:1px}.s-ui-segment-control__label{min-width:0;text-align:center;overflow-wrap:anywhere}}@layer components{.s-ui-select{display:flex;flex-direction:column;width:100%}.s-ui-select__control{box-sizing:border-box;display:flex;flex:1 1 auto;align-items:center;width:100%;min-width:0;min-height:var(--s-ui-dimension-20);margin:0;padding:0;border:0;background:transparent;color:var(--s-ui-color-text-surface-primary);cursor:pointer;outline:none}.s-ui-select__control--multiple{flex-wrap:wrap;gap:var(--s-ui-space-gap-2x-small)}.s-ui-select__control--empty{min-height:var(--s-ui-dimension-20)}.s-ui-select__value,.s-ui-select__placeholder{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-ui-select__control--with-value-suffix .s-ui-select__value{flex:0 1 auto}.s-ui-select__value-suffix{display:flex;flex:1 1 auto;align-items:center;min-width:0;overflow:hidden;padding-inline-start:var(--s-ui-space-padding-x-small)}.s-ui-select__placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-select__search-input{box-sizing:border-box;flex:1 1 auto;min-width:var(--s-ui-dimension-48);margin:0;padding:0;border:0;background:transparent;color:var(--s-ui-color-text-surface-primary);outline:none}.s-ui-select__search-input::placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-select__chevron{color:var(--s-ui-color-icon-surface-tertiary);transition:transform var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-select--open .s-ui-select__chevron{color:var(--s-ui-color-icon-surface-secondary);transform:rotate(180deg)}.s-ui-select--disabled .s-ui-select__chevron{color:var(--s-ui-color-icon-surface-disabled)}.s-ui-select__panel{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-small);width:100%;min-width:0;box-sizing:border-box;overflow:hidden;border-radius:var(--s-ui-border-radius-base)}.s-ui-select__panel--searchable-content{flex:1;gap:var(--s-ui-space-gap-x-small);min-height:0}.s-ui-select__panel-search{flex-shrink:0;box-sizing:border-box;width:100%;min-width:0;padding-inline:var(--s-ui-space-padding-x-small);padding-block-start:var(--s-ui-space-padding-x-small)}.s-ui-select__panel-search>.s-ui-input{width:100%;min-width:0}.s-ui-select__panel-body{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.s-ui-select__panel-body>.s-ui-list{width:100%;min-width:0;box-sizing:border-box}.s-ui-select__panel-body>.s-ui-list>.s-ui-list__scroll,.s-ui-select__panel-body>.s-ui-list>.s-ui-list__static{box-sizing:border-box;padding:var(--s-ui-space-padding-x-small)}.s-ui-select__panel-footer{flex-shrink:0;padding-inline:var(--s-ui-space-padding-x-small);padding-block-end:var(--s-ui-space-padding-x-small)}.s-ui-select__empty{padding:var(--s-ui-space-padding-x-small);color:var(--s-ui-color-text-surface-secondary);text-align:center}}@layer components{.s-ui-tab{--s-ui-tab-label-color: var(--s-ui-color-text-surface-secondary);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-secondary);--s-ui-tab-bg: transparent;--s-ui-tab-counter-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-tab-counter-color: var(--s-ui-color-text-surface-static);--s-ui-tab-indicator-color: transparent;--s-ui-tab-indicator-image: none;--s-ui-tab-indicator-opacity: 1;--s-ui-tab-min-height: var(--s-ui-dimension-40);--s-ui-tab-padding-inline: var(--s-ui-space-padding-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-small);--s-ui-tab-icon-slot-size: var(--s-ui-dimension-24);--s-ui-tab-icon-padding: var(--s-ui-space-padding-2x-small);--s-ui-tab-icon-badge-offset: var(--s-ui-dimension-16);--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-stop-1-color);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-stop-2-color);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-stop-3-color);--s-ui-tab-billing-gradient: linear-gradient( 86deg, var(--s-ui-billing-interp-stop-1) -3.31%, var(--s-ui-billing-interp-stop-2) 53.31%, var(--s-ui-billing-interp-stop-3) 109.94% );position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:var(--s-ui-tab-min-height);margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--s-ui-tab-label-color);cursor:pointer;text-decoration:none;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab:after{position:absolute;right:0;bottom:0;left:0;height:var(--s-ui-dimension-3);border-radius:0;background-color:var(--s-ui-tab-indicator-color);background-image:var(--s-ui-tab-indicator-image);opacity:var(--s-ui-tab-indicator-opacity);content:"";pointer-events:none;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-image var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__content{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0;overflow:visible;padding:var(--s-ui-tab-padding-block) var(--s-ui-tab-padding-inline);border-radius:var(--s-ui-border-radius-base);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__icon-wrap{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.s-ui-tab__icon{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-tab-icon-slot-size);height:var(--s-ui-tab-icon-slot-size);padding:var(--s-ui-tab-icon-padding);color:var(--s-ui-tab-icon-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__icon-badge{position:absolute;top:var(--s-ui-tab-icon-badge-offset);left:var(--s-ui-tab-icon-badge-offset);z-index:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--s-ui-dimension-12);height:var(--s-ui-dimension-12);border:1px solid var(--s-ui-color-border-neutral-static-base);border-radius:var(--s-ui-dimension-full);background-color:var(--s-ui-color-background-main-primary);color:var(--s-ui-color-text-surface-static);box-shadow:0 var(--s-ui-dimension-1) var(--s-ui-dimension-2) var(--s-ui-color-elevation-shadow-card);pointer-events:none;transition:top var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),left var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__icon-badge-icon{--s-ui-icon-size: var(--s-ui-dimension-6);color:var(--s-ui-color-icon-surface-static)}.s-ui-tab__label-wrap{display:inline-flex;align-items:center;min-width:0;gap:0}.s-ui-tab__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__input{box-sizing:border-box;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:transparent;color:var(--s-ui-tab-label-color);outline:none;field-sizing:content;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-image var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__input::placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-tab__caret{flex-shrink:0;width:var(--s-ui-dimension-1);height:var(--s-ui-dimension-20);overflow:hidden;position:relative}.s-ui-tab__caret:before{position:absolute;top:0;bottom:0;left:0;width:var(--s-ui-dimension-2);background-color:var(--s-ui-color-text-surface-primary);content:""}.s-ui-tab__right{display:inline-flex;flex-shrink:0;align-items:center}.s-ui-tab__counter{display:inline-flex;align-items:center;justify-content:center;min-width:var(--s-ui-dimension-16);padding:var(--s-ui-dimension-1) var(--s-ui-dimension-4);border-radius:var(--s-ui-dimension-full);background-color:var(--s-ui-tab-counter-bg);color:var(--s-ui-tab-counter-color);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab--size-small{--s-ui-tab-min-height: var(--s-ui-dimension-32);--s-ui-tab-padding-inline: var(--s-ui-space-padding-x-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-x-small);--s-ui-tab-icon-slot-size: var(--s-ui-dimension-20);--s-ui-tab-icon-badge-offset: var(--s-ui-dimension-12)}.s-ui-tab--appearance-primary{padding:var(--s-ui-tab-padding-block) var(--s-ui-tab-padding-inline)}.s-ui-tab--appearance-primary:not(.s-ui-tab--icon-only) .s-ui-tab__content{padding-block:0;padding-inline:0 var(--s-ui-tab-icon-padding)}.s-ui-tab--appearance-primary.s-ui-tab--icon-only .s-ui-tab__content{padding:0}.s-ui-tab--appearance-secondary{--s-ui-tab-bg: var(--s-ui-color-surface-primary)}.s-ui-tab--appearance-secondary .s-ui-tab__content{background-color:var(--s-ui-tab-bg);border-radius:var(--s-ui-border-radius-base)}.s-ui-tab--appearance-secondary.s-ui-tab--size-small{--s-ui-tab-min-height: var(--s-ui-dimension-24);--s-ui-tab-padding-inline: var(--s-ui-space-padding-x-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-2x-small)}.s-ui-tab--icon-only{--s-ui-tab-min-height: var(--s-ui-dimension-40)}.s-ui-tab--icon-only.s-ui-tab--size-large{--s-ui-tab-padding-inline: var(--s-ui-space-padding-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-small)}.s-ui-tab--icon-only.s-ui-tab--appearance-secondary.s-ui-tab--size-large .s-ui-tab__content{box-sizing:border-box;justify-content:center;width:calc(var(--s-ui-tab-padding-inline) * 2 + var(--s-ui-tab-icon-slot-size));padding:var(--s-ui-tab-padding-block) var(--s-ui-tab-padding-inline)}.s-ui-tab--icon-only.s-ui-tab--appearance-primary.s-ui-tab--size-large .s-ui-tab__content{box-sizing:border-box;justify-content:center;width:var(--s-ui-tab-icon-slot-size);height:var(--s-ui-tab-icon-slot-size);padding:0}.s-ui-tab--icon-only.s-ui-tab--size-small{--s-ui-tab-min-height: var(--s-ui-dimension-32);--s-ui-tab-icon-padding: var(--s-ui-dimension-1)}.s-ui-tab--icon-only.s-ui-tab--appearance-primary.s-ui-tab--size-small .s-ui-tab__content{box-sizing:border-box;justify-content:center;width:var(--s-ui-tab-icon-slot-size);height:var(--s-ui-tab-icon-slot-size);padding:0}.s-ui-tab--icon-only.s-ui-tab--appearance-secondary.s-ui-tab--size-small{--s-ui-tab-min-height: var(--s-ui-dimension-24);--s-ui-tab-padding-inline: var(--s-ui-space-padding-2x-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-2x-small);--s-ui-tab-icon-padding: var(--s-ui-dimension-1);--s-ui-tab-icon-badge-offset: var(--s-ui-dimension-10)}.s-ui-tab--icon-only.s-ui-tab--appearance-secondary.s-ui-tab--size-small .s-ui-tab__content{box-sizing:border-box;justify-content:center;width:calc(var(--s-ui-tab-padding-inline) * 2 + var(--s-ui-tab-icon-slot-size));height:var(--s-ui-dimension-24);padding:var(--s-ui-tab-padding-block) var(--s-ui-tab-padding-inline)}.s-ui-tab--appearance-primary:hover:not(.s-ui-tab--disabled,.s-ui-tab--selected,.s-ui-tab--billing){--s-ui-tab-indicator-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-tab--appearance-primary:active:not(.s-ui-tab--disabled,.s-ui-tab--selected,.s-ui-tab--billing){--s-ui-tab-indicator-color: var(--s-ui-color-border-neutral-action-pressed);--s-ui-tab-label-color: var(--s-ui-color-text-surface-primary);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-primary)}.s-ui-tab--appearance-primary.s-ui-tab--selected:not(.s-ui-tab--billing){--s-ui-tab-label-color: var(--s-ui-color-text-main-enabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-enabled);--s-ui-tab-indicator-color: var(--s-ui-color-border-main-selected);--s-ui-tab-counter-bg: var(--s-ui-color-background-main-primary)}.s-ui-tab--appearance-primary.s-ui-tab--selected.s-ui-tab--billing{--s-ui-tab-label-color: var(--s-ui-color-text-main-enabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-enabled);--s-ui-tab-counter-bg: var(--s-ui-color-background-main-primary)}.s-ui-tab--appearance-primary.s-ui-tab--selected:hover:not(.s-ui-tab--disabled){--s-ui-tab-label-color: var(--s-ui-color-text-accent-blue-action-hovered);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-hovered)}.s-ui-tab--appearance-primary.s-ui-tab--selected:active:not(.s-ui-tab--disabled){--s-ui-tab-label-color: var(--s-ui-color-text-accent-blue-action-pressed);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-tab--appearance-secondary:hover:not(.s-ui-tab--disabled,.s-ui-tab--selected){--s-ui-tab-bg: var(--s-ui-color-background-neutral-action-calm-hovered)}.s-ui-tab--appearance-secondary:active:not(.s-ui-tab--disabled,.s-ui-tab--selected){--s-ui-tab-bg: var(--s-ui-color-background-neutral-action-calm-pressed);--s-ui-tab-label-color: var(--s-ui-color-text-surface-primary);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-primary)}.s-ui-tab--appearance-secondary.s-ui-tab--selected{--s-ui-tab-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-tab-label-color: var(--s-ui-color-text-main-enabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-enabled);--s-ui-tab-counter-bg: var(--s-ui-color-background-main-primary)}.s-ui-tab--appearance-secondary.s-ui-tab--selected:hover:not(.s-ui-tab--disabled){--s-ui-tab-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-tab-label-color: var(--s-ui-color-text-main-hovered);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-hovered)}.s-ui-tab--appearance-secondary.s-ui-tab--selected:active:not(.s-ui-tab--disabled){--s-ui-tab-bg: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-tab-label-color: var(--s-ui-color-text-main-pressed);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-tab--billing{transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab--billing:not(.s-ui-tab--disabled) .s-ui-tab__label,.s-ui-tab--billing:not(.s-ui-tab--disabled) .s-ui-tab__input{background-image:var(--s-ui-tab-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.s-ui-tab--billing:not(.s-ui-tab--disabled) .s-ui-tab__input::placeholder{background-image:var(--s-ui-tab-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.72}.s-ui-tab--billing:hover:not(.s-ui-tab--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-hover-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-hover-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-hover-stop-3)}.s-ui-tab--billing:active:not(.s-ui-tab--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-pressed-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-pressed-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-pressed-stop-3)}.s-ui-tab--billing.s-ui-tab--appearance-primary:not(.s-ui-tab--disabled){--s-ui-tab-indicator-color: transparent;--s-ui-tab-indicator-image: var(--s-ui-tab-billing-gradient);--s-ui-tab-indicator-opacity: 0}.s-ui-tab--billing.s-ui-tab--appearance-primary:hover:not(.s-ui-tab--disabled,.s-ui-tab--selected),.s-ui-tab--billing.s-ui-tab--appearance-primary:active:not(.s-ui-tab--disabled,.s-ui-tab--selected),.s-ui-tab--billing.s-ui-tab--appearance-primary.s-ui-tab--selected:not(.s-ui-tab--disabled){--s-ui-tab-indicator-opacity: 1}.s-ui-tab--appearance-secondary.s-ui-tab--editable:not(.s-ui-tab--disabled){background-color:var(--s-ui-color-surface-primary);border-radius:var(--s-ui-border-radius-base);outline:1px solid var(--s-ui-color-border-neutral-action-pressed);outline-offset:0;box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab--appearance-secondary.s-ui-tab--editable:not(.s-ui-tab--disabled) .s-ui-tab__content{background-color:transparent;box-shadow:none;outline:none}.s-ui-tab--editable-placeholder:not(.s-ui-tab--disabled) .s-ui-tab__label{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-tab--editable-placeholder:not(.s-ui-tab--disabled) .s-ui-tab__input{min-width:var(--s-ui-dimension-80)}.s-ui-tab--editable-value:not(.s-ui-tab--disabled) .s-ui-tab__input{color:var(--s-ui-color-text-surface-secondary)}.s-ui-tab--appearance-secondary.s-ui-tab--icon-only.s-ui-tab--size-small .s-ui-tab__icon-badge{top:var(--s-ui-dimension-12);left:var(--s-ui-dimension-14)}.s-ui-tab--appearance-secondary.s-ui-tab--icon-only:focus-visible{border-radius:var(--s-ui-border-radius-base);box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab--appearance-secondary.s-ui-tab--icon-only:focus-visible .s-ui-tab__content{box-shadow:none}.s-ui-tab--disabled{cursor:not-allowed;pointer-events:none}.s-ui-tab--disabled:not(.s-ui-tab--selected){--s-ui-tab-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-disabled);--s-ui-tab-counter-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-tab-counter-color: var(--s-ui-color-text-surface-disabled);--s-ui-tab-indicator-color: transparent}.s-ui-tab--disabled.s-ui-tab--appearance-primary.s-ui-tab--selected{--s-ui-tab-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-disabled);--s-ui-tab-indicator-color: var(--s-ui-color-icon-surface-disabled);--s-ui-tab-indicator-image: none;--s-ui-tab-indicator-opacity: 1;--s-ui-tab-counter-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-tab-counter-color: var(--s-ui-color-text-surface-disabled)}.s-ui-tab--disabled.s-ui-tab--appearance-secondary.s-ui-tab--selected{--s-ui-tab-bg: var(--s-ui-color-background-disabled-surface);--s-ui-tab-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-disabled);--s-ui-tab-counter-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-tab-counter-color: var(--s-ui-color-text-surface-disabled)}.s-ui-tab--disabled .s-ui-tab__icon-badge{background-color:var(--s-ui-color-background-neutral-tertiary);color:var(--s-ui-color-text-surface-static)}.s-ui-tab--disabled .s-ui-tab__icon-badge-icon{color:var(--s-ui-color-icon-surface-static)}.s-ui-tab--disabled.s-ui-tab--billing .s-ui-tab__label,.s-ui-tab--disabled.s-ui-tab--billing .s-ui-tab__input{background-image:none;background-clip:border-box;color:var(--s-ui-tab-label-color)}.s-ui-tab--link[aria-disabled=true]{cursor:not-allowed;pointer-events:none}.s-ui-tab:focus{outline:none}.s-ui-tab:focus-visible.s-ui-tab--appearance-primary.s-ui-tab--selected .s-ui-tab__content{background-color:var(--s-ui-color-surface-primary);box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab:focus-visible.s-ui-tab--appearance-secondary.s-ui-tab--selected:not(.s-ui-tab--editable) .s-ui-tab__content{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab--appearance-primary:focus-visible:not(.s-ui-tab--selected,.s-ui-tab--icon-only) .s-ui-tab__content,.s-ui-tab--appearance-primary.s-ui-tab--icon-only:focus-visible:not(.s-ui-tab--selected) .s-ui-tab__content{background-color:var(--s-ui-color-surface-primary);box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab--appearance-secondary:focus-visible:not(.s-ui-tab--selected,.s-ui-tab--icon-only,.s-ui-tab--editable) .s-ui-tab__content{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab:focus-visible:not(:active,.s-ui-tab--selected,.s-ui-tab--icon-only){--s-ui-tab-label-color: var(--s-ui-color-text-surface-tertiary)}.s-ui-tab--appearance-secondary.s-ui-tab--editable:focus-visible .s-ui-tab__content{outline:1px solid var(--s-ui-color-border-neutral-action-pressed);outline-offset:0}.s-ui-tab--appearance-primary:after{display:block}.s-ui-tab--appearance-secondary:after{display:none}}@layer components{.s-ui-tabs{--s-ui-tabs-track-gap: var(--s-ui-space-gap-x-medium);box-sizing:border-box;display:flex;align-items:center;min-width:0}.s-ui-tabs--size-small{--s-ui-tabs-track-gap: var(--s-ui-space-gap-small)}.s-ui-tabs--addable{--s-ui-tabs-add-gap: var(--s-ui-space-gap-x-medium);gap:var(--s-ui-tabs-add-gap)}.s-ui-tabs--addable.s-ui-tabs--size-small{--s-ui-tabs-add-gap: var(--s-ui-space-gap-small)}.s-ui-tabs--appearance-primary{border-bottom:1px solid var(--s-ui-color-border-neutral-primary)}.s-ui-tabs__body{position:relative;flex:1;min-width:0}.s-ui-tabs__scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.s-ui-tabs__scroll::-webkit-scrollbar{display:none}.s-ui-tabs__track{position:relative;display:inline-flex;align-items:center;gap:var(--s-ui-tabs-track-gap);min-width:min-content}.s-ui-tabs__indicator{position:absolute;bottom:0;left:0;z-index:1;box-sizing:border-box;height:var(--s-ui-dimension-3);background-color:var(--s-ui-color-border-main-selected);pointer-events:none;transition:transform var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),width var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard);will-change:transform,width}.s-ui-tabs__indicator--billing{background-color:transparent;background-image:linear-gradient(86deg,var(--s-ui-gradient-billing-stop-1-color) -3.31%,var(--s-ui-gradient-billing-stop-2-color) 53.31%,var(--s-ui-gradient-billing-stop-3-color) 109.94%)}.s-ui-tabs[aria-disabled=true] .s-ui-tabs__indicator{background-color:var(--s-ui-color-icon-surface-disabled);background-image:none}.s-ui-tabs--appearance-primary .s-ui-tab--selected:after{opacity:0}.s-ui-tabs__fade{position:absolute;top:50%;right:0;z-index:2;width:var(--s-ui-dimension-32);height:var(--s-ui-dimension-40);background:linear-gradient(to right,var(--s-ui-color-elevation-overlay-fade),var(--s-ui-color-surface-primary));opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tabs--size-small.s-ui-tabs--addable .s-ui-tabs__fade{top:calc(50% + var(--s-ui-dimension-4))}.s-ui-tabs__fade--visible{opacity:1}.s-ui-tabs__add{flex-shrink:0}}@layer components{.s-ui-tag{box-sizing:border-box;display:inline-flex;align-items:center;max-width:100%;border-radius:var(--s-ui-border-radius-base);color:var(--s-ui-color-text-surface-primary);background-color:var(--s-ui-tag-bg, transparent)}.s-ui-tag--link{text-decoration:none;color:inherit;cursor:pointer}.s-ui-tag__content{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.s-ui-tag__actions{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-2x-small)}.s-ui-tag__action-close{display:inline-flex;align-items:center}.s-ui-tag__actions .s-ui-button.s-ui-button--appearance-bare{--s-ui-button-padding: 0}.s-ui-tag--size-small,.s-ui-tag--size-medium{gap:var(--s-ui-space-gap-2x-small)}.s-ui-tag--size-small{padding:var(--s-ui-space-padding-2x-small) var(--s-ui-space-padding-x-small)}.s-ui-tag--size-medium{padding:var(--s-ui-space-padding-x-small)}.s-ui-tag--short{justify-content:center;min-width:var(--s-ui-space-padding-large)}.s-ui-tag--disabled{cursor:not-allowed;pointer-events:none}.s-ui-tag--selected{outline:1px solid var(--s-ui-color-border-main-selected);outline-offset:-1px;box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tag--color-red-orange{--s-ui-tag-bg: var(--s-ui-color-background-accent-red-orange-tertiary)}.s-ui-tag--color-orange{--s-ui-tag-bg: var(--s-ui-color-background-accent-orange-tertiary)}.s-ui-tag--color-yellow{--s-ui-tag-bg: var(--s-ui-color-background-accent-yellow-tertiary)}.s-ui-tag--color-green{--s-ui-tag-bg: var(--s-ui-color-background-accent-green-tertiary)}.s-ui-tag--color-teal{--s-ui-tag-bg: var(--s-ui-color-background-accent-teal-tertiary)}.s-ui-tag--color-cyan{--s-ui-tag-bg: var(--s-ui-color-background-accent-cyan-tertiary)}.s-ui-tag--color-blue{--s-ui-tag-bg: var(--s-ui-color-background-accent-blue-tertiary)}.s-ui-tag--color-indigo{--s-ui-tag-bg: var(--s-ui-color-background-accent-indigo-tertiary)}.s-ui-tag--color-violet{--s-ui-tag-bg: var(--s-ui-color-background-accent-violet-tertiary)}.s-ui-tag--color-magenta{--s-ui-tag-bg: var(--s-ui-color-background-accent-magenta-tertiary)}.s-ui-tag--color-pink{--s-ui-tag-bg: var(--s-ui-color-background-accent-pink-tertiary)}.s-ui-tag--color-red{--s-ui-tag-bg: var(--s-ui-color-background-accent-red-tertiary)}.s-ui-tag--color-gray{--s-ui-tag-bg: var(--s-ui-color-background-neutral-action-calm-enabled)}.s-ui-tag--color-white-border{--s-ui-tag-bg: var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-color-border-neutral-action-enabled);outline-offset:-1px}.s-ui-tag--color-white-border.s-ui-tag--selected{outline:1px solid var(--s-ui-color-border-main-selected);outline-offset:-1px}.s-ui-tag--color-billing{background-image:linear-gradient(86deg,var(--s-ui-gradient-billing-stop-1-color) -3.31%,var(--s-ui-gradient-billing-stop-2-color) 53.31%,var(--s-ui-gradient-billing-stop-3-color) 109.94%)}.s-ui-tag--color-billing .s-ui-tag__content{color:var(--s-ui-color-text-surface-static)}.s-ui-tag--color-billing-light{background-image:linear-gradient(-68deg,var(--s-ui-color-gradient-calm-blue) 24%,var(--s-ui-color-gradient-calm-magenta) 72.533%)}.s-ui-tag--color-billing-light .s-ui-tag__content{display:inline-block;background-image:var(--s-ui-gradient-billing);-webkit-background-clip:text;background-clip:text;color:transparent}.s-ui-tag:focus-visible,.s-ui-tag:has(.s-ui-button:focus-visible){outline:1px solid var(--s-ui-color-border-neutral-action-pressed);outline-offset:-1px;box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}}@layer components{.s-ui-tag-group{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-small);min-width:0}.s-ui-tag-group__cluster{box-sizing:border-box;display:inline-flex;flex-wrap:nowrap;align-items:center;min-width:0;padding-inline-end:var(--s-ui-space-padding-x-small)}.s-ui-tag-group__cluster .s-ui-tag:not(.s-ui-tag--color-white-border,:focus-visible,:has(.s-ui-button:focus-visible)){outline:1px solid var(--s-ui-color-border-neutral-static-base);outline-offset:-1px}.s-ui-tag-group__cluster .s-ui-tag{position:relative;flex-shrink:0;margin-inline-end:calc(-1 * var(--s-ui-space-padding-x-small))}}@layer components{.s-ui-textarea{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-ui-space-gap-x-small);width:100%}.s-ui-textarea__field{--s-ui-textarea-bg: var(--s-ui-color-surface-primary);--s-ui-textarea-outline-color: var(--s-ui-color-border-neutral-action-hovered);--s-ui-textarea-focus-shadow: transparent;box-sizing:border-box;display:flex;width:100%;min-width:0;min-height:var(--s-ui-dimension-40);padding:var(--s-ui-space-padding-small);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-textarea-bg);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-textarea__field--bordered{outline:1px solid var(--s-ui-textarea-outline-color);outline-offset:-1px}.s-ui-textarea__field--borderless{outline:1px solid transparent;outline-offset:-1px}.s-ui-textarea__field--bordered.s-ui-textarea__field--filled:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly,.s-ui-textarea__field--error,.s-ui-textarea__field--focused){--s-ui-textarea-outline-color: var(--s-ui-color-border-neutral-action-enabled)}.s-ui-textarea__field--bordered:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly,.s-ui-textarea__field--error):hover{--s-ui-textarea-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-textarea__field--borderless:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly,.s-ui-textarea__field--focused):hover{--s-ui-textarea-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-textarea-outline-color: transparent}.s-ui-textarea__field--borderless:not(.s-ui-textarea__field--filled,.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly):hover .s-ui-textarea__control::placeholder{color:var(--s-ui-color-text-surface-secondary)}.s-ui-textarea__field:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly).s-ui-textarea__field--focused{--s-ui-textarea-outline-color: var(--s-ui-color-border-neutral-action-pressed);--s-ui-textarea-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-textarea__field--borderless:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly).s-ui-textarea__field--focused{--s-ui-textarea-bg: var(--s-ui-color-surface-primary);--s-ui-textarea-outline-color: transparent}.s-ui-textarea__field--error:not(.s-ui-textarea__field--disabled){--s-ui-textarea-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-textarea__field--error:not(.s-ui-textarea__field--disabled).s-ui-textarea__field--focused{--s-ui-textarea-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-textarea__field--disabled{--s-ui-textarea-bg: var(--s-ui-color-background-disabled-surface);--s-ui-textarea-outline-color: transparent;cursor:not-allowed}.s-ui-textarea__field--readonly{--s-ui-textarea-bg: var(--s-ui-color-background-disabled-surface);--s-ui-textarea-outline-color: var(--s-ui-color-border-disabled-primary);cursor:default}.s-ui-textarea__field.s-ui-textarea__field--focused{box-shadow:var(--s-ui-textarea-focus-shadow)}.s-ui-textarea__control{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:calc(var(--s-ui-dimension-40) - (var(--s-ui-space-padding-small) * 2));margin:0;padding:var(--s-ui-space-gap-2x-small) var(--s-ui-space-gap-x-small);border:0;background:transparent;color:var(--s-ui-color-text-surface-primary);outline:none;resize:none;overflow:auto}.s-ui-textarea__field--resizable .s-ui-textarea__control{resize:vertical}.s-ui-textarea__control::placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-textarea__control:disabled{color:var(--s-ui-color-text-surface-disabled);cursor:not-allowed}.s-ui-textarea__control:read-only{color:var(--s-ui-color-text-surface-primary);cursor:default}.s-ui-textarea__footer{display:flex;align-items:flex-start;gap:var(--s-ui-space-gap-x-small);width:100%}.s-ui-textarea__messages{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--s-ui-space-gap-x-small);min-width:0}.s-ui-textarea__counter{flex-shrink:0;margin:0 0 0 auto;color:var(--s-ui-color-text-surface-secondary);text-align:right;-webkit-user-select:none;user-select:none}}@layer components{.s-ui-toggle{--s-ui-toggle-track-bg: var(--s-ui-color-background-neutral-action-calm-hovered);--s-ui-toggle-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-toggle-focus-shadow: transparent;--s-ui-toggle-thumb-translate: 0;--s-ui-toggle-thumb-shadow: 0 .5px 4px 0 var(--s-ui-color-elevation-shadow-element), 0 6px 13px 0 var(--s-ui-color-elevation-shadow-element);box-sizing:border-box;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none}.s-ui-toggle--disabled{cursor:not-allowed}.s-ui-toggle--size-large{--s-ui-toggle-track-width: var(--s-ui-dimension-40);--s-ui-toggle-track-height: var(--s-ui-dimension-24);--s-ui-toggle-thumb-shell-width: calc(var(--s-ui-dimension-20) + var(--s-ui-dimension-16));--s-ui-toggle-thumb-size: var(--s-ui-dimension-20);--s-ui-toggle-thumb-shadow: 0 .6px 4.8px 0 var(--s-ui-color-elevation-shadow-element), 0 7.2px 15.6px 0 var(--s-ui-color-elevation-shadow-element)}.s-ui-toggle--size-medium{--s-ui-toggle-track-width: var(--s-ui-dimension-32);--s-ui-toggle-track-height: var(--s-ui-dimension-20);--s-ui-toggle-thumb-shell-width: calc(var(--s-ui-dimension-20) + var(--s-ui-dimension-8));--s-ui-toggle-thumb-size: var(--s-ui-dimension-16)}.s-ui-toggle--size-small{--s-ui-toggle-track-width: var(--s-ui-dimension-24);--s-ui-toggle-track-height: var(--s-ui-dimension-14);--s-ui-toggle-thumb-shell-width: var(--s-ui-dimension-20);--s-ui-toggle-thumb-size: var(--s-ui-dimension-10)}.s-ui-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.s-ui-toggle__track{box-sizing:border-box;display:inline-flex;align-items:center;flex-shrink:0;width:var(--s-ui-toggle-track-width);height:var(--s-ui-toggle-track-height);padding:var(--s-ui-space-padding-2x-small);border-radius:var(--s-ui-border-radius-section);background-color:var(--s-ui-toggle-track-bg);outline:1px solid var(--s-ui-toggle-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-toggle-focus-shadow);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-toggle__thumb-shell{display:block;width:var(--s-ui-toggle-thumb-shell-width);height:100%}.s-ui-toggle__thumb{display:block;flex-shrink:0;width:var(--s-ui-toggle-thumb-size);height:var(--s-ui-toggle-thumb-size);border-radius:var(--s-ui-border-radius-rounded);background-color:var(--s-ui-color-icon-surface-static);box-shadow:var(--s-ui-toggle-thumb-shadow);transform:translate(var(--s-ui-toggle-thumb-translate));transition:transform var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-toggle__input:focus-visible+.s-ui-toggle__track{--s-ui-toggle-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-toggle--disabled .s-ui-toggle__input:focus-visible+.s-ui-toggle__track{--s-ui-toggle-focus-shadow: transparent}.s-ui-toggle--checked{--s-ui-toggle-thumb-translate: calc( var(--s-ui-toggle-thumb-shell-width) - var(--s-ui-toggle-thumb-size) )}.s-ui-toggle--checked:not(.s-ui-toggle--disabled){--s-ui-toggle-track-bg: var(--s-ui-color-background-main-action-loud-selected);--s-ui-toggle-outline-color: var(--s-ui-color-border-main-selected)}.s-ui-toggle--checked:not(.s-ui-toggle--disabled):hover{--s-ui-toggle-track-bg: var(--s-ui-color-background-main-action-loud-hovered);--s-ui-toggle-outline-color: var(--s-ui-color-border-main-hovered)}.s-ui-toggle--checked:not(.s-ui-toggle--disabled):active{--s-ui-toggle-track-bg: var(--s-ui-color-background-main-action-loud-pressed);--s-ui-toggle-outline-color: var(--s-ui-color-border-main-pressed)}.s-ui-toggle:not(.s-ui-toggle--disabled,.s-ui-toggle--checked):hover{--s-ui-toggle-track-bg: var(--s-ui-color-background-neutral-action-calm-hovered);--s-ui-toggle-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-toggle:not(.s-ui-toggle--disabled,.s-ui-toggle--checked):active{--s-ui-toggle-track-bg: var(--s-ui-color-background-neutral-action-calm-pressed);--s-ui-toggle-outline-color: var(--s-ui-color-border-neutral-action-pressed)}.s-ui-toggle--disabled{--s-ui-toggle-track-bg: var(--s-ui-color-background-disabled-surface);--s-ui-toggle-outline-color: var(--s-ui-color-border-disabled-primary)}}@layer components;
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.28.0",
+  "version": "1.29.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",
@@ -219,7 +219,7 @@
   "dependencies": {
     "chart.js": "^4.5.0",
     "@shtabapp/ui-kit-primitives": "^1.14.0",
-    "@shtabapp/ui-kit-tokens": "^1.14.0"
+    "@shtabapp/ui-kit-tokens": "^1.15.0"
   },
   "devDependencies": {
     "@storybook/vue3-vite": "^10.4.1",