@shtabapp/ui-kit 1.48.0 → 1.49.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/{SPhotoEdit-bXKHcP3x.js → SPhotoEdit-BJXa6mh4.js} +29 -29
- package/dist/SPhotoEdit-vg58q6I7.cjs +1 -0
- package/dist/components/SPhotoEdit/SPhotoEdit.types.d.ts +1 -0
- package/dist/components/SPhotoEdit/SPhotoEdit.types.d.ts.map +1 -1
- package/dist/components/SPhotoEdit/SPhotoEdit.vue.d.ts.map +1 -1
- package/dist/entries/photo-edit.cjs +1 -1
- package/dist/entries/photo-edit.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/uikit-components.css +1 -1
- package/package.json +1 -1
- package/dist/SPhotoEdit-VW9-n1yU.cjs +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
## [@shtabapp/ui-kit-v1.49.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.48.0...@shtabapp/ui-kit@1.49.0) (2026-07-23)
|
|
2
|
+
|
|
3
|
+
### Features
|
|
4
|
+
|
|
5
|
+
- sphotoedit x-small size ([66633ed](https://gitlab.com/mstikharev/shtab-ui-kit/commit/66633ed6b521339d2f092c20a9c4e75deb1fc542))
|
|
6
|
+
|
|
1
7
|
## [@shtabapp/ui-kit-v1.48.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.47.0...@shtabapp/ui-kit@1.48.0) (2026-07-22)
|
|
2
8
|
|
|
3
9
|
### Features
|
|
@@ -4,7 +4,7 @@ import { computed as i, createCommentVNode as a, createElementBlock as o, create
|
|
|
4
4
|
import { SIcon as x, useUiKitI18n as S } from "@shtabapp/ui-kit-primitives";
|
|
5
5
|
//#region src/components/SPhotoEdit/SPhotoEdit.types.ts
|
|
6
6
|
var C = /* @__PURE__ */ function(e) {
|
|
7
|
-
return e.SMALL = "small", e.BIG = "big", e;
|
|
7
|
+
return e.X_SMALL = "x-small", e.SMALL = "small", e.BIG = "big", e;
|
|
8
8
|
}({}), w = /* @__PURE__ */ function(e) {
|
|
9
9
|
return e.CIRCLE = "circle", e.SQUARE = "square", e;
|
|
10
10
|
}({}), T = {
|
|
@@ -17,7 +17,7 @@ var C = /* @__PURE__ */ function(e) {
|
|
|
17
17
|
], O = ["src", "alt"], k = {
|
|
18
18
|
key: 1,
|
|
19
19
|
class: "s-ui-photo-edit__placeholder"
|
|
20
|
-
}, A = { class: "s-ui-photo-edit__camera" }, j = { class: "s-ui-photo-edit__overlay" }, M =
|
|
20
|
+
}, A = { class: "s-ui-photo-edit__camera" }, j = { class: "s-ui-photo-edit__overlay" }, M = ["accept", "disabled"], N = /* @__PURE__ */ l({
|
|
21
21
|
__name: "SPhotoEdit",
|
|
22
22
|
props: /*@__PURE__*/ u({
|
|
23
23
|
accept: { default: "image/jpeg,image/png,image/jpg" },
|
|
@@ -34,44 +34,44 @@ var C = /* @__PURE__ */ function(e) {
|
|
|
34
34
|
}),
|
|
35
35
|
emits: /*@__PURE__*/ u(["change", "remove"], ["update:modelValue"]),
|
|
36
36
|
setup(l, { emit: u }) {
|
|
37
|
-
let
|
|
37
|
+
let w = _(l, "modelValue"), N = u, { t: P } = S(), F = v("fileInputRef"), I = m(null), L = () => {
|
|
38
38
|
I.value &&= (URL.revokeObjectURL(I.value), null);
|
|
39
39
|
};
|
|
40
|
-
y(() =>
|
|
40
|
+
y(() => w.value, (e) => {
|
|
41
41
|
L(), e instanceof File && (I.value = URL.createObjectURL(e));
|
|
42
42
|
}, { immediate: !0 }), f(L);
|
|
43
43
|
let R = i(() => {
|
|
44
|
-
let e =
|
|
44
|
+
let e = w.value;
|
|
45
45
|
return e instanceof File ? I.value ?? "" : typeof e == "string" ? e : "";
|
|
46
46
|
}), z = i(() => {
|
|
47
|
-
let e =
|
|
47
|
+
let e = w.value;
|
|
48
48
|
return e instanceof File ? !0 : typeof e == "string" ? e.length > 0 : !1;
|
|
49
49
|
}), B = i(() => ({
|
|
50
50
|
[`s-ui-photo-edit--size-${l.size}`]: !0,
|
|
51
51
|
[`s-ui-photo-edit--shape-${l.shape}`]: !0,
|
|
52
52
|
"s-ui-photo-edit--filled": z.value,
|
|
53
53
|
"s-ui-photo-edit--disabled": l.disabled
|
|
54
|
-
})), V = i(() => z.value ? P("photoEdit.changePhoto") : P("photoEdit.uploadPhoto")),
|
|
54
|
+
})), V = i(() => l.size === C.X_SMALL ? "s-ui-typography-label-10-medium" : "s-ui-typography-label-12-medium"), H = i(() => z.value ? P("photoEdit.changePhoto") : P("photoEdit.uploadPhoto")), U = i(() => z.value ? P("photoEdit.changePhoto") : P("photoEdit.pickPhoto")), W = i(() => l.disabled ? -1 : 0), G = () => {
|
|
55
55
|
F.value && (F.value.value = "");
|
|
56
|
-
},
|
|
57
|
-
|
|
58
|
-
},
|
|
59
|
-
|
|
56
|
+
}, K = () => {
|
|
57
|
+
w.value = null, L(), G();
|
|
58
|
+
}, q = (e) => {
|
|
59
|
+
N("change", {
|
|
60
60
|
file: e,
|
|
61
|
-
abort:
|
|
61
|
+
abort: K
|
|
62
62
|
});
|
|
63
|
-
}, q = () => {
|
|
64
|
-
l.disabled || F.value?.click();
|
|
65
63
|
}, J = () => {
|
|
66
|
-
|
|
67
|
-
}, Y = (
|
|
68
|
-
|
|
64
|
+
l.disabled || F.value?.click();
|
|
65
|
+
}, Y = () => {
|
|
66
|
+
J();
|
|
69
67
|
}, X = (e) => {
|
|
68
|
+
l.disabled || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), J());
|
|
69
|
+
}, Z = (e) => {
|
|
70
70
|
if (!(e.target instanceof HTMLInputElement)) return;
|
|
71
71
|
let t = e.target.files?.[0];
|
|
72
|
-
t && (
|
|
73
|
-
},
|
|
74
|
-
l.disabled || (
|
|
72
|
+
t && (w.value = t, q(t), G());
|
|
73
|
+
}, Q = () => {
|
|
74
|
+
l.disabled || (N("remove"), w.value = null, L(), G(), q(null));
|
|
75
75
|
};
|
|
76
76
|
return (i, u) => (p(), o("div", { class: d(["s-ui-photo-edit", B.value]) }, [
|
|
77
77
|
z.value ? (p(), o("span", T, [c(g(r), {
|
|
@@ -82,7 +82,7 @@ var C = /* @__PURE__ */ function(e) {
|
|
|
82
82
|
tabindex: -1,
|
|
83
83
|
icon: "closeMini",
|
|
84
84
|
"aria-label": g(P)("photoEdit.removePhoto"),
|
|
85
|
-
onClick: b(
|
|
85
|
+
onClick: b(Q, ["stop"])
|
|
86
86
|
}, null, 8, [
|
|
87
87
|
"appearance",
|
|
88
88
|
"variant",
|
|
@@ -93,11 +93,11 @@ var C = /* @__PURE__ */ function(e) {
|
|
|
93
93
|
s("div", E, [s("div", {
|
|
94
94
|
class: "s-ui-photo-edit__trigger",
|
|
95
95
|
role: "button",
|
|
96
|
-
tabindex:
|
|
96
|
+
tabindex: W.value,
|
|
97
97
|
"aria-disabled": l.disabled || void 0,
|
|
98
|
-
"aria-label":
|
|
99
|
-
onClick:
|
|
100
|
-
onKeydown:
|
|
98
|
+
"aria-label": U.value,
|
|
99
|
+
onClick: Y,
|
|
100
|
+
onKeydown: X
|
|
101
101
|
}, [R.value ? (p(), o("img", {
|
|
102
102
|
key: 0,
|
|
103
103
|
class: "s-ui-photo-edit__preview",
|
|
@@ -106,7 +106,7 @@ var C = /* @__PURE__ */ function(e) {
|
|
|
106
106
|
}, null, 8, O)) : (p(), o("div", k, [s("span", A, [c(g(x), {
|
|
107
107
|
name: "camera",
|
|
108
108
|
size: 40
|
|
109
|
-
})])])), s("div", j, [s("span",
|
|
109
|
+
})])])), s("div", j, [s("span", { class: d(["s-ui-photo-edit__label", V.value]) }, h(H.value), 3)])], 40, D)]),
|
|
110
110
|
s("input", {
|
|
111
111
|
ref_key: "fileInputRef",
|
|
112
112
|
ref: F,
|
|
@@ -114,10 +114,10 @@ var C = /* @__PURE__ */ function(e) {
|
|
|
114
114
|
type: "file",
|
|
115
115
|
accept: l.accept,
|
|
116
116
|
disabled: l.disabled,
|
|
117
|
-
onChange:
|
|
118
|
-
}, null, 40,
|
|
117
|
+
onChange: Z
|
|
118
|
+
}, null, 40, M)
|
|
119
119
|
], 2));
|
|
120
120
|
}
|
|
121
121
|
});
|
|
122
122
|
//#endregion
|
|
123
|
-
export { w as n, C as r,
|
|
123
|
+
export { w as n, C as r, N as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.X_SMALL=`x-small`,e.SMALL=`small`,e.BIG=`big`,e}({}),a=function(e){return e.CIRCLE=`circle`,e.SQUARE=`square`,e}({}),o={key:0,class:`s-ui-photo-edit__remove`},s={class:`s-ui-photo-edit__wrapper`},c=[`tabindex`,`aria-disabled`,`aria-label`],l=[`src`,`alt`],u={key:1,class:`s-ui-photo-edit__placeholder`},d={class:`s-ui-photo-edit__camera`},f={class:`s-ui-photo-edit__overlay`},p=[`accept`,`disabled`],m=(0,n.defineComponent)({__name:`SPhotoEdit`,props:(0,n.mergeModels)({accept:{default:`image/jpeg,image/png,image/jpg`},alt:{},disabled:{type:Boolean,default:!1},shape:{default:()=>a.CIRCLE},size:{default:()=>i.SMALL}},{modelValue:{default:null},modelModifiers:{}}),emits:(0,n.mergeModels)([`change`,`remove`],[`update:modelValue`]),setup(a,{emit:m}){let h=(0,n.useModel)(a,`modelValue`),g=m,{t:_}=(0,r.useUiKitI18n)(),v=(0,n.useTemplateRef)(`fileInputRef`),y=(0,n.ref)(null),b=()=>{y.value&&=(URL.revokeObjectURL(y.value),null)};(0,n.watch)(()=>h.value,e=>{b(),e instanceof File&&(y.value=URL.createObjectURL(e))},{immediate:!0}),(0,n.onScopeDispose)(b);let x=(0,n.computed)(()=>{let e=h.value;return e instanceof File?y.value??``:typeof e==`string`?e:``}),S=(0,n.computed)(()=>{let e=h.value;return e instanceof File?!0:typeof e==`string`?e.length>0:!1}),C=(0,n.computed)(()=>({[`s-ui-photo-edit--size-${a.size}`]:!0,[`s-ui-photo-edit--shape-${a.shape}`]:!0,"s-ui-photo-edit--filled":S.value,"s-ui-photo-edit--disabled":a.disabled})),w=(0,n.computed)(()=>a.size===i.X_SMALL?`s-ui-typography-label-10-medium`:`s-ui-typography-label-12-medium`),T=(0,n.computed)(()=>S.value?_(`photoEdit.changePhoto`):_(`photoEdit.uploadPhoto`)),E=(0,n.computed)(()=>S.value?_(`photoEdit.changePhoto`):_(`photoEdit.pickPhoto`)),D=(0,n.computed)(()=>a.disabled?-1:0),O=()=>{v.value&&(v.value.value=``)},k=()=>{h.value=null,b(),O()},A=e=>{g(`change`,{file:e,abort:k})},j=()=>{a.disabled||v.value?.click()},M=()=>{j()},N=e=>{a.disabled||e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),j())},P=e=>{if(!(e.target instanceof HTMLInputElement))return;let t=e.target.files?.[0];t&&(h.value=t,A(t),O())},F=()=>{a.disabled||(g(`remove`),h.value=null,b(),O(),A(null))};return(i,m)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`s-ui-photo-edit`,C.value])},[S.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,o,[(0,n.createVNode)((0,n.unref)(t.t),{appearance:(0,n.unref)(e.t).BARE,variant:(0,n.unref)(e.r).NEUTRAL,size:(0,n.unref)(e.n).SMALL,disabled:a.disabled,tabindex:-1,icon:`closeMini`,"aria-label":(0,n.unref)(_)(`photoEdit.removePhoto`),onClick:(0,n.withModifiers)(F,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`aria-label`])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,s,[(0,n.createElementVNode)(`div`,{class:`s-ui-photo-edit__trigger`,role:`button`,tabindex:D.value,"aria-disabled":a.disabled||void 0,"aria-label":E.value,onClick:M,onKeydown:N},[x.value?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,class:`s-ui-photo-edit__preview`,src:x.value,alt:a.alt??``},null,8,l)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,u,[(0,n.createElementVNode)(`span`,d,[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:`camera`,size:40})])])),(0,n.createElementVNode)(`div`,f,[(0,n.createElementVNode)(`span`,{class:(0,n.normalizeClass)([`s-ui-photo-edit__label`,w.value])},(0,n.toDisplayString)(T.value),3)])],40,c)]),(0,n.createElementVNode)(`input`,{ref_key:`fileInputRef`,ref:v,class:`s-ui-photo-edit__input`,type:`file`,accept:a.accept,disabled:a.disabled,onChange:P},null,40,p)],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SPhotoEdit.types.d.ts","sourceRoot":"","sources":["../../../src/components/SPhotoEdit/SPhotoEdit.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,GAAG,CAAA;AAEnC,oBAAY,eAAe;IACzB,KAAK,UAAU;IACf,GAAG,QAAQ;CACZ;AAED,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sCAAsC;IACtC,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,qCAAqC;IACrC,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;CAClB;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"SPhotoEdit.types.d.ts","sourceRoot":"","sources":["../../../src/components/SPhotoEdit/SPhotoEdit.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,GAAG,CAAA;AAEnC,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,GAAG,QAAQ;CACZ;AAED,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sCAAsC;IACtC,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,qCAAqC;IACrC,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;CAClB;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SPhotoEdit.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SPhotoEdit/SPhotoEdit.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SPhotoEdit.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SPhotoEdit/SPhotoEdit.vue"],"names":[],"mappings":"AAoQA,OAAO,EAGL,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACtB,MAAM,oBAAoB,CAAA;AAE3B,KAAK,WAAW,GAAG,gBAAgB,CAAC;AA+LpC,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;CACjC,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAgJxD,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SPhotoEdit-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SPhotoEdit-vg58q6I7.cjs");exports.ESPhotoEditShape=e.n,exports.ESPhotoEditSize=e.r,exports.SPhotoEdit=e.t;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, r as t, t as n } from "../SPhotoEdit-
|
|
1
|
+
import { n as e, r as t, t as n } from "../SPhotoEdit-BJXa6mh4.js";
|
|
2
2
|
export { e as ESPhotoEditShape, t as ESPhotoEditSize, n as SPhotoEdit };
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-DTG0odWX.cjs"),n=require("./SColorPicker-CeKB3QS1.cjs"),r=require("./SColorPalette-CqfVzhda.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CaqcKGIq.cjs"),o=require("./SButton.types-UKroD-ev.cjs"),s=require("./SButton-C-z_q5CG.cjs"),c=require("./useSelectionGroup-TaektE-I.cjs"),l=require("./useSelectLink-DDdMmsJB.cjs"),u=require("./SButtonGroup-BPy2YaEP.cjs"),d=require("./SCheckbox-CYy7tfoS.cjs"),f=require("./SCard-BR2R5VQd.cjs"),p=require("./SSegmentControl-Dz-d3Y9v.cjs"),m=require("./STab-BbzowB-Y.cjs"),h=require("./STabs-DeHqnjNJ.cjs"),g=require("./useFloatingOverlay-B1UCUYQQ.cjs"),_=require("./STag-D1mmp1kd.cjs"),v=require("./STagGroup-BMIwBk-O.cjs"),y=require("./SChip-DoFL5c6-.cjs"),b=require("./SDropdown-_QUOP-rw.cjs"),x=require("./SSelect-DcTEwHx6.cjs"),S=require("./SInput-C07kFnj_.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-CTiOAAOu.cjs"),T=require("./SList-S18K8mlH.cjs"),E=require("./SListItem-CdveotJe.cjs"),D=require("./SRadio-Ca-1D4q6.cjs"),O=require("./SToggle-DxSm1RNz.cjs"),k=require("./SInlineInput-6LglCWSn.cjs"),ee=require("./STextarea-BJWrc9t1.cjs"),A=require("./SPhotoEdit-VW9-n1yU.cjs"),j=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),te=require("./SChartLine-BF6Klm4j.cjs"),ne=require("./resolveSeriesPaletteColor-hI4YDdUg.cjs"),re=require("./SChartStackedArea-BLHs3sSH.cjs"),ie=require("./SChartStackedBar-CWNyvUj9.cjs"),ae=require("./SChartHorizontalBar-4H-lgfO4.cjs"),oe=require("./SChartPie-namQTFla.cjs"),se=require("./SChartMultiLine-Ddvfmf__.cjs"),ce=require("./SChartBurnup-C4x5kik6.cjs"),le=require("./SChartProgress-DsFHotRv.cjs"),M=require("./SChartLegend-DGtjd6zV.cjs"),ue=require("./useHasListener-BPgtbbo6.cjs"),N=require("./buildWorkTimeLegendItems-DjhLKbAP.cjs");let P=require("vue"),F=require("@shtabapp/ui-kit-primitives"),de=require("@vueuse/core");var I=[`--s-ui-chart-segmented-bar-palette-1`,`--s-ui-chart-segmented-bar-palette-2`,`--s-ui-chart-segmented-bar-palette-3`,`--s-ui-chart-segmented-bar-palette-4`,`--s-ui-chart-segmented-bar-palette-5`,`--s-ui-chart-segmented-bar-palette-6`,`--s-ui-chart-segmented-bar-palette-7`,`--s-ui-chart-segmented-bar-palette-8`],L=[`--s-ui-chart-segmented-bar-skeleton-palette-1`,`--s-ui-chart-segmented-bar-skeleton-palette-2`,`--s-ui-chart-segmented-bar-skeleton-palette-3`,`--s-ui-chart-segmented-bar-skeleton-palette-4`,`--s-ui-chart-segmented-bar-skeleton-palette-5`,`--s-ui-chart-segmented-bar-skeleton-palette-6`,`--s-ui-chart-segmented-bar-skeleton-palette-7`,`--s-ui-chart-segmented-bar-skeleton-palette-8`],fe=(e,t,n,r=!1)=>ne.t(e,t,n,r,{palette:I,paletteFallback:I[0],skeletonPalette:L,skeletonFallback:L[0]}),R=function(e){return e.INFO_ACCENT=`info-accent`,e.INFO_NORMAL=`info-normal`,e.SUCCESS=`success`,e.WARNING=`warning`,e.DANGER=`danger`,e.BILLING=`billing`,e}({}),z=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),B=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),V=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),pe={[R.INFO_ACCENT]:F.ESIconName.infoCircle,[R.INFO_NORMAL]:F.ESIconName.infoCircle,[R.SUCCESS]:F.ESIconName.checkCircle,[R.WARNING]:F.ESIconName.alertCircle,[R.DANGER]:F.ESIconName.dangerCircleFill,[R.BILLING]:F.ESIconName.infoCircle},me=(e,t)=>t||pe[e],he=[`role`],ge={class:`s-ui-notification__body`},_e={key:0,class:`s-ui-notification__leftside`},ve={key:0,class:`s-ui-notification__icon`},ye={class:`s-ui-notification__content`},be={class:`s-ui-notification__title-row`},xe={class:`s-ui-notification__title s-ui-typography-label-14-medium`},Se={key:0,class:`s-ui-notification__description-block`},Ce={key:0,class:`s-ui-notification__description s-ui-typography-label-12-medium`},we={key:1,class:`s-ui-notification__actions-stack`},Te={key:1,class:`s-ui-notification__actions-row`},H=(0,P.defineComponent)({__name:`SNotification`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},surface:{default:()=>V.BANNER},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:n}){let r=n,i=(0,P.useSlots)(),a=(0,P.computed)(()=>[`s-ui-notification--type-${e.type}`,`s-ui-notification--layout-${e.layout}`,`s-ui-notification--surface-${e.surface}`]),c=(0,P.computed)(()=>{let t={};return e.width&&(t.width=typeof e.width==`number`?`${e.width}px`:e.width),e.maxWidth&&(t.maxWidth=typeof e.maxWidth==`number`?`${e.maxWidth}px`:e.maxWidth),t}),l=(0,P.computed)(()=>e.type===R.DANGER?`alert`:`status`),u=(0,P.computed)(()=>me(e.type,e.icon)),d=(0,P.computed)(()=>e.type===R.BILLING),f=(0,P.computed)(()=>!!(e.leftside===B.AVATAR&&e.avatar||e.leftside===B.ICON)),p=(0,P.computed)(()=>!!(e.description||e.linkText||i.description)),m=(0,P.computed)(()=>e.showPrimaryButton&&(e.primaryButtonText||e.secondaryButtonText)),h=(0,P.computed)(()=>e.showPrimaryButton&&e.primaryButtonText||e.closable),g=(0,P.computed)(()=>e.type===R.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,P.computed)(()=>e.type===R.BILLING?o.r.BILLING:o.r.MAIN),v=()=>{r(`close`)},y=()=>{r(`linkClick`)},b=()=>{r(`primaryAction`)},x=()=>{r(`secondaryAction`)};return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-notification`,a.value]),style:(0,P.normalizeStyle)(c.value),role:l.value},[(0,P.createElementVNode)(`div`,ge,[f.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,_e,[e.leftside===(0,P.unref)(B).ICON?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,ve,[(0,P.createVNode)((0,P.unref)(F.SIcon),{name:u.value,size:16,billing:d.value},null,8,[`name`,`billing`])])):e.leftside===(0,P.unref)(B).AVATAR&&e.avatar?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(t.t),{key:1,name:e.avatar.name,src:e.avatar.src,badge:e.avatar.badge,size:(0,P.unref)(t.o).SIZE_20,showName:!1},null,8,[`name`,`src`,`badge`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),(0,P.createElementVNode)(`div`,ye,[(0,P.createElementVNode)(`div`,be,[(0,P.createElementVNode)(`span`,xe,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])]),e.layout===(0,P.unref)(z).VERTICAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)]),p.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Se,[e.description||(0,P.unref)(i).description?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,Ce,[(0,P.renderSlot)(n.$slots,`description`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.description),1)])])):(0,P.createCommentVNode)(``,!0),e.linkText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__link`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).MAIN,size:(0,P.unref)(o.n).SMALL,onClick:y},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.linkText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).VERTICAL&&m.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,we,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.showPrimaryButton&&e.secondaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,onClick:x},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.secondaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)]),e.layout===(0,P.unref)(z).HORIZONTAL&&h.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Te,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).HORIZONTAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)])],14,he))}}),Ee=(0,P.defineComponent)({__name:`SBanner`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)();return(t,i)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-banner`,"data-qa":`ui:banner`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).BANNER,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,maxWidth:e.maxWidth,onClose:i[0]||=e=>n(`close`),onLinkClick:i[1]||=e=>n(`linkClick`),onPrimaryAction:i[2]||=e=>n(`primaryAction`),onSecondaryAction:i[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`maxWidth`]))}}),U=(0,P.defineComponent)({__name:`SToast`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)(),i=(0,P.computed)(()=>e.width??360);return(t,a)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-toast`,"data-qa":`ui:toast`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).TOAST,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,width:i.value,onClose:a[0]||=e=>n(`close`),onLinkClick:a[1]||=e=>n(`linkClick`),onPrimaryAction:a[2]||=e=>n(`primaryAction`),onSecondaryAction:a[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`]))}}),De=.05,Oe=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],ke=(0,P.defineComponent)({__name:`SToastProviderToast`,props:{index:{},expanded:{type:Boolean},frontToastHeight:{},stackPeek:{},removed:{type:Boolean},visible:{type:Boolean},offsetY:{}},emits:[`heightChange`],setup(e,{emit:t}){let n=t,r=(0,P.ref)(null),i=(0,P.ref)(0),a=(0,P.ref)(!1),o=(0,P.computed)(()=>e.index===0),s=(0,P.computed)(()=>1-e.index*De),c=(0,P.computed)(()=>({"--s-ui-toast-provider-toasts-before":String(e.index),"--s-ui-toast-provider-lift-amount":`${e.stackPeek*-1}px`,"--s-ui-toast-provider-front-toast-height":`${e.frontToastHeight}px`,"--s-ui-toast-provider-offset-y":`${e.offsetY}px`,"--s-ui-toast-provider-initial-height":`${i.value}px`,"--s-ui-toast-provider-stack-scale":String(s.value),zIndex:String(1e3-e.index)}));return(0,de.useResizeObserver)(r,e=>{let t=e[0]?.contentRect.height??0;t!==i.value&&(i.value=t,n(`heightChange`,t))}),(0,P.onMounted)(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.value=!0})})}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:`s-ui-toast-provider__toast`,"data-mounted":a.value,"data-front":o.value,"data-expanded":e.expanded,"data-removed":e.removed,"data-visible":e.visible,style:(0,P.normalizeStyle)(c.value)},[(0,P.createElementVNode)(`div`,{ref_key:`contentRef`,ref:r,class:`s-ui-toast-provider__toast-content`},[(0,P.renderSlot)(t.$slots,`default`)],512)],12,Oe))}}),W=4e3,G=1e4,Ae=50,K=(e,t)=>{let n=W+(e.length+(t?.length??0))*50;return n>1e4?G:n},q=(0,P.shallowRef)([]),J=new Map,je=0,Me={type:R.INFO_ACCENT,layout:z.HORIZONTAL,leftside:B.ICON,showPrimaryButton:!1,closable:!0},Ne=()=>`toast-${Date.now()}-${++je}`,Y=e=>{let t=J.get(e);t&&(window.clearTimeout(t),J.delete(e))},X=e=>{Y(e.id);let t=e.duration===void 0?K(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{Z(e.id)},t);J.set(e.id,n)}},Z=e=>{let t=q.value.findIndex(t=>t.id===e);if(t===-1)return;let n=q.value[t];n&&(Y(e),n.onClose&&n.onClose(),q.value=q.value.filter(t=>t.id!==e))},Pe=()=>{J.forEach(e=>window.clearTimeout(e)),J.clear(),q.value=[]},Q=e=>e.length<=3?e:(e.slice(3).forEach(e=>{Y(e.id)}),e.slice(0,3)),Fe=e=>{let t=e.id??Ne(),n={...Me,...e,id:t},r=q.value.findIndex(e=>e.id===t);if(r>-1){let e=[...q.value];e[r]=n,q.value=Q(e)}else q.value=Q([n,...q.value]);return X(n),t},Ie=(e,t)=>{let n=q.value.findIndex(t=>t.id===e);if(n===-1)return;let r=q.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...q.value];a[n]=i,q.value=a,X(i)},$=()=>({toasts:q,show:Fe,hide:Z,hideAll:Pe,update:Ie}),Le=(0,P.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=$(),r=(0,P.computed)(()=>t.value.slice(0,3)),i=(0,P.ref)(!1),a=(0,P.shallowRef)({}),o=(0,P.ref)(new Set),s=(0,P.computed)(()=>t.value[0]??null),c=(0,P.computed)(()=>s.value?a.value[s.value.id]??0:0),l=(0,P.ref)(0),u=(0,P.computed)(()=>c.value>0?c.value:l.value);(0,P.watch)(c,e=>{e>0&&(l.value=e)});let d=(0,P.computed)(()=>{if(r.value.length===0)return{};if(i.value)return{height:`${r.value.reduce((e,t,n)=>{let r=a.value[t.id]??0,i=n>0?4:0;return e+r+i},0)}px`};let e=Math.min(r.value.length-1,2)*10;return{height:`${u.value+e}px`}}),f=e=>{let t=0;for(let n=0;n<e;n+=1){let e=r.value[n];e&&(t+=(a.value[e.id]??0)+4)}return t},p=e=>o.value.has(e),m=()=>{r.value.length>1&&(i.value=!0)},h=()=>{i.value=!1},g=(e,t)=>{a.value={...a.value,[e]:t}},_=e=>{o.value.has(e)||(o.value=new Set([...o.value,e]),window.setTimeout(()=>{n(e);let t=new Set(o.value);t.delete(e),o.value=t;let r={...a.value};delete r[e],a.value=r},200))},v=e=>{e.onLinkClick&&e.onLinkClick()},y=e=>{e.onPrimaryAction&&e.onPrimaryAction(e.id)},b=e=>{e.onSecondaryAction&&e.onSecondaryAction()};return(e,t)=>((0,P.openBlock)(),(0,P.createBlock)(P.Teleport,{to:`body`},[(0,P.createElementVNode)(`div`,{class:`s-ui-toast-provider`,onMouseenter:m,onMouseleave:h},[r.value.length>0?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{key:0,class:`s-ui-toast-provider__list`,style:(0,P.normalizeStyle)(d.value)},[((0,P.openBlock)(!0),(0,P.createElementBlock)(P.Fragment,null,(0,P.renderList)(r.value,(t,n)=>((0,P.openBlock)(),(0,P.createBlock)(ke,{key:t.id,index:n,expanded:i.value,"front-toast-height":u.value,"stack-peek":(0,P.unref)(10),removed:p(t.id),visible:n<(0,P.unref)(3),"offset-y":f(n),onHeightChange:e=>g(t.id,e)},{default:(0,P.withCtx)(()=>[(0,P.renderSlot)(e.$slots,`toast`,{toast:t},()=>[t.component?((0,P.openBlock)(),(0,P.createBlock)((0,P.resolveDynamicComponent)(t.component),(0,P.mergeProps)({key:0,ref_for:!0},t.componentProps,{toast:t,onClose:e=>_(t.id)}),null,16,[`toast`,`onClose`])):((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(U),{key:1,type:t.type,layout:t.layout,leftside:t.leftside,title:t.title,description:t.description,linkText:t.linkText,primaryButtonText:t.primaryButtonText,secondaryButtonText:t.secondaryButtonText,showPrimaryButton:t.showPrimaryButton,closable:t.closable,closeAriaLabel:t.closeAriaLabel,icon:t.icon,avatar:t.avatar,width:t.width,onClose:e=>_(t.id),onLinkClick:e=>v(t),onPrimaryAction:e=>y(t),onSecondaryAction:e=>b(t)},null,8,[`type`,`layout`,`leftside`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`,`onClose`,`onLinkClick`,`onPrimaryAction`,`onSecondaryAction`]))])]),_:2},1032,[`index`,`expanded`,`front-toast-height`,`stack-peek`,`removed`,`visible`,`offset-y`,`onHeightChange`]))),128))],4)):(0,P.createCommentVNode)(``,!0)],32)]))}}),Re=4,ze=4,Be=1,Ve=`400 12px var(--s-ui-font-family-label)`,He=4,Ue=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},We=e=>{let t=e.getProps([`x`,`y`,`base`],!0),n=Number(t.x),r=Number(t.y),i=Number(t.base);return!Number.isFinite(n)||!Number.isFinite(r)||!Number.isFinite(i)?null:{left:Math.min(i,n),width:Math.abs(n-i),centerY:r}},Ge=(e,t,n,r)=>{let i=We(t);if(!i)return;let a=`${n}`,o=e.measureText(a).width+Re*2;if(i.width<o+He*2)return;let s=i.left+i.width/2;Ue(e,s-o/2,i.centerY-20/2,o,20,ze),e.fillStyle=r.background,e.fill(),e.lineWidth=Be,e.strokeStyle=r.border,e.stroke(),e.fillStyle=r.text,e.fillText(a,s,i.centerY)},Ke=e=>({id:`segmentedBarBadge`,afterDatasetsDraw(t){let n={background:j.w(j.v.pieBadgeBackground,e),border:j.w(j.v.pieBadgeBorder,e),text:j.w(j.v.pieBadgeText,e)},{ctx:r}=t;r.save(),r.font=Ve,r.textAlign=`center`,r.textBaseline=`middle`,t.data.datasets.forEach((e,i)=>{let a=t.getDatasetMeta(i)?.data[0],o=e.data[0];a&&typeof o==`number`&&o>0&&Ge(r,a,o,n)}),r.restore()}}),qe=40,Je=4,Ye=1,Xe=[`mousemove`,`mouseout`,`click`,`touchstart`,`touchmove`],Ze=({segments:e,segmentColors:t,colorHostElement:n,skeleton:r=!1,onSegmentClick:i})=>{if(e.length===0)return null;let a=j.w(`--s-ui-color-surface-primary`,n),o=e.reduce((e,t)=>e+t.value,0),s=j.a({kind:`series`,skeleton:r,colorHostElement:n,onIndexClick:i});return{type:`bar`,data:{labels:[``],datasets:e.map((e,n)=>({label:e.label,data:[e.value],backgroundColor:t[n],hoverBackgroundColor:t[n],borderColor:a,borderWidth:{left:Ye,right:Ye},borderSkipped:!1,borderRadius:Je,barThickness:qe,stack:`track`}))},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,layout:{padding:0},events:r?[]:Xe,onHover:s.onHover,onClick:s.onClick,hover:r?void 0:{mode:`nearest`,intersect:!0},elements:r?void 0:{bar:{hoverBorderColor:a}},plugins:{legend:{display:!1},tooltip:{enabled:!1}},scales:{x:{display:!1,stacked:!0,min:0,max:o},y:{display:!1,stacked:!0}}},plugins:[...r?[]:[Ke(n)],...s.plugins]}},Qe=[4,1,2,1,3,1,2,1].map((e,t)=>({label:`Series ${t+1}`,value:e})),$e={class:`s-ui-chart-segmented-bar__canvas-wrap`},et=(0,P.defineComponent)({__name:`SChartSegmentedBar`,props:{segments:{default:()=>[]},showLegend:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},emits:[`segmentClick`],setup(e,{expose:t,emit:n}){let r=n,i=j.n,a=(0,P.useTemplateRef)(`chartRootRef`),o=(0,P.useTemplateRef)(`chartCanvasRef`),s=(0,P.computed)(()=>e.loading?Qe:e.segments),c=(0,P.computed)(()=>s.value.map((t,n)=>fe(n,a.value,t.fillColor,e.loading))),l=(0,P.computed)(()=>s.value.map((e,t)=>({segment:e,segmentIndex:t})).filter(({segment:e})=>e.value>0)),u=(0,P.computed)(()=>l.value.map(({segment:e})=>e)),d=(0,P.computed)(()=>l.value.map(({segmentIndex:e})=>c.value[e]??``)),f=(0,P.computed)(()=>{let e=new Map;return l.value.forEach(({segmentIndex:t},n)=>{e.set(t,n)}),e}),p=e=>{let t=l.value[e];t&&r(`segmentClick`,t.segmentIndex,t.segment)},m=ue.t(`onSegmentClick`),h=(0,P.computed)(()=>Ze({segments:u.value,segmentColors:d.value,colorHostElement:a.value,skeleton:e.loading,onSegmentClick:m()?p:void 0})),g=(0,P.computed)(()=>s.value.map((e,t)=>({label:e.label,color:c.value[t]??``}))),{chartInstance:_}=j.i({canvasRef:o,config:h,enabled:(0,P.computed)(()=>e.loading||u.value.length>0)}),{exportImage:v,handleLegendItemHover:y}=j.r({chartInstance:_,canvasRef:o,colorHostElement:a}),b=e=>{y(e===null?null:f.value.get(e)??null)};return t({exportImage:v}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:a,class:(0,P.normalizeClass)([`s-ui-chart-segmented-bar`,{"s-ui-chart-segmented-bar--skeleton":e.loading}]),"data-qa":`ui:chart-segmented-bar`},[(0,P.createElementVNode)(`div`,$e,[(0,P.createVNode)((0,P.unref)(j.t),{loading:e.loading,type:(0,P.unref)(i).CARTESIAN},{default:(0,P.withCtx)(()=>[(0,P.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:o,class:`s-ui-chart-segmented-bar__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),e.showLegend&&g.value.length?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(M.t),{key:0,items:g.value,disabled:e.loading,interactive:!e.loading,onItemHover:b},null,8,[`items`,`disabled`,`interactive`])):(0,P.createCommentVNode)(``,!0)],2))}}),tt={key:0,class:`s-ui-chart-widget__header`},nt={key:0,class:`s-ui-chart-widget__title-skeleton`,"aria-hidden":`true`},rt={key:1,class:`s-ui-chart-widget__title s-ui-typography-label-16-medium`},it={class:`s-ui-chart-widget__controls`},at={key:1,class:`s-ui-chart-widget__content`},ot=(0,P.defineComponent)({__name:`SChartWidget`,props:(0,P.mergeModels)({title:{default:``},collapsible:{type:Boolean,default:!1},hideContentWhenCollapsed:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},{collapsed:{type:Boolean,default:!1},collapsedModifiers:{}}),emits:[`update:collapsed`],setup(e){let t=(0,P.useModel)(e,`collapsed`),n=(0,P.useSlots)(),{t:r}=(0,F.useUiKitI18n)(),i=(0,P.computed)(()=>!!e.title||!!n.title||!!n.actions||e.collapsible),a=(0,P.computed)(()=>!t.value||!e.collapsible||!e.hideContentWhenCollapsed),c=(0,P.computed)(()=>r(t.value?`chartWidget.expand`:`chartWidget.collapse`));return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-chart-widget`,{"s-ui-chart-widget--skeleton":e.loading}]),"data-qa":`ui:chart-widget`},[i.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,tt,[e.loading?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,nt)):((0,P.openBlock)(),(0,P.createElementBlock)(`span`,rt,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])])),(0,P.createElementVNode)(`div`,it,[(0,P.renderSlot)(n.$slots,`actions`),e.collapsible?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:(0,P.unref)(o.t).OUTLINED,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,icon:t.value?(0,P.unref)(F.ESIconName).chevronDown:(0,P.unref)(F.ESIconName).chevronUp,"aria-label":c.value,"aria-expanded":!t.value,onClick:r[0]||=e=>t.value=!t.value},null,8,[`appearance`,`variant`,`size`,`icon`,`aria-label`,`aria-expanded`])):(0,P.createCommentVNode)(``,!0)])])):(0,P.createCommentVNode)(``,!0),a.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,at,[(0,P.renderSlot)(n.$slots,`default`)])):(0,P.createCommentVNode)(``,!0)],2))}});exports.CALENDAR_WEEK_SLOT_COUNT=N.a,exports.DAY_TIMELINE_MINUTES=N.r,exports.DEFAULT_COLOR_PALETTE=r.i,exports.EAccentColor=r.a,exports.EButtonAppearance=o.t,exports.EButtonGroupLayout=u.n,exports.EButtonSize=o.n,exports.ESSegmentControlSize=o.n,exports.EButtonVariant=o.r,exports.EColorFormat=r.o,exports.EConnectedPositionStrategy=g.r,exports.ENotificationLayout=z,exports.ENotificationLeftside=B,exports.ENotificationType=R,exports.ESAvatarBadge=t.n,exports.ESAvatarColor=t.r,exports.ESAvatarGroupSize=a.n,exports.ESAvatarIconBackground=t.i,exports.ESAvatarShape=t.a,exports.ESAvatarSize=t.o,exports.ESBadgeColor=e.n,exports.ESBadgePlacement=e.r,exports.ESCardLayout=f.n,exports.ESCheckboxColor=d.n,exports.ESCheckboxSize=d.r,exports.ESChipColor=y.n,exports.ESChipSize=y.r,exports.ESColorPaletteLayout=r.n,exports.ESDropdownPlacement=g.i,exports.ESInlineInputAppearance=k.n,exports.ESInlineMessageValidationStatus=C.n,exports.ESInputCustomize=S.n,exports.ESLabelSize=w.n,exports.ESLabelVariant=w.r,exports.ESListGap=T.a,exports.ESListItemVariant=E.n,exports.ESPhotoEditShape=A.n,exports.ESPhotoEditSize=A.r,exports.ESRadioLabelPlacement=D.n,exports.ESSelectSearchable=x.n,exports.ESTabAppearance=m.n,exports.ESTabSize=m.r,exports.ESTagColor=_.n,exports.ESTagSize=_.r,exports.ESToggleSize=O.n,exports.ESelectionFocusMode=c.t,exports.ESelectionMode=c.n,exports.ESelectionOrientation=c.r,exports.EWorkTimeSource=N.c,exports.MAX_RECENT_COLORS=n.i,exports.RECOMMENDED_COLOR_PALETTE=r.r,exports.SAvatar=t.t,exports.SAvatarGroup=a.t,exports.SBadge=e.t,exports.SBanner=Ee,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCalendarMonth=N.l,exports.SCalendarWeekGrid=N.i,exports.SCard=f.t,exports.SChartBurnup=ce.t,exports.SChartHorizontalBar=ae.t,exports.SChartLegend=M.t,exports.SChartLine=te.t,exports.SChartMultiLine=se.t,exports.SChartPie=oe.t,exports.SChartProgress=le.t,exports.SChartSegmentedBar=et,exports.SChartStackedArea=re.t,exports.SChartStackedBar=ie.t,exports.SChartWidget=ot,exports.SCheckbox=d.t,exports.SChip=y.t,exports.SColorArea=n.r,exports.SColorPalette=r.t,exports.SColorPicker=n.t,exports.SColorValues=n.n,exports.SDayTimeline=N.n,exports.SDropdown=b.t,exports.SDropdownMenu=x.r,exports.SInlineInput=k.t,exports.SInlineMessage=C.t,exports.SInput=S.t,exports.SLabel=w.t,exports.SList=T.t,exports.SListItem=E.t,exports.SPhotoEdit=A.t,exports.SRadio=D.t,exports.SSegmentControl=p.t,exports.SSelect=x.t,exports.STab=m.t,exports.STabs=h.t,exports.STag=_.t,exports.STagGroup=v.t,exports.STextarea=ee.t,exports.SToast=U,exports.SToastProvider=Le,exports.SToggle=O.t,exports.TOAST_AUTO_DURATION_MAX_MS=G,exports.TOAST_AUTO_DURATION_MIN_MS=W,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=Ae,exports.WORK_TIME_SOURCE_COLOR_VARS=N.o,exports.WORK_TIME_SOURCE_ORDER=N.s,exports.buildWorkTimeLegendItems=N.t,exports.computeAutoDuration=K,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return F.createUiKit}}),exports.formatDurationHM=N.u,exports.isSameColor=i.r,exports.normalizeColorValue=i.i,exports.resolveColorPreview=i.a,exports.resolveOwnPropOrGroupedOrFallback=c.a,Object.defineProperty(exports,"setUiKitLocale",{enumerable:!0,get:function(){return F.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return F.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return F.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.o,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,exports.useToast=$,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return F.useUiKitI18n}});var st=require("@shtabapp/ui-kit-tokens");Object.keys(st).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return st[e]}})}),Object.keys(F).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return F[e]}})});
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-DTG0odWX.cjs"),n=require("./SColorPicker-CeKB3QS1.cjs"),r=require("./SColorPalette-CqfVzhda.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CaqcKGIq.cjs"),o=require("./SButton.types-UKroD-ev.cjs"),s=require("./SButton-C-z_q5CG.cjs"),c=require("./useSelectionGroup-TaektE-I.cjs"),l=require("./useSelectLink-DDdMmsJB.cjs"),u=require("./SButtonGroup-BPy2YaEP.cjs"),d=require("./SCheckbox-CYy7tfoS.cjs"),f=require("./SCard-BR2R5VQd.cjs"),p=require("./SSegmentControl-Dz-d3Y9v.cjs"),m=require("./STab-BbzowB-Y.cjs"),h=require("./STabs-DeHqnjNJ.cjs"),g=require("./useFloatingOverlay-B1UCUYQQ.cjs"),_=require("./STag-D1mmp1kd.cjs"),v=require("./STagGroup-BMIwBk-O.cjs"),y=require("./SChip-DoFL5c6-.cjs"),b=require("./SDropdown-_QUOP-rw.cjs"),x=require("./SSelect-DcTEwHx6.cjs"),S=require("./SInput-C07kFnj_.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-CTiOAAOu.cjs"),T=require("./SList-S18K8mlH.cjs"),E=require("./SListItem-CdveotJe.cjs"),D=require("./SRadio-Ca-1D4q6.cjs"),O=require("./SToggle-DxSm1RNz.cjs"),k=require("./SInlineInput-6LglCWSn.cjs"),ee=require("./STextarea-BJWrc9t1.cjs"),A=require("./SPhotoEdit-vg58q6I7.cjs"),j=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),te=require("./SChartLine-BF6Klm4j.cjs"),ne=require("./resolveSeriesPaletteColor-hI4YDdUg.cjs"),re=require("./SChartStackedArea-BLHs3sSH.cjs"),ie=require("./SChartStackedBar-CWNyvUj9.cjs"),ae=require("./SChartHorizontalBar-4H-lgfO4.cjs"),oe=require("./SChartPie-namQTFla.cjs"),se=require("./SChartMultiLine-Ddvfmf__.cjs"),ce=require("./SChartBurnup-C4x5kik6.cjs"),le=require("./SChartProgress-DsFHotRv.cjs"),M=require("./SChartLegend-DGtjd6zV.cjs"),ue=require("./useHasListener-BPgtbbo6.cjs"),N=require("./buildWorkTimeLegendItems-DjhLKbAP.cjs");let P=require("vue"),F=require("@shtabapp/ui-kit-primitives"),de=require("@vueuse/core");var I=[`--s-ui-chart-segmented-bar-palette-1`,`--s-ui-chart-segmented-bar-palette-2`,`--s-ui-chart-segmented-bar-palette-3`,`--s-ui-chart-segmented-bar-palette-4`,`--s-ui-chart-segmented-bar-palette-5`,`--s-ui-chart-segmented-bar-palette-6`,`--s-ui-chart-segmented-bar-palette-7`,`--s-ui-chart-segmented-bar-palette-8`],L=[`--s-ui-chart-segmented-bar-skeleton-palette-1`,`--s-ui-chart-segmented-bar-skeleton-palette-2`,`--s-ui-chart-segmented-bar-skeleton-palette-3`,`--s-ui-chart-segmented-bar-skeleton-palette-4`,`--s-ui-chart-segmented-bar-skeleton-palette-5`,`--s-ui-chart-segmented-bar-skeleton-palette-6`,`--s-ui-chart-segmented-bar-skeleton-palette-7`,`--s-ui-chart-segmented-bar-skeleton-palette-8`],fe=(e,t,n,r=!1)=>ne.t(e,t,n,r,{palette:I,paletteFallback:I[0],skeletonPalette:L,skeletonFallback:L[0]}),R=function(e){return e.INFO_ACCENT=`info-accent`,e.INFO_NORMAL=`info-normal`,e.SUCCESS=`success`,e.WARNING=`warning`,e.DANGER=`danger`,e.BILLING=`billing`,e}({}),z=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),B=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),V=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),pe={[R.INFO_ACCENT]:F.ESIconName.infoCircle,[R.INFO_NORMAL]:F.ESIconName.infoCircle,[R.SUCCESS]:F.ESIconName.checkCircle,[R.WARNING]:F.ESIconName.alertCircle,[R.DANGER]:F.ESIconName.dangerCircleFill,[R.BILLING]:F.ESIconName.infoCircle},me=(e,t)=>t||pe[e],he=[`role`],ge={class:`s-ui-notification__body`},_e={key:0,class:`s-ui-notification__leftside`},ve={key:0,class:`s-ui-notification__icon`},ye={class:`s-ui-notification__content`},be={class:`s-ui-notification__title-row`},xe={class:`s-ui-notification__title s-ui-typography-label-14-medium`},Se={key:0,class:`s-ui-notification__description-block`},Ce={key:0,class:`s-ui-notification__description s-ui-typography-label-12-medium`},we={key:1,class:`s-ui-notification__actions-stack`},Te={key:1,class:`s-ui-notification__actions-row`},H=(0,P.defineComponent)({__name:`SNotification`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},surface:{default:()=>V.BANNER},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:n}){let r=n,i=(0,P.useSlots)(),a=(0,P.computed)(()=>[`s-ui-notification--type-${e.type}`,`s-ui-notification--layout-${e.layout}`,`s-ui-notification--surface-${e.surface}`]),c=(0,P.computed)(()=>{let t={};return e.width&&(t.width=typeof e.width==`number`?`${e.width}px`:e.width),e.maxWidth&&(t.maxWidth=typeof e.maxWidth==`number`?`${e.maxWidth}px`:e.maxWidth),t}),l=(0,P.computed)(()=>e.type===R.DANGER?`alert`:`status`),u=(0,P.computed)(()=>me(e.type,e.icon)),d=(0,P.computed)(()=>e.type===R.BILLING),f=(0,P.computed)(()=>!!(e.leftside===B.AVATAR&&e.avatar||e.leftside===B.ICON)),p=(0,P.computed)(()=>!!(e.description||e.linkText||i.description)),m=(0,P.computed)(()=>e.showPrimaryButton&&(e.primaryButtonText||e.secondaryButtonText)),h=(0,P.computed)(()=>e.showPrimaryButton&&e.primaryButtonText||e.closable),g=(0,P.computed)(()=>e.type===R.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,P.computed)(()=>e.type===R.BILLING?o.r.BILLING:o.r.MAIN),v=()=>{r(`close`)},y=()=>{r(`linkClick`)},b=()=>{r(`primaryAction`)},x=()=>{r(`secondaryAction`)};return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-notification`,a.value]),style:(0,P.normalizeStyle)(c.value),role:l.value},[(0,P.createElementVNode)(`div`,ge,[f.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,_e,[e.leftside===(0,P.unref)(B).ICON?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,ve,[(0,P.createVNode)((0,P.unref)(F.SIcon),{name:u.value,size:16,billing:d.value},null,8,[`name`,`billing`])])):e.leftside===(0,P.unref)(B).AVATAR&&e.avatar?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(t.t),{key:1,name:e.avatar.name,src:e.avatar.src,badge:e.avatar.badge,size:(0,P.unref)(t.o).SIZE_20,showName:!1},null,8,[`name`,`src`,`badge`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),(0,P.createElementVNode)(`div`,ye,[(0,P.createElementVNode)(`div`,be,[(0,P.createElementVNode)(`span`,xe,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])]),e.layout===(0,P.unref)(z).VERTICAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)]),p.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Se,[e.description||(0,P.unref)(i).description?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,Ce,[(0,P.renderSlot)(n.$slots,`description`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.description),1)])])):(0,P.createCommentVNode)(``,!0),e.linkText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__link`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).MAIN,size:(0,P.unref)(o.n).SMALL,onClick:y},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.linkText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).VERTICAL&&m.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,we,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.showPrimaryButton&&e.secondaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,onClick:x},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.secondaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)]),e.layout===(0,P.unref)(z).HORIZONTAL&&h.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Te,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).HORIZONTAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)])],14,he))}}),Ee=(0,P.defineComponent)({__name:`SBanner`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)();return(t,i)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-banner`,"data-qa":`ui:banner`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).BANNER,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,maxWidth:e.maxWidth,onClose:i[0]||=e=>n(`close`),onLinkClick:i[1]||=e=>n(`linkClick`),onPrimaryAction:i[2]||=e=>n(`primaryAction`),onSecondaryAction:i[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`maxWidth`]))}}),U=(0,P.defineComponent)({__name:`SToast`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)(),i=(0,P.computed)(()=>e.width??360);return(t,a)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-toast`,"data-qa":`ui:toast`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).TOAST,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,width:i.value,onClose:a[0]||=e=>n(`close`),onLinkClick:a[1]||=e=>n(`linkClick`),onPrimaryAction:a[2]||=e=>n(`primaryAction`),onSecondaryAction:a[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`]))}}),De=.05,Oe=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],ke=(0,P.defineComponent)({__name:`SToastProviderToast`,props:{index:{},expanded:{type:Boolean},frontToastHeight:{},stackPeek:{},removed:{type:Boolean},visible:{type:Boolean},offsetY:{}},emits:[`heightChange`],setup(e,{emit:t}){let n=t,r=(0,P.ref)(null),i=(0,P.ref)(0),a=(0,P.ref)(!1),o=(0,P.computed)(()=>e.index===0),s=(0,P.computed)(()=>1-e.index*De),c=(0,P.computed)(()=>({"--s-ui-toast-provider-toasts-before":String(e.index),"--s-ui-toast-provider-lift-amount":`${e.stackPeek*-1}px`,"--s-ui-toast-provider-front-toast-height":`${e.frontToastHeight}px`,"--s-ui-toast-provider-offset-y":`${e.offsetY}px`,"--s-ui-toast-provider-initial-height":`${i.value}px`,"--s-ui-toast-provider-stack-scale":String(s.value),zIndex:String(1e3-e.index)}));return(0,de.useResizeObserver)(r,e=>{let t=e[0]?.contentRect.height??0;t!==i.value&&(i.value=t,n(`heightChange`,t))}),(0,P.onMounted)(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.value=!0})})}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:`s-ui-toast-provider__toast`,"data-mounted":a.value,"data-front":o.value,"data-expanded":e.expanded,"data-removed":e.removed,"data-visible":e.visible,style:(0,P.normalizeStyle)(c.value)},[(0,P.createElementVNode)(`div`,{ref_key:`contentRef`,ref:r,class:`s-ui-toast-provider__toast-content`},[(0,P.renderSlot)(t.$slots,`default`)],512)],12,Oe))}}),W=4e3,G=1e4,Ae=50,K=(e,t)=>{let n=W+(e.length+(t?.length??0))*50;return n>1e4?G:n},q=(0,P.shallowRef)([]),J=new Map,je=0,Me={type:R.INFO_ACCENT,layout:z.HORIZONTAL,leftside:B.ICON,showPrimaryButton:!1,closable:!0},Ne=()=>`toast-${Date.now()}-${++je}`,Y=e=>{let t=J.get(e);t&&(window.clearTimeout(t),J.delete(e))},X=e=>{Y(e.id);let t=e.duration===void 0?K(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{Z(e.id)},t);J.set(e.id,n)}},Z=e=>{let t=q.value.findIndex(t=>t.id===e);if(t===-1)return;let n=q.value[t];n&&(Y(e),n.onClose&&n.onClose(),q.value=q.value.filter(t=>t.id!==e))},Pe=()=>{J.forEach(e=>window.clearTimeout(e)),J.clear(),q.value=[]},Q=e=>e.length<=3?e:(e.slice(3).forEach(e=>{Y(e.id)}),e.slice(0,3)),Fe=e=>{let t=e.id??Ne(),n={...Me,...e,id:t},r=q.value.findIndex(e=>e.id===t);if(r>-1){let e=[...q.value];e[r]=n,q.value=Q(e)}else q.value=Q([n,...q.value]);return X(n),t},Ie=(e,t)=>{let n=q.value.findIndex(t=>t.id===e);if(n===-1)return;let r=q.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...q.value];a[n]=i,q.value=a,X(i)},$=()=>({toasts:q,show:Fe,hide:Z,hideAll:Pe,update:Ie}),Le=(0,P.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=$(),r=(0,P.computed)(()=>t.value.slice(0,3)),i=(0,P.ref)(!1),a=(0,P.shallowRef)({}),o=(0,P.ref)(new Set),s=(0,P.computed)(()=>t.value[0]??null),c=(0,P.computed)(()=>s.value?a.value[s.value.id]??0:0),l=(0,P.ref)(0),u=(0,P.computed)(()=>c.value>0?c.value:l.value);(0,P.watch)(c,e=>{e>0&&(l.value=e)});let d=(0,P.computed)(()=>{if(r.value.length===0)return{};if(i.value)return{height:`${r.value.reduce((e,t,n)=>{let r=a.value[t.id]??0,i=n>0?4:0;return e+r+i},0)}px`};let e=Math.min(r.value.length-1,2)*10;return{height:`${u.value+e}px`}}),f=e=>{let t=0;for(let n=0;n<e;n+=1){let e=r.value[n];e&&(t+=(a.value[e.id]??0)+4)}return t},p=e=>o.value.has(e),m=()=>{r.value.length>1&&(i.value=!0)},h=()=>{i.value=!1},g=(e,t)=>{a.value={...a.value,[e]:t}},_=e=>{o.value.has(e)||(o.value=new Set([...o.value,e]),window.setTimeout(()=>{n(e);let t=new Set(o.value);t.delete(e),o.value=t;let r={...a.value};delete r[e],a.value=r},200))},v=e=>{e.onLinkClick&&e.onLinkClick()},y=e=>{e.onPrimaryAction&&e.onPrimaryAction(e.id)},b=e=>{e.onSecondaryAction&&e.onSecondaryAction()};return(e,t)=>((0,P.openBlock)(),(0,P.createBlock)(P.Teleport,{to:`body`},[(0,P.createElementVNode)(`div`,{class:`s-ui-toast-provider`,onMouseenter:m,onMouseleave:h},[r.value.length>0?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{key:0,class:`s-ui-toast-provider__list`,style:(0,P.normalizeStyle)(d.value)},[((0,P.openBlock)(!0),(0,P.createElementBlock)(P.Fragment,null,(0,P.renderList)(r.value,(t,n)=>((0,P.openBlock)(),(0,P.createBlock)(ke,{key:t.id,index:n,expanded:i.value,"front-toast-height":u.value,"stack-peek":(0,P.unref)(10),removed:p(t.id),visible:n<(0,P.unref)(3),"offset-y":f(n),onHeightChange:e=>g(t.id,e)},{default:(0,P.withCtx)(()=>[(0,P.renderSlot)(e.$slots,`toast`,{toast:t},()=>[t.component?((0,P.openBlock)(),(0,P.createBlock)((0,P.resolveDynamicComponent)(t.component),(0,P.mergeProps)({key:0,ref_for:!0},t.componentProps,{toast:t,onClose:e=>_(t.id)}),null,16,[`toast`,`onClose`])):((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(U),{key:1,type:t.type,layout:t.layout,leftside:t.leftside,title:t.title,description:t.description,linkText:t.linkText,primaryButtonText:t.primaryButtonText,secondaryButtonText:t.secondaryButtonText,showPrimaryButton:t.showPrimaryButton,closable:t.closable,closeAriaLabel:t.closeAriaLabel,icon:t.icon,avatar:t.avatar,width:t.width,onClose:e=>_(t.id),onLinkClick:e=>v(t),onPrimaryAction:e=>y(t),onSecondaryAction:e=>b(t)},null,8,[`type`,`layout`,`leftside`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`,`onClose`,`onLinkClick`,`onPrimaryAction`,`onSecondaryAction`]))])]),_:2},1032,[`index`,`expanded`,`front-toast-height`,`stack-peek`,`removed`,`visible`,`offset-y`,`onHeightChange`]))),128))],4)):(0,P.createCommentVNode)(``,!0)],32)]))}}),Re=4,ze=4,Be=1,Ve=`400 12px var(--s-ui-font-family-label)`,He=4,Ue=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},We=e=>{let t=e.getProps([`x`,`y`,`base`],!0),n=Number(t.x),r=Number(t.y),i=Number(t.base);return!Number.isFinite(n)||!Number.isFinite(r)||!Number.isFinite(i)?null:{left:Math.min(i,n),width:Math.abs(n-i),centerY:r}},Ge=(e,t,n,r)=>{let i=We(t);if(!i)return;let a=`${n}`,o=e.measureText(a).width+Re*2;if(i.width<o+He*2)return;let s=i.left+i.width/2;Ue(e,s-o/2,i.centerY-20/2,o,20,ze),e.fillStyle=r.background,e.fill(),e.lineWidth=Be,e.strokeStyle=r.border,e.stroke(),e.fillStyle=r.text,e.fillText(a,s,i.centerY)},Ke=e=>({id:`segmentedBarBadge`,afterDatasetsDraw(t){let n={background:j.w(j.v.pieBadgeBackground,e),border:j.w(j.v.pieBadgeBorder,e),text:j.w(j.v.pieBadgeText,e)},{ctx:r}=t;r.save(),r.font=Ve,r.textAlign=`center`,r.textBaseline=`middle`,t.data.datasets.forEach((e,i)=>{let a=t.getDatasetMeta(i)?.data[0],o=e.data[0];a&&typeof o==`number`&&o>0&&Ge(r,a,o,n)}),r.restore()}}),qe=40,Je=4,Ye=1,Xe=[`mousemove`,`mouseout`,`click`,`touchstart`,`touchmove`],Ze=({segments:e,segmentColors:t,colorHostElement:n,skeleton:r=!1,onSegmentClick:i})=>{if(e.length===0)return null;let a=j.w(`--s-ui-color-surface-primary`,n),o=e.reduce((e,t)=>e+t.value,0),s=j.a({kind:`series`,skeleton:r,colorHostElement:n,onIndexClick:i});return{type:`bar`,data:{labels:[``],datasets:e.map((e,n)=>({label:e.label,data:[e.value],backgroundColor:t[n],hoverBackgroundColor:t[n],borderColor:a,borderWidth:{left:Ye,right:Ye},borderSkipped:!1,borderRadius:Je,barThickness:qe,stack:`track`}))},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,layout:{padding:0},events:r?[]:Xe,onHover:s.onHover,onClick:s.onClick,hover:r?void 0:{mode:`nearest`,intersect:!0},elements:r?void 0:{bar:{hoverBorderColor:a}},plugins:{legend:{display:!1},tooltip:{enabled:!1}},scales:{x:{display:!1,stacked:!0,min:0,max:o},y:{display:!1,stacked:!0}}},plugins:[...r?[]:[Ke(n)],...s.plugins]}},Qe=[4,1,2,1,3,1,2,1].map((e,t)=>({label:`Series ${t+1}`,value:e})),$e={class:`s-ui-chart-segmented-bar__canvas-wrap`},et=(0,P.defineComponent)({__name:`SChartSegmentedBar`,props:{segments:{default:()=>[]},showLegend:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},emits:[`segmentClick`],setup(e,{expose:t,emit:n}){let r=n,i=j.n,a=(0,P.useTemplateRef)(`chartRootRef`),o=(0,P.useTemplateRef)(`chartCanvasRef`),s=(0,P.computed)(()=>e.loading?Qe:e.segments),c=(0,P.computed)(()=>s.value.map((t,n)=>fe(n,a.value,t.fillColor,e.loading))),l=(0,P.computed)(()=>s.value.map((e,t)=>({segment:e,segmentIndex:t})).filter(({segment:e})=>e.value>0)),u=(0,P.computed)(()=>l.value.map(({segment:e})=>e)),d=(0,P.computed)(()=>l.value.map(({segmentIndex:e})=>c.value[e]??``)),f=(0,P.computed)(()=>{let e=new Map;return l.value.forEach(({segmentIndex:t},n)=>{e.set(t,n)}),e}),p=e=>{let t=l.value[e];t&&r(`segmentClick`,t.segmentIndex,t.segment)},m=ue.t(`onSegmentClick`),h=(0,P.computed)(()=>Ze({segments:u.value,segmentColors:d.value,colorHostElement:a.value,skeleton:e.loading,onSegmentClick:m()?p:void 0})),g=(0,P.computed)(()=>s.value.map((e,t)=>({label:e.label,color:c.value[t]??``}))),{chartInstance:_}=j.i({canvasRef:o,config:h,enabled:(0,P.computed)(()=>e.loading||u.value.length>0)}),{exportImage:v,handleLegendItemHover:y}=j.r({chartInstance:_,canvasRef:o,colorHostElement:a}),b=e=>{y(e===null?null:f.value.get(e)??null)};return t({exportImage:v}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:a,class:(0,P.normalizeClass)([`s-ui-chart-segmented-bar`,{"s-ui-chart-segmented-bar--skeleton":e.loading}]),"data-qa":`ui:chart-segmented-bar`},[(0,P.createElementVNode)(`div`,$e,[(0,P.createVNode)((0,P.unref)(j.t),{loading:e.loading,type:(0,P.unref)(i).CARTESIAN},{default:(0,P.withCtx)(()=>[(0,P.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:o,class:`s-ui-chart-segmented-bar__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),e.showLegend&&g.value.length?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(M.t),{key:0,items:g.value,disabled:e.loading,interactive:!e.loading,onItemHover:b},null,8,[`items`,`disabled`,`interactive`])):(0,P.createCommentVNode)(``,!0)],2))}}),tt={key:0,class:`s-ui-chart-widget__header`},nt={key:0,class:`s-ui-chart-widget__title-skeleton`,"aria-hidden":`true`},rt={key:1,class:`s-ui-chart-widget__title s-ui-typography-label-16-medium`},it={class:`s-ui-chart-widget__controls`},at={key:1,class:`s-ui-chart-widget__content`},ot=(0,P.defineComponent)({__name:`SChartWidget`,props:(0,P.mergeModels)({title:{default:``},collapsible:{type:Boolean,default:!1},hideContentWhenCollapsed:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},{collapsed:{type:Boolean,default:!1},collapsedModifiers:{}}),emits:[`update:collapsed`],setup(e){let t=(0,P.useModel)(e,`collapsed`),n=(0,P.useSlots)(),{t:r}=(0,F.useUiKitI18n)(),i=(0,P.computed)(()=>!!e.title||!!n.title||!!n.actions||e.collapsible),a=(0,P.computed)(()=>!t.value||!e.collapsible||!e.hideContentWhenCollapsed),c=(0,P.computed)(()=>r(t.value?`chartWidget.expand`:`chartWidget.collapse`));return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-chart-widget`,{"s-ui-chart-widget--skeleton":e.loading}]),"data-qa":`ui:chart-widget`},[i.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,tt,[e.loading?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,nt)):((0,P.openBlock)(),(0,P.createElementBlock)(`span`,rt,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])])),(0,P.createElementVNode)(`div`,it,[(0,P.renderSlot)(n.$slots,`actions`),e.collapsible?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:(0,P.unref)(o.t).OUTLINED,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,icon:t.value?(0,P.unref)(F.ESIconName).chevronDown:(0,P.unref)(F.ESIconName).chevronUp,"aria-label":c.value,"aria-expanded":!t.value,onClick:r[0]||=e=>t.value=!t.value},null,8,[`appearance`,`variant`,`size`,`icon`,`aria-label`,`aria-expanded`])):(0,P.createCommentVNode)(``,!0)])])):(0,P.createCommentVNode)(``,!0),a.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,at,[(0,P.renderSlot)(n.$slots,`default`)])):(0,P.createCommentVNode)(``,!0)],2))}});exports.CALENDAR_WEEK_SLOT_COUNT=N.a,exports.DAY_TIMELINE_MINUTES=N.r,exports.DEFAULT_COLOR_PALETTE=r.i,exports.EAccentColor=r.a,exports.EButtonAppearance=o.t,exports.EButtonGroupLayout=u.n,exports.EButtonSize=o.n,exports.ESSegmentControlSize=o.n,exports.EButtonVariant=o.r,exports.EColorFormat=r.o,exports.EConnectedPositionStrategy=g.r,exports.ENotificationLayout=z,exports.ENotificationLeftside=B,exports.ENotificationType=R,exports.ESAvatarBadge=t.n,exports.ESAvatarColor=t.r,exports.ESAvatarGroupSize=a.n,exports.ESAvatarIconBackground=t.i,exports.ESAvatarShape=t.a,exports.ESAvatarSize=t.o,exports.ESBadgeColor=e.n,exports.ESBadgePlacement=e.r,exports.ESCardLayout=f.n,exports.ESCheckboxColor=d.n,exports.ESCheckboxSize=d.r,exports.ESChipColor=y.n,exports.ESChipSize=y.r,exports.ESColorPaletteLayout=r.n,exports.ESDropdownPlacement=g.i,exports.ESInlineInputAppearance=k.n,exports.ESInlineMessageValidationStatus=C.n,exports.ESInputCustomize=S.n,exports.ESLabelSize=w.n,exports.ESLabelVariant=w.r,exports.ESListGap=T.a,exports.ESListItemVariant=E.n,exports.ESPhotoEditShape=A.n,exports.ESPhotoEditSize=A.r,exports.ESRadioLabelPlacement=D.n,exports.ESSelectSearchable=x.n,exports.ESTabAppearance=m.n,exports.ESTabSize=m.r,exports.ESTagColor=_.n,exports.ESTagSize=_.r,exports.ESToggleSize=O.n,exports.ESelectionFocusMode=c.t,exports.ESelectionMode=c.n,exports.ESelectionOrientation=c.r,exports.EWorkTimeSource=N.c,exports.MAX_RECENT_COLORS=n.i,exports.RECOMMENDED_COLOR_PALETTE=r.r,exports.SAvatar=t.t,exports.SAvatarGroup=a.t,exports.SBadge=e.t,exports.SBanner=Ee,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCalendarMonth=N.l,exports.SCalendarWeekGrid=N.i,exports.SCard=f.t,exports.SChartBurnup=ce.t,exports.SChartHorizontalBar=ae.t,exports.SChartLegend=M.t,exports.SChartLine=te.t,exports.SChartMultiLine=se.t,exports.SChartPie=oe.t,exports.SChartProgress=le.t,exports.SChartSegmentedBar=et,exports.SChartStackedArea=re.t,exports.SChartStackedBar=ie.t,exports.SChartWidget=ot,exports.SCheckbox=d.t,exports.SChip=y.t,exports.SColorArea=n.r,exports.SColorPalette=r.t,exports.SColorPicker=n.t,exports.SColorValues=n.n,exports.SDayTimeline=N.n,exports.SDropdown=b.t,exports.SDropdownMenu=x.r,exports.SInlineInput=k.t,exports.SInlineMessage=C.t,exports.SInput=S.t,exports.SLabel=w.t,exports.SList=T.t,exports.SListItem=E.t,exports.SPhotoEdit=A.t,exports.SRadio=D.t,exports.SSegmentControl=p.t,exports.SSelect=x.t,exports.STab=m.t,exports.STabs=h.t,exports.STag=_.t,exports.STagGroup=v.t,exports.STextarea=ee.t,exports.SToast=U,exports.SToastProvider=Le,exports.SToggle=O.t,exports.TOAST_AUTO_DURATION_MAX_MS=G,exports.TOAST_AUTO_DURATION_MIN_MS=W,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=Ae,exports.WORK_TIME_SOURCE_COLOR_VARS=N.o,exports.WORK_TIME_SOURCE_ORDER=N.s,exports.buildWorkTimeLegendItems=N.t,exports.computeAutoDuration=K,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return F.createUiKit}}),exports.formatDurationHM=N.u,exports.isSameColor=i.r,exports.normalizeColorValue=i.i,exports.resolveColorPreview=i.a,exports.resolveOwnPropOrGroupedOrFallback=c.a,Object.defineProperty(exports,"setUiKitLocale",{enumerable:!0,get:function(){return F.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return F.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return F.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.o,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,exports.useToast=$,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return F.useUiKitI18n}});var st=require("@shtabapp/ui-kit-tokens");Object.keys(st).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return st[e]}})}),Object.keys(F).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return F[e]}})});
|
package/dist/index.js
CHANGED
|
@@ -29,7 +29,7 @@ import { n as Ye, t as Xe } from "./SRadio-Db_YLcne.js";
|
|
|
29
29
|
import { n as Ze, t as Qe } from "./SToggle-T7FKzMSo.js";
|
|
30
30
|
import { n as $e, t as et } from "./SInlineInput-DHq5BNPn.js";
|
|
31
31
|
import { t as tt } from "./STextarea-ASdLqfpC.js";
|
|
32
|
-
import { n as nt, r as rt, t as it } from "./SPhotoEdit-
|
|
32
|
+
import { n as nt, r as rt, t as it } from "./SPhotoEdit-BJXa6mh4.js";
|
|
33
33
|
import { a as at, i as ot, n as st, r as ct, t as lt, v as T, w as E } from "./SChartSkeletonHost-BT96eWSF.js";
|
|
34
34
|
import { t as ut } from "./SChartLine-DSQaezYq.js";
|
|
35
35
|
import { t as dt } from "./resolveSeriesPaletteColor-BdvGT-PI.js";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@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);--s-ui-badge-dot-size: var(--s-ui-dimension-8);--s-ui-badge-icon-size: var(--s-ui-dimension-10);--s-ui-badge-outline-color: var(--s-ui-color-border-neutral-static-base);--s-ui-badge-size: var(--s-ui-dimension-12);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: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--with-icon{inline-size:var(--s-ui-badge-size);block-size:var(--s-ui-badge-size);min-width:0;min-height:0;padding:0;outline:1px solid var(--s-ui-badge-outline-color);outline-offset:0}.s-ui-badge--with-dot{inline-size:var(--s-ui-badge-dot-size);block-size:var(--s-ui-badge-dot-size);min-width:0;min-height:0;padding:0;background:transparent;outline:none}.s-ui-badge--size-m{--s-ui-badge-size: var(--s-ui-dimension-16);--s-ui-badge-dot-size: var(--s-ui-dimension-10);--s-ui-badge-icon-size: var(--s-ui-dimension-12)}.s-ui-badge--size-m:not(.s-ui-badge--with-dot,.s-ui-badge--with-icon){min-width:var(--s-ui-dimension-16);min-height:var(--s-ui-dimension-16)}.s-ui-badge--size-l{--s-ui-badge-size: var(--s-ui-dimension-20);--s-ui-badge-dot-size: var(--s-ui-dimension-12);--s-ui-badge-icon-size: var(--s-ui-dimension-16)}.s-ui-badge--size-l:not(.s-ui-badge--with-dot,.s-ui-badge--with-icon){min-width:var(--s-ui-dimension-20);min-height:var(--s-ui-dimension-20)}.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__dot{display:block;inline-size:var(--s-ui-badge-dot-size);block-size:var(--s-ui-badge-dot-size);background:var(--s-ui-badge-bg);border-radius:var(--s-ui-border-radius-rounded);outline:1px solid var(--s-ui-badge-outline-color);outline-offset:0;box-shadow:0 1px 2px 0 var(--s-ui-color-elevation-shadow-card)}.s-ui-badge__icon.s-ui-icon{--s-ui-icon-size: var(--s-ui-badge-icon-size);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--s-ui-badge-size);block-size:var(--s-ui-badge-size)}.s-ui-badge__icon.s-ui-icon>svg{display:block;inline-size:var(--s-ui-icon-size);block-size:var(--s-ui-icon-size)}.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-success{--s-ui-badge-bg: var(--s-ui-color-background-success-action-loud-enabled);--s-ui-badge-color: var(--s-ui-color-icon-surface-static)}.s-ui-badge--color-warning{--s-ui-badge-bg: var(--s-ui-color-background-accent-yellow-primary);--s-ui-badge-color: var(--s-ui-color-icon-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-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-badge--color-billing{--s-ui-badge-bg: var(--s-ui-gradient-billing);--s-ui-badge-color: var(--s-ui-color-icon-surface-static)}.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-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-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{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-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--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-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: var(--s-ui-shadow-focus-ring)}.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-calendar-month{--s-ui-calendar-month-gap: var(--s-ui-space-gap-2x-small);--s-ui-calendar-month-summary-width: 96px;display:flex;flex-direction:column;gap:var(--s-ui-calendar-month-gap);width:100%}.s-ui-calendar-month__header,.s-ui-calendar-month__week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) var(--s-ui-calendar-month-summary-width);gap:var(--s-ui-calendar-month-gap)}.s-ui-calendar-month--no-weekends .s-ui-calendar-month__header,.s-ui-calendar-month--no-weekends .s-ui-calendar-month__week{grid-template-columns:repeat(5,minmax(0,1fr)) var(--s-ui-calendar-month-summary-width)}.s-ui-calendar-month--no-summary .s-ui-calendar-month__header,.s-ui-calendar-month--no-summary .s-ui-calendar-month__week{grid-template-columns:repeat(7,minmax(0,1fr))}.s-ui-calendar-month--no-weekends.s-ui-calendar-month--no-summary .s-ui-calendar-month__header,.s-ui-calendar-month--no-weekends.s-ui-calendar-month--no-summary .s-ui-calendar-month__week{grid-template-columns:repeat(5,minmax(0,1fr))}.s-ui-calendar-month__weekday{padding:var(--s-ui-space-padding-small);color:var(--s-ui-color-text-surface-secondary);font:var(--s-ui-typography-label-12-medium);text-align:left}.s-ui-calendar-month__day{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s-ui-space-gap-2x-small);align-items:flex-start;min-height:60px;margin:0;padding:var(--s-ui-space-padding-small);text-align:left;background:var(--s-ui-color-surface-primary);border:1px solid var(--s-ui-color-border-neutral-primary);border-radius:var(--s-ui-border-radius-sub-section)}button.s-ui-calendar-month__day{font:inherit;cursor:default}.s-ui-calendar-month__day--interactive{cursor:pointer;transition:background-color var(--s-ui-transition-fast, .15s)}.s-ui-calendar-month__day--interactive:hover{background:var(--s-ui-color-background-main-action-calm-enabled)}.s-ui-calendar-month__day--other{background:transparent;border-color:transparent}.s-ui-calendar-month__day--today{border-color:var(--s-ui-color-border-main-selected)}.s-ui-calendar-month__day--summary{background:var(--s-ui-color-background-main-action-calm-enabled);border-color:transparent;align-items:center;justify-content:center}.s-ui-calendar-month__day-number{color:var(--s-ui-color-text-surface-secondary);font:var(--s-ui-typography-label-12-medium)}.s-ui-calendar-month__day-values{display:flex;gap:var(--s-ui-space-gap-2x-small);align-items:center;font:var(--s-ui-typography-label-14-medium);white-space:nowrap}.s-ui-calendar-month__worked--filled{color:var(--s-ui-color-text-accent-blue-primary)}.s-ui-calendar-month__worked--empty{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-calendar-month__dot{color:var(--s-ui-color-text-surface-tertiary);font:var(--s-ui-typography-label-10-medium)}.s-ui-calendar-month__delta--overtime{color:var(--s-ui-color-text-accent-yellow-primary)}.s-ui-calendar-month__delta--undertime{color:var(--s-ui-color-text-accent-red-orange-primary)}.s-ui-calendar-month__week-total{color:var(--s-ui-color-text-accent-blue-primary);font:var(--s-ui-typography-label-14-medium)}.s-ui-calendar-month__skeleton{width:42px;height:14px;background:var(--s-ui-color-background-neutral-secondary);border-radius:var(--s-ui-border-radius-base)}}@layer components{.s-ui-calendar-week-grid{--s-ui-calendar-week-grid-gap: var(--s-ui-space-gap-2x-small);--s-ui-calendar-week-grid-label-width: 108px;--s-ui-calendar-week-grid-row-height: 44px;display:flex;flex-direction:column;gap:var(--s-ui-calendar-week-grid-gap);width:100%}.s-ui-calendar-week-grid__header,.s-ui-calendar-week-grid__row{display:grid;grid-template-columns:var(--s-ui-calendar-week-grid-label-width) repeat(var(--s-ui-calendar-week-grid-day-count, 7),minmax(0,1fr));gap:var(--s-ui-calendar-week-grid-gap)}.s-ui-calendar-week-grid__day-label{padding:var(--s-ui-space-padding-x-small);color:var(--s-ui-color-text-surface-secondary);font:var(--s-ui-typography-label-12-medium);text-align:center}.s-ui-calendar-week-grid__slot-label{display:flex;align-items:center;color:var(--s-ui-color-text-surface-secondary);font:var(--s-ui-typography-label-12-medium);white-space:nowrap}.s-ui-calendar-week-grid__cell{min-height:var(--s-ui-calendar-week-grid-row-height);margin:0;padding:0;background:var(--s-ui-color-background-main-action-calm-enabled);border:none;border-radius:var(--s-ui-border-radius-nested);transition:opacity var(--s-ui-transition-fast, .15s)}.s-ui-calendar-week-grid--loading .s-ui-calendar-week-grid__cell{background:var(--s-ui-color-background-neutral-secondary)}.s-ui-calendar-week-grid__cell--muted{opacity:.35}.s-ui-calendar-week-grid__cell--interactive{cursor:pointer}.s-ui-calendar-week-grid__cell--interactive:hover{outline:1px solid var(--s-ui-color-border-main-selected)}}@layer components{.s-ui-day-timeline{--s-ui-day-timeline-track-height: 40px;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-small);width:100%}.s-ui-day-timeline__track{position:relative;height:var(--s-ui-day-timeline-track-height);background:var(--s-ui-color-background-main-action-calm-enabled);border-radius:var(--s-ui-border-radius-sub-section)}.s-ui-day-timeline__block{position:absolute;top:0;bottom:0;box-sizing:border-box;border:2px solid transparent;transition:opacity var(--s-ui-transition-fast, .15s)}.s-ui-day-timeline__block--empty{background:transparent}.s-ui-day-timeline__block--muted{opacity:.35}.s-ui-day-timeline__block--interactive{cursor:pointer}.s-ui-day-timeline__block--interactive:hover{border-color:var(--s-ui-color-border-main-selected)}.s-ui-day-timeline__block--selected{z-index:1;border-color:var(--s-ui-color-border-main-selected)}.s-ui-day-timeline__skeleton{position:absolute;inset:0;background:var(--s-ui-color-background-neutral-secondary);border-radius:var(--s-ui-border-radius-sub-section)}.s-ui-day-timeline__range-label{position:absolute;bottom:calc(100% + 4px);left:50%;z-index:3;padding:2px 6px;color:var(--s-ui-color-surface-primary);font:var(--s-ui-typography-label-12-medium);white-space:nowrap;background:var(--s-ui-color-border-main-selected);border-radius:var(--s-ui-border-radius-base);transform:translate(-50%);pointer-events:none}.s-ui-day-timeline__handle{position:absolute;top:-2px;bottom:-2px;z-index:2;display:flex;align-items:center;justify-content:center;width:10px;padding:0;color:var(--s-ui-color-surface-primary);background:var(--s-ui-color-border-main-selected);border:none;cursor:ew-resize;pointer-events:auto;touch-action:none}.s-ui-day-timeline__handle--start{left:0;transform:translate(-50%)}.s-ui-day-timeline__handle--end{right:0;transform:translate(50%)}.s-ui-day-timeline__handle-icon{font:var(--s-ui-typography-label-14-medium);line-height:1}.s-ui-day-timeline__scale{display:flex;justify-content:space-between;color:var(--s-ui-color-text-surface-secondary);font:var(--s-ui-typography-label-12-medium)}}@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-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-skeleton-host{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-burnup{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);width:100%;max-height:500px}.s-ui-chart-burnup--skeleton{pointer-events:none}.s-ui-chart-burnup__canvas-wrap{position:relative;overflow:hidden;flex:1 1 auto;width:100%;min-height:230px}.s-ui-chart-burnup__canvas{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}.s-ui-chart-horizontal-bar--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}.s-ui-chart-line--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-multi-line{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);width:100%;max-height:500px}.s-ui-chart-multi-line--skeleton{pointer-events:none}.s-ui-chart-multi-line__canvas-wrap{position:relative;overflow:hidden;flex:1 1 auto;width:100%;min-height:420px}.s-ui-chart-multi-line__canvas{display:block;width:100%;height:100%}}@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}.s-ui-chart-pie--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-progress{position:relative;box-sizing:border-box;width:100%;height:100%;min-height:180px}.s-ui-chart-progress--skeleton{pointer-events:none}.s-ui-chart-progress__canvas-wrap{position:relative;overflow:hidden;width:100%;height:100%;min-height:180px}.s-ui-chart-progress__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}.s-ui-chart-stacked-area--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}.s-ui-chart-stacked-bar--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-color-palette{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:var(--s-ui-space-gap-x-small);max-width:100%}.s-ui-color-palette--layout-grid,.s-ui-color-palette--has-append{flex-wrap:wrap}.s-ui-color-palette--disabled{cursor:not-allowed}.s-ui-color-palette__swatch{flex-shrink:0}.s-ui-color-palette__append{display:inline-flex;flex-shrink:0;align-items:center}}@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-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));--s-ui-list-item-ring-gap: var(--s-ui-dimension-2);position:relative;isolation:isolate;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-block:var(--s-ui-space-padding-x-small);padding-inline:calc(var(--s-ui-space-padding-x-small) + var(--s-ui-list-item-ring-gap));outline:none;cursor:pointer;-webkit-user-select:none;user-select:none}.s-ui-list-item:before{content:"";position:absolute;z-index:-1;inset:0 var(--s-ui-list-item-ring-gap);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);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:calc(var(--s-ui-space-padding-x-small) + var(--s-ui-list-item-ring-gap))}.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}.s-ui-list-item__actions-inner{display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0;translate:0 0}.s-ui-list-item--reveal-right .s-ui-list-item__actions-reveal,.s-ui-list-item--reveal-right .s-ui-list-item__actions-inner{overflow:clip visible}.s-ui-list-item--reveal-right .s-ui-list-item__actions-reveal:has(:focus-visible),.s-ui-list-item--reveal-right .s-ui-list-item__actions-inner:has(:focus-visible){overflow-x:visible}.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{overflow:hidden;color:var(--s-ui-list-item-subtitle-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__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)}.s-ui-list__scroll--flat{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)}.s-ui-list__scroll--flat>*,.s-ui-list__static>*{flex-shrink:0}.s-ui-list__virtual-panel{width:100%}.s-ui-list__virtual-row{width:100%;box-sizing:border-box}}@layer components{.s-ui-dropdown-menu{--s-ui-dropdown-menu-width: 100%;--s-ui-dropdown-menu-max-height: none;--s-ui-dropdown-menu-background: var(--s-ui-color-surface-primary);--s-ui-dropdown-menu-divider-color: var(--s-ui-color-background-neutral-secondary);--s-ui-dropdown-menu-accent-outline-color: var(--s-ui-color-border-accent-blue-primary);position:relative;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(--s-ui-dropdown-menu-width);min-inline-size:0;max-block-size:var(--s-ui-dropdown-menu-max-height);overflow:visible;border-radius:inherit;background-color:var(--s-ui-dropdown-menu-background)}.s-ui-dropdown-menu--bounded{overflow:hidden}.s-ui-dropdown-menu--accent{outline:var(--s-ui-dimension-1) solid var(--s-ui-dropdown-menu-accent-outline-color);outline-offset:calc(-1 * var(--s-ui-dimension-1))}.s-ui-dropdown-menu__header,.s-ui-dropdown-menu__footer{position:relative;box-sizing:border-box;flex:0 0 auto;inline-size:100%;min-inline-size:0;padding:var(--s-ui-space-padding-small)}.s-ui-dropdown-menu__header:after,.s-ui-dropdown-menu__footer:before{position:absolute;inset-inline:0;block-size:var(--s-ui-dimension-1);background-color:var(--s-ui-dropdown-menu-divider-color);content:""}.s-ui-dropdown-menu__header:after{inset-block-end:0}.s-ui-dropdown-menu__footer:before{inset-block-start:0}.s-ui-dropdown-menu__body{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--s-ui-space-gap-2x-small);inline-size:100%;min-block-size:0;min-inline-size:0;padding-block:var(--s-ui-space-padding-x-small);padding-inline:var(--s-ui-space-padding-small)}.s-ui-dropdown-menu__body--scrollable{overflow-y:auto}}@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__menu-body{display:flex;flex-direction:column;min-width:0}.s-ui-select__menu .s-ui-dropdown-menu__body{padding-inline:0}.s-ui-select__menu-body>.s-ui-list{width:100%;min-width:0;box-sizing:border-box}.s-ui-select__menu-body>.s-ui-list>.s-ui-list__scroll,.s-ui-select__menu-body>.s-ui-list>.s-ui-list__static{padding-inline:var(--s-ui-space-padding-small)}.s-ui-select__menu .s-ui-dropdown-menu__header .s-ui-input{width:100%;min-width:0}.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-color-area{display:flex;flex-direction:column;inline-size:100%}.s-ui-color-area__color-resolution{position:absolute;overflow:hidden;clip-path:inset(50%);inline-size:1px;block-size:1px;white-space:nowrap}.s-ui-color-area__canvas-row{display:flex;gap:var(--s-ui-space-gap-small);block-size:160px;inline-size:100%}.s-ui-color-area__canvas{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-color-area-hue, var(--s-ui-color-background-accent-blue-primary));cursor:crosshair;touch-action:none;outline:1px solid var(--s-ui-color-border-neutral-action-enabled);outline-offset:-1px}.s-ui-color-area__canvas:before{position:absolute;inset:0;background:linear-gradient(to right,rgb(255 255 255),transparent);content:"";pointer-events:none}.s-ui-color-area__canvas:after{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgb(0 0 0));content:"";pointer-events:none}.s-ui-color-area__canvas-pointer,.s-ui-color-area__hue-pointer{position:absolute;top:0;left:0;z-index:1;box-sizing:border-box;inline-size:22px;block-size:22px;border:4px solid var(--s-ui-color-surface-primary);border-radius:50%;box-shadow:0 0 0 1px var(--s-ui-color-border-neutral-secondary),0 0 2px var(--s-ui-color-background-neutral-primary);pointer-events:none;will-change:transform}.s-ui-color-area__hue-pointer{left:50%}.s-ui-color-area__hue{position:relative;flex-shrink:0;inline-size:var(--s-ui-dimension-16);border-radius:var(--s-ui-border-radius-base);background:linear-gradient(180deg,red,#ff0 16.6%,#0f0,#0ff 50%,#00f 65%,#9e00ff 75%,#ff00a7 89.525%,red);cursor:pointer;touch-action:none;outline:1px solid var(--s-ui-color-border-neutral-action-enabled);outline-offset:-1px}.s-ui-color-area--disabled .s-ui-color-area__canvas,.s-ui-color-area--disabled .s-ui-color-area__hue,.s-ui-color-area--readonly .s-ui-color-area__canvas,.s-ui-color-area--readonly .s-ui-color-area__hue{cursor:default;pointer-events:none}}@layer components{.s-ui-color-values{--s-ui-color-values-control-height: var(--s-ui-dimension-32);display:flex;align-items:center;gap:var(--s-ui-space-gap-small);width:100%;min-width:0}.s-ui-color-values__left{display:flex;align-items:center;gap:var(--s-ui-space-gap-x-small);flex-shrink:0}.s-ui-color-values__preview.s-ui-color-swatch{box-sizing:border-box;cursor:default;pointer-events:none;padding:0;inline-size:var(--s-ui-color-values-control-height);block-size:var(--s-ui-color-values-control-height);flex-shrink:0}.s-ui-color-values__preview.s-ui-color-swatch:not(.s-ui-color-swatch--disabled):hover{background:transparent;box-shadow:none}.s-ui-color-values__format{inline-size:73px;block-size:var(--s-ui-color-values-control-height);flex-shrink:0}.s-ui-color-values__format-select{inline-size:100%;block-size:100%}.s-ui-color-values__format-select .s-ui-input{gap:0;block-size:100%}.s-ui-color-values__format-select .s-ui-input__field{min-block-size:var(--s-ui-color-values-control-height);block-size:var(--s-ui-color-values-control-height);padding-block:var(--s-ui-space-gap-x-small);padding-inline:var(--s-ui-space-gap-x-small)}.s-ui-color-values__format-select .s-ui-select__control{min-block-size:100%}.s-ui-color-values__format-select .s-ui-select__chevron{--s-ui-icon-size: var(--s-ui-dimension-16)}.s-ui-color-values__value-group{display:flex;flex:1 1 auto;align-items:center;min-width:0;block-size:var(--s-ui-color-values-control-height);border-radius:var(--s-ui-border-radius-base);background:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-color-border-neutral-action-enabled);outline-offset:-1px}.s-ui-color-values__pipette.s-ui-button--icon-only.s-ui-button--size-small{--s-ui-button-padding: var(--s-ui-space-padding-between-x-small-small);flex-shrink:0;inline-size:var(--s-ui-color-values-control-height);block-size:var(--s-ui-color-values-control-height);cursor:default;pointer-events:none}.s-ui-color-values__pipette.s-ui-button--icon-only .s-ui-icon{--s-ui-icon-size: var(--s-ui-dimension-20)}.s-ui-color-values__separator{align-self:stretch;inline-size:1px;background:var(--s-ui-color-border-neutral-action-enabled);flex-shrink:0}.s-ui-color-values__inputs{display:flex;flex:1 1 auto;align-items:center;block-size:100%;min-width:0}.s-ui-color-values__input-wrap{display:flex;flex:1 1 0;align-items:center;block-size:100%;min-width:0;padding-inline:var(--s-ui-space-gap-x-small)}.s-ui-color-values__input{inline-size:100%;min-width:0;block-size:100%;padding:var(--s-ui-space-padding-x-small);border:0;background:transparent;color:var(--s-ui-color-text-surface-primary);line-height:var(--s-ui-line-height-text-base);outline:none}.s-ui-color-values__input::placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-color-values__input:disabled{cursor:not-allowed}.s-ui-color-values--disabled{cursor:not-allowed}.s-ui-color-values--readonly .s-ui-color-values__input{cursor:default}}@layer components{.s-ui-color-picker{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-medium);inline-size:100%}.s-ui-color-picker--disabled{cursor:not-allowed}.s-ui-color-picker__section{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);inline-size:100%}.s-ui-color-picker__label{color:var(--s-ui-color-text-surface-secondary);font:var(--s-ui-typography-label-14-medium)}.s-ui-color-picker__palette{inline-size:100%}.s-ui-color-picker__add-button{inline-size:var(--s-ui-dimension-32);block-size:var(--s-ui-dimension-32);min-inline-size:var(--s-ui-dimension-32);padding:var(--s-ui-space-padding-2x-small)}.s-ui-color-picker__custom-editor{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);inline-size:100%}.s-ui-color-picker__custom-actions{display:flex;gap:var(--s-ui-space-gap-x-small);inline-size:100%}.s-ui-color-picker__save-button,.s-ui-color-picker__cancel-button{inline-size:100%}}@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-photo-edit{--s-ui-photo-edit-size: 123px;--s-ui-photo-edit-radius: var(--s-ui-border-radius-rounded);--s-ui-photo-edit-camera-scale: 1.75;--s-ui-photo-edit-overlay-tint: rgb(from var(--s-ui-color-palette-blue-900) r g b / 40%);--s-ui-photo-edit-shade-tint: rgb(from var(--s-ui-color-palette-blue-900) r g b / 40%);--s-ui-photo-edit-filled-hover-tint: rgb( from var(--s-ui-color-background-main-primary) r g b / 60% );--s-ui-photo-edit-remove-offset-block: var(--s-ui-space-padding-x-small);--s-ui-photo-edit-remove-offset-inline: var(--s-ui-space-padding-x-small);--s-ui-photo-edit-remove-size: var(--s-ui-dimension-20);--s-ui-photo-edit-remove-icon-size: var(--s-ui-dimension-16);--s-ui-photo-edit-overlay-inset-block-start: 70.73%;--s-ui-photo-edit-overlay-inset-inline: 4.49%;--s-ui-photo-edit-overlay-hidden-offset: var(--s-ui-space-padding-2x-small);box-sizing:border-box;position:relative;display:inline-flex;flex-direction:column;align-items:center;inline-size:var(--s-ui-photo-edit-size);block-size:var(--s-ui-photo-edit-size);color:var(--s-ui-color-text-surface-static)}.s-ui-photo-edit--size-big{--s-ui-photo-edit-size: 194px;--s-ui-photo-edit-camera-scale: 2.7;--s-ui-photo-edit-remove-offset-block: var(--s-ui-space-padding-small);--s-ui-photo-edit-remove-offset-inline: var(--s-ui-space-padding-small);--s-ui-photo-edit-remove-size: var(--s-ui-dimension-24);--s-ui-photo-edit-remove-icon-size: var(--s-ui-dimension-16);--s-ui-photo-edit-overlay-inset-block-start: 70.62%;--s-ui-photo-edit-overlay-inset-inline: 4.49%}.s-ui-photo-edit--shape-square{--s-ui-photo-edit-radius: var(--s-ui-border-radius-sub-section)}.s-ui-photo-edit--shape-circle{--s-ui-photo-edit-radius: 50%}.s-ui-photo-edit--size-small.s-ui-photo-edit--shape-circle{--s-ui-photo-edit-remove-offset-inline: var(--s-ui-space-padding-2x-small)}.s-ui-photo-edit--size-big.s-ui-photo-edit--shape-square{--s-ui-photo-edit-radius: var(--s-ui-border-radius-section)}.s-ui-photo-edit--disabled{cursor:not-allowed;opacity:.56}.s-ui-photo-edit__wrapper{position:relative;overflow:hidden;inline-size:100%;block-size:100%;border-radius:var(--s-ui-photo-edit-radius)}.s-ui-photo-edit__trigger{position:relative;overflow:hidden;inline-size:100%;block-size:100%;border-radius:var(--s-ui-photo-edit-radius);background-color:var(--s-ui-color-background-main-primary);cursor:pointer}.s-ui-photo-edit--filled .s-ui-photo-edit__trigger{background-color:transparent}.s-ui-photo-edit--filled .s-ui-photo-edit__trigger:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background-color:var(--s-ui-photo-edit-filled-hover-tint);opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.s-ui-photo-edit--filled:not(.s-ui-photo-edit--disabled) .s-ui-photo-edit__trigger:hover:after,.s-ui-photo-edit--filled.s-ui-photo-edit--story-hovered:not(.s-ui-photo-edit--disabled) .s-ui-photo-edit__trigger:after{opacity:1}.s-ui-photo-edit:not(.s-ui-photo-edit--filled) .s-ui-photo-edit__trigger:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background-color:var(--s-ui-photo-edit-shade-tint);pointer-events:none}.s-ui-photo-edit--disabled .s-ui-photo-edit__trigger{cursor:not-allowed}.s-ui-photo-edit__trigger:focus{outline:none}.s-ui-photo-edit__trigger:focus-visible{outline:none}.s-ui-photo-edit__wrapper:focus-within{outline:2px solid var(--s-ui-color-border-accent-blue-primary);outline-offset:2px}.s-ui-photo-edit__preview{position:absolute;inset:0;z-index:0;display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:center}.s-ui-photo-edit__placeholder{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%}.s-ui-photo-edit__camera{display:flex;align-items:center;justify-content:center;color:var(--s-ui-color-icon-surface-static);pointer-events:none;transform:scale(var(--s-ui-photo-edit-camera-scale))}.s-ui-photo-edit__overlay{position:absolute;inset-inline:var(--s-ui-photo-edit-overlay-inset-inline);inset-block:var(--s-ui-photo-edit-overlay-inset-block-start) 0;z-index:2;display:flex;align-items:center;justify-content:center;padding-inline:var(--s-ui-space-padding-x-medium);text-align:center;background-color:var(--s-ui-photo-edit-overlay-tint);transform:translateY(calc(100% + var(--s-ui-photo-edit-overlay-hidden-offset)));transition:transform .3s ease-in-out;pointer-events:none}.s-ui-photo-edit--shape-square .s-ui-photo-edit__overlay{inset-inline:0}.s-ui-photo-edit:not(.s-ui-photo-edit--disabled) .s-ui-photo-edit__trigger:hover .s-ui-photo-edit__overlay,.s-ui-photo-edit--story-hovered:not(.s-ui-photo-edit--disabled) .s-ui-photo-edit__overlay{transform:translateY(0)}.s-ui-photo-edit__label{font:var(--s-ui-typography-label-12-medium);letter-spacing:var(--s-ui-letter-spacing-normal);color:var(--s-ui-color-text-surface-static);white-space:pre-line}.s-ui-photo-edit__remove{position:absolute;inset-block-start:var(--s-ui-photo-edit-remove-offset-block);inset-inline-end:var(--s-ui-photo-edit-remove-offset-inline);z-index:3;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.s-ui-photo-edit__remove .s-ui-button{inline-size:var(--s-ui-photo-edit-remove-size);block-size:var(--s-ui-photo-edit-remove-size);min-inline-size:var(--s-ui-photo-edit-remove-size);min-block-size:var(--s-ui-photo-edit-remove-size);padding:var(--s-ui-space-padding-none)}.s-ui-photo-edit__remove .s-ui-button .s-ui-icon{--s-ui-icon-size: var(--s-ui-photo-edit-remove-icon-size)}.s-ui-photo-edit--filled:not(.s-ui-photo-edit--disabled):hover .s-ui-photo-edit__remove,.s-ui-photo-edit--filled.s-ui-photo-edit--story-hovered:not(.s-ui-photo-edit--disabled) .s-ui-photo-edit__remove,.s-ui-photo-edit--filled:not(.s-ui-photo-edit--disabled) .s-ui-photo-edit__remove:hover,.s-ui-photo-edit--filled:not(.s-ui-photo-edit--disabled) .s-ui-photo-edit__remove:focus-within{opacity:1;visibility:visible;pointer-events:auto}.s-ui-photo-edit__input{display:none}}@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-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-tag-text, var(--s-ui-color-text-surface-primary));background-color:var(--s-ui-tag-bg, transparent)}.s-ui-tag--link{text-decoration:none;color:var(--s-ui-tag-text, 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-notification{box-sizing:border-box;display:flex;min-height:32px;padding:var(--s-ui-space-gap-small);overflow:hidden;border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-notification-bg);color:var(--s-ui-color-text-surface-primary)}.s-ui-notification--surface-toast{border:1px solid var(--s-ui-notification-border);box-shadow:0 1px 4px 0 var(--s-ui-color-elevation-shadow-card)}.s-ui-notification--layout-horizontal{flex-direction:row;gap:var(--s-ui-space-gap-small);align-items:flex-start}.s-ui-notification--layout-vertical{flex-direction:column;gap:var(--s-ui-space-gap-x-small);align-items:stretch}.s-ui-notification--type-info-accent{--s-ui-notification-bg: var(--s-ui-color-background-main-action-calm-enabled);--s-ui-notification-border: var(--s-ui-color-border-accent-blue-primary);--s-ui-notification-icon: var(--s-ui-color-icon-main-enabled)}.s-ui-notification--type-info-normal{--s-ui-notification-bg: var(--s-ui-color-background-neutral-action-calm-enabled);--s-ui-notification-border: var(--s-ui-color-border-neutral-action-enabled);--s-ui-notification-icon: var(--s-ui-color-icon-surface-secondary)}.s-ui-notification--type-success{--s-ui-notification-bg: var(--s-ui-color-background-success-tertiary);--s-ui-notification-border: var(--s-ui-color-border-accent-green-primary);--s-ui-notification-icon: var(--s-ui-color-icon-accent-green-action-enabled)}.s-ui-notification--type-warning{--s-ui-notification-bg: var(--s-ui-color-background-accent-yellow-tertiary);--s-ui-notification-border: var(--s-ui-color-border-accent-yellow-primary);--s-ui-notification-icon: var(--s-ui-color-icon-accent-yellow-primary)}.s-ui-notification--type-danger{--s-ui-notification-bg: var(--s-ui-color-background-danger-tertiary);--s-ui-notification-border: var(--s-ui-color-border-accent-red-orange-primary);--s-ui-notification-icon: var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-notification--type-billing{--s-ui-notification-bg: var(--s-ui-color-background-accent-violet-tertiary);--s-ui-notification-border: var(--s-ui-color-border-accent-violet-primary);--s-ui-notification-icon: var(--s-ui-color-icon-accent-violet-primary)}.s-ui-notification__body{display:flex;flex:1;gap:var(--s-ui-space-gap-x-small);align-items:flex-start;min-width:0}.s-ui-notification--layout-vertical .s-ui-notification__body{width:100%}.s-ui-notification__leftside{display:flex;flex-shrink:0;align-self:flex-start}.s-ui-notification__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--s-ui-notification-icon)}.s-ui-notification__content{display:flex;flex:1;flex-direction:column;gap:var(--s-ui-space-gap-2x-small);min-width:0}.s-ui-notification__title-row{display:flex;gap:var(--s-ui-space-gap-small);align-items:center}.s-ui-notification__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-ui-notification__description-block{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-small);margin-bottom:var(--s-ui-space-gap-x-small)}.s-ui-notification__description{color:var(--s-ui-color-text-surface-tertiary);overflow-wrap:break-word}.s-ui-notification__link.s-ui-button{align-self:flex-start;padding:0;color:var(--s-ui-color-text-accent-blue-action-enabled);text-decoration:underline}.s-ui-notification__actions-row{display:flex;flex-shrink:0;gap:var(--s-ui-space-gap-x-small);align-items:center}.s-ui-notification--layout-horizontal .s-ui-notification__actions-row{align-self:center}.s-ui-notification__actions-stack{display:flex;gap:var(--s-ui-space-gap-x-small);align-items:stretch;width:100%}.s-ui-notification__actions-stack .s-ui-button{flex:1}.s-ui-notification__close.s-ui-button{flex-shrink:0}}@layer components{.s-ui-banner{width:100%}}@layer components{.s-ui-toast{width:360px}}@layer components{.s-ui-toast-provider{--s-ui-toast-provider-offset: var(--s-ui-space-padding-x-large);position:fixed;right:0;bottom:var(--s-ui-toast-provider-offset);left:0;z-index:10000;display:flex;justify-content:center;padding:0 var(--s-ui-toast-provider-offset);pointer-events:none}.s-ui-toast-provider__list{position:relative;width:360px;max-width:100%;pointer-events:auto;transition:height .4s ease}.s-ui-toast-provider__toast{--s-ui-toast-provider-toasts-before: 0;--s-ui-toast-provider-lift-amount: 0px;--s-ui-toast-provider-stack-scale: 1;--s-ui-toast-provider-front-toast-height: auto;--s-ui-toast-provider-offset-y: 0px;--s-ui-toast-provider-initial-height: auto;position:absolute;right:0;bottom:0;left:0;opacity:0;transform:translateY(100%);transform-origin:bottom center;transition:transform .4s cubic-bezier(.21,1.02,.73,1),opacity .4s ease,height .4s cubic-bezier(.21,1.02,.73,1);pointer-events:auto}.s-ui-toast-provider__toast-content{width:100%}.s-ui-toast-provider__toast .s-ui-notification__body{transition:opacity .4s ease}.s-ui-toast-provider__toast[data-mounted=true][data-front=true]:not([data-removed=true]){transform:translateY(0) scale(1);opacity:1}.s-ui-toast-provider__toast[data-expanded=false][data-front=false]:not([data-removed=true]){transform:translateY(calc(var(--s-ui-toast-provider-lift-amount) * var(--s-ui-toast-provider-toasts-before))) scale(var(--s-ui-toast-provider-stack-scale));height:var(--s-ui-toast-provider-front-toast-height);overflow:hidden;pointer-events:none;opacity:1}.s-ui-toast-provider__toast[data-expanded=false][data-front=false]:not([data-removed=true]) .s-ui-notification__body{opacity:0}.s-ui-toast-provider__toast[data-expanded=true][data-mounted=true]:not([data-removed=true]){transform:translateY(calc(-1 * var(--s-ui-toast-provider-offset-y)));height:var(--s-ui-toast-provider-initial-height);opacity:1}.s-ui-toast-provider__toast[data-removed=true][data-front=true]{transform:translateY(-100%);opacity:0}.s-ui-toast-provider__toast[data-removed=true][data-front=false][data-expanded=false]{transform:translateY(40%);opacity:0;transition:transform .5s ease,opacity .2s ease}.s-ui-toast-provider__toast[data-visible=false]{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.s-ui-toast-provider__list,.s-ui-toast-provider__toast,.s-ui-toast-provider__toast .s-ui-notification__body,.s-ui-toast-provider__toast .s-ui-toast{transition:none}}}@layer components{.s-ui-chart-segmented-bar{--s-ui-chart-segmented-bar-track-height: 40px;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-large, 16px);align-items:stretch;inline-size:100%;min-inline-size:0}.s-ui-chart-segmented-bar__canvas-wrap{position:relative;block-size:var(--s-ui-chart-segmented-bar-track-height);inline-size:100%;min-inline-size:0}.s-ui-chart-segmented-bar__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-widget{--s-ui-chart-widget-bg: var(--s-ui-color-surface-primary);--s-ui-chart-widget-outline: var(--s-ui-color-border-neutral-primary);--s-ui-chart-widget-title-color: var(--s-ui-color-text-surface-primary);--s-ui-chart-widget-skeleton-bg: var(--s-ui-color-surface-secondary);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-large, 16px);align-items:stretch;inline-size:100%;min-inline-size:0;padding:12px 20px;background-color:var(--s-ui-chart-widget-bg);border-radius:var(--s-ui-border-radius-sub-section, 8px);outline:1px solid var(--s-ui-chart-widget-outline)}.s-ui-chart-widget__header{display:flex;gap:var(--s-ui-space-gap-medium, 8px);align-items:center;justify-content:space-between}.s-ui-chart-widget__title{color:var(--s-ui-chart-widget-title-color)}.s-ui-chart-widget__title-skeleton{inline-size:96px;block-size:24px;background-color:var(--s-ui-chart-widget-skeleton-bg);border-radius:4px}.s-ui-chart-widget__controls{display:flex;flex-shrink:0;gap:var(--s-ui-space-gap-medium, 8px);align-items:center}.s-ui-chart-widget__content{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-large, 16px);min-inline-size:0}}
|
|
1
|
+
@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);--s-ui-badge-dot-size: var(--s-ui-dimension-8);--s-ui-badge-icon-size: var(--s-ui-dimension-10);--s-ui-badge-outline-color: var(--s-ui-color-border-neutral-static-base);--s-ui-badge-size: var(--s-ui-dimension-12);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: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--with-icon{inline-size:var(--s-ui-badge-size);block-size:var(--s-ui-badge-size);min-width:0;min-height:0;padding:0;outline:1px solid var(--s-ui-badge-outline-color);outline-offset:0}.s-ui-badge--with-dot{inline-size:var(--s-ui-badge-dot-size);block-size:var(--s-ui-badge-dot-size);min-width:0;min-height:0;padding:0;background:transparent;outline:none}.s-ui-badge--size-m{--s-ui-badge-size: var(--s-ui-dimension-16);--s-ui-badge-dot-size: var(--s-ui-dimension-10);--s-ui-badge-icon-size: var(--s-ui-dimension-12)}.s-ui-badge--size-m:not(.s-ui-badge--with-dot,.s-ui-badge--with-icon){min-width:var(--s-ui-dimension-16);min-height:var(--s-ui-dimension-16)}.s-ui-badge--size-l{--s-ui-badge-size: var(--s-ui-dimension-20);--s-ui-badge-dot-size: var(--s-ui-dimension-12);--s-ui-badge-icon-size: var(--s-ui-dimension-16)}.s-ui-badge--size-l:not(.s-ui-badge--with-dot,.s-ui-badge--with-icon){min-width:var(--s-ui-dimension-20);min-height:var(--s-ui-dimension-20)}.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__dot{display:block;inline-size:var(--s-ui-badge-dot-size);block-size:var(--s-ui-badge-dot-size);background:var(--s-ui-badge-bg);border-radius:var(--s-ui-border-radius-rounded);outline:1px solid var(--s-ui-badge-outline-color);outline-offset:0;box-shadow:0 1px 2px 0 var(--s-ui-color-elevation-shadow-card)}.s-ui-badge__icon.s-ui-icon{--s-ui-icon-size: var(--s-ui-badge-icon-size);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--s-ui-badge-size);block-size:var(--s-ui-badge-size)}.s-ui-badge__icon.s-ui-icon>svg{display:block;inline-size:var(--s-ui-icon-size);block-size:var(--s-ui-icon-size)}.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-success{--s-ui-badge-bg: var(--s-ui-color-background-success-action-loud-enabled);--s-ui-badge-color: var(--s-ui-color-icon-surface-static)}.s-ui-badge--color-warning{--s-ui-badge-bg: var(--s-ui-color-background-accent-yellow-primary);--s-ui-badge-color: var(--s-ui-color-icon-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-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-badge--color-billing{--s-ui-badge-bg: var(--s-ui-gradient-billing);--s-ui-badge-color: var(--s-ui-color-icon-surface-static)}.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-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-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{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-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--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-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: var(--s-ui-shadow-focus-ring)}.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-calendar-month{--s-ui-calendar-month-gap: var(--s-ui-space-gap-2x-small);--s-ui-calendar-month-summary-width: 96px;display:flex;flex-direction:column;gap:var(--s-ui-calendar-month-gap);width:100%}.s-ui-calendar-month__header,.s-ui-calendar-month__week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) var(--s-ui-calendar-month-summary-width);gap:var(--s-ui-calendar-month-gap)}.s-ui-calendar-month--no-weekends .s-ui-calendar-month__header,.s-ui-calendar-month--no-weekends .s-ui-calendar-month__week{grid-template-columns:repeat(5,minmax(0,1fr)) var(--s-ui-calendar-month-summary-width)}.s-ui-calendar-month--no-summary .s-ui-calendar-month__header,.s-ui-calendar-month--no-summary .s-ui-calendar-month__week{grid-template-columns:repeat(7,minmax(0,1fr))}.s-ui-calendar-month--no-weekends.s-ui-calendar-month--no-summary .s-ui-calendar-month__header,.s-ui-calendar-month--no-weekends.s-ui-calendar-month--no-summary .s-ui-calendar-month__week{grid-template-columns:repeat(5,minmax(0,1fr))}.s-ui-calendar-month__weekday{padding:var(--s-ui-space-padding-small);color:var(--s-ui-color-text-surface-secondary);font:var(--s-ui-typography-label-12-medium);text-align:left}.s-ui-calendar-month__day{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s-ui-space-gap-2x-small);align-items:flex-start;min-height:60px;margin:0;padding:var(--s-ui-space-padding-small);text-align:left;background:var(--s-ui-color-surface-primary);border:1px solid var(--s-ui-color-border-neutral-primary);border-radius:var(--s-ui-border-radius-sub-section)}button.s-ui-calendar-month__day{font:inherit;cursor:default}.s-ui-calendar-month__day--interactive{cursor:pointer;transition:background-color var(--s-ui-transition-fast, .15s)}.s-ui-calendar-month__day--interactive:hover{background:var(--s-ui-color-background-main-action-calm-enabled)}.s-ui-calendar-month__day--other{background:transparent;border-color:transparent}.s-ui-calendar-month__day--today{border-color:var(--s-ui-color-border-main-selected)}.s-ui-calendar-month__day--summary{background:var(--s-ui-color-background-main-action-calm-enabled);border-color:transparent;align-items:center;justify-content:center}.s-ui-calendar-month__day-number{color:var(--s-ui-color-text-surface-secondary);font:var(--s-ui-typography-label-12-medium)}.s-ui-calendar-month__day-values{display:flex;gap:var(--s-ui-space-gap-2x-small);align-items:center;font:var(--s-ui-typography-label-14-medium);white-space:nowrap}.s-ui-calendar-month__worked--filled{color:var(--s-ui-color-text-accent-blue-primary)}.s-ui-calendar-month__worked--empty{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-calendar-month__dot{color:var(--s-ui-color-text-surface-tertiary);font:var(--s-ui-typography-label-10-medium)}.s-ui-calendar-month__delta--overtime{color:var(--s-ui-color-text-accent-yellow-primary)}.s-ui-calendar-month__delta--undertime{color:var(--s-ui-color-text-accent-red-orange-primary)}.s-ui-calendar-month__week-total{color:var(--s-ui-color-text-accent-blue-primary);font:var(--s-ui-typography-label-14-medium)}.s-ui-calendar-month__skeleton{width:42px;height:14px;background:var(--s-ui-color-background-neutral-secondary);border-radius:var(--s-ui-border-radius-base)}}@layer components{.s-ui-calendar-week-grid{--s-ui-calendar-week-grid-gap: var(--s-ui-space-gap-2x-small);--s-ui-calendar-week-grid-label-width: 108px;--s-ui-calendar-week-grid-row-height: 44px;display:flex;flex-direction:column;gap:var(--s-ui-calendar-week-grid-gap);width:100%}.s-ui-calendar-week-grid__header,.s-ui-calendar-week-grid__row{display:grid;grid-template-columns:var(--s-ui-calendar-week-grid-label-width) repeat(var(--s-ui-calendar-week-grid-day-count, 7),minmax(0,1fr));gap:var(--s-ui-calendar-week-grid-gap)}.s-ui-calendar-week-grid__day-label{padding:var(--s-ui-space-padding-x-small);color:var(--s-ui-color-text-surface-secondary);font:var(--s-ui-typography-label-12-medium);text-align:center}.s-ui-calendar-week-grid__slot-label{display:flex;align-items:center;color:var(--s-ui-color-text-surface-secondary);font:var(--s-ui-typography-label-12-medium);white-space:nowrap}.s-ui-calendar-week-grid__cell{min-height:var(--s-ui-calendar-week-grid-row-height);margin:0;padding:0;background:var(--s-ui-color-background-main-action-calm-enabled);border:none;border-radius:var(--s-ui-border-radius-nested);transition:opacity var(--s-ui-transition-fast, .15s)}.s-ui-calendar-week-grid--loading .s-ui-calendar-week-grid__cell{background:var(--s-ui-color-background-neutral-secondary)}.s-ui-calendar-week-grid__cell--muted{opacity:.35}.s-ui-calendar-week-grid__cell--interactive{cursor:pointer}.s-ui-calendar-week-grid__cell--interactive:hover{outline:1px solid var(--s-ui-color-border-main-selected)}}@layer components{.s-ui-day-timeline{--s-ui-day-timeline-track-height: 40px;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-small);width:100%}.s-ui-day-timeline__track{position:relative;height:var(--s-ui-day-timeline-track-height);background:var(--s-ui-color-background-main-action-calm-enabled);border-radius:var(--s-ui-border-radius-sub-section)}.s-ui-day-timeline__block{position:absolute;top:0;bottom:0;box-sizing:border-box;border:2px solid transparent;transition:opacity var(--s-ui-transition-fast, .15s)}.s-ui-day-timeline__block--empty{background:transparent}.s-ui-day-timeline__block--muted{opacity:.35}.s-ui-day-timeline__block--interactive{cursor:pointer}.s-ui-day-timeline__block--interactive:hover{border-color:var(--s-ui-color-border-main-selected)}.s-ui-day-timeline__block--selected{z-index:1;border-color:var(--s-ui-color-border-main-selected)}.s-ui-day-timeline__skeleton{position:absolute;inset:0;background:var(--s-ui-color-background-neutral-secondary);border-radius:var(--s-ui-border-radius-sub-section)}.s-ui-day-timeline__range-label{position:absolute;bottom:calc(100% + 4px);left:50%;z-index:3;padding:2px 6px;color:var(--s-ui-color-surface-primary);font:var(--s-ui-typography-label-12-medium);white-space:nowrap;background:var(--s-ui-color-border-main-selected);border-radius:var(--s-ui-border-radius-base);transform:translate(-50%);pointer-events:none}.s-ui-day-timeline__handle{position:absolute;top:-2px;bottom:-2px;z-index:2;display:flex;align-items:center;justify-content:center;width:10px;padding:0;color:var(--s-ui-color-surface-primary);background:var(--s-ui-color-border-main-selected);border:none;cursor:ew-resize;pointer-events:auto;touch-action:none}.s-ui-day-timeline__handle--start{left:0;transform:translate(-50%)}.s-ui-day-timeline__handle--end{right:0;transform:translate(50%)}.s-ui-day-timeline__handle-icon{font:var(--s-ui-typography-label-14-medium);line-height:1}.s-ui-day-timeline__scale{display:flex;justify-content:space-between;color:var(--s-ui-color-text-surface-secondary);font:var(--s-ui-typography-label-12-medium)}}@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-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-skeleton-host{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-burnup{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);width:100%;max-height:500px}.s-ui-chart-burnup--skeleton{pointer-events:none}.s-ui-chart-burnup__canvas-wrap{position:relative;overflow:hidden;flex:1 1 auto;width:100%;min-height:230px}.s-ui-chart-burnup__canvas{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}.s-ui-chart-horizontal-bar--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}.s-ui-chart-line--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-multi-line{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);width:100%;max-height:500px}.s-ui-chart-multi-line--skeleton{pointer-events:none}.s-ui-chart-multi-line__canvas-wrap{position:relative;overflow:hidden;flex:1 1 auto;width:100%;min-height:420px}.s-ui-chart-multi-line__canvas{display:block;width:100%;height:100%}}@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}.s-ui-chart-pie--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-progress{position:relative;box-sizing:border-box;width:100%;height:100%;min-height:180px}.s-ui-chart-progress--skeleton{pointer-events:none}.s-ui-chart-progress__canvas-wrap{position:relative;overflow:hidden;width:100%;height:100%;min-height:180px}.s-ui-chart-progress__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}.s-ui-chart-stacked-area--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}.s-ui-chart-stacked-bar--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-color-palette{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:var(--s-ui-space-gap-x-small);max-width:100%}.s-ui-color-palette--layout-grid,.s-ui-color-palette--has-append{flex-wrap:wrap}.s-ui-color-palette--disabled{cursor:not-allowed}.s-ui-color-palette__swatch{flex-shrink:0}.s-ui-color-palette__append{display:inline-flex;flex-shrink:0;align-items:center}}@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-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));--s-ui-list-item-ring-gap: var(--s-ui-dimension-2);position:relative;isolation:isolate;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-block:var(--s-ui-space-padding-x-small);padding-inline:calc(var(--s-ui-space-padding-x-small) + var(--s-ui-list-item-ring-gap));outline:none;cursor:pointer;-webkit-user-select:none;user-select:none}.s-ui-list-item:before{content:"";position:absolute;z-index:-1;inset:0 var(--s-ui-list-item-ring-gap);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);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:calc(var(--s-ui-space-padding-x-small) + var(--s-ui-list-item-ring-gap))}.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}.s-ui-list-item__actions-inner{display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0;translate:0 0}.s-ui-list-item--reveal-right .s-ui-list-item__actions-reveal,.s-ui-list-item--reveal-right .s-ui-list-item__actions-inner{overflow:clip visible}.s-ui-list-item--reveal-right .s-ui-list-item__actions-reveal:has(:focus-visible),.s-ui-list-item--reveal-right .s-ui-list-item__actions-inner:has(:focus-visible){overflow-x:visible}.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{overflow:hidden;color:var(--s-ui-list-item-subtitle-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__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)}.s-ui-list__scroll--flat{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)}.s-ui-list__scroll--flat>*,.s-ui-list__static>*{flex-shrink:0}.s-ui-list__virtual-panel{width:100%}.s-ui-list__virtual-row{width:100%;box-sizing:border-box}}@layer components{.s-ui-dropdown-menu{--s-ui-dropdown-menu-width: 100%;--s-ui-dropdown-menu-max-height: none;--s-ui-dropdown-menu-background: var(--s-ui-color-surface-primary);--s-ui-dropdown-menu-divider-color: var(--s-ui-color-background-neutral-secondary);--s-ui-dropdown-menu-accent-outline-color: var(--s-ui-color-border-accent-blue-primary);position:relative;box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(--s-ui-dropdown-menu-width);min-inline-size:0;max-block-size:var(--s-ui-dropdown-menu-max-height);overflow:visible;border-radius:inherit;background-color:var(--s-ui-dropdown-menu-background)}.s-ui-dropdown-menu--bounded{overflow:hidden}.s-ui-dropdown-menu--accent{outline:var(--s-ui-dimension-1) solid var(--s-ui-dropdown-menu-accent-outline-color);outline-offset:calc(-1 * var(--s-ui-dimension-1))}.s-ui-dropdown-menu__header,.s-ui-dropdown-menu__footer{position:relative;box-sizing:border-box;flex:0 0 auto;inline-size:100%;min-inline-size:0;padding:var(--s-ui-space-padding-small)}.s-ui-dropdown-menu__header:after,.s-ui-dropdown-menu__footer:before{position:absolute;inset-inline:0;block-size:var(--s-ui-dimension-1);background-color:var(--s-ui-dropdown-menu-divider-color);content:""}.s-ui-dropdown-menu__header:after{inset-block-end:0}.s-ui-dropdown-menu__footer:before{inset-block-start:0}.s-ui-dropdown-menu__body{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--s-ui-space-gap-2x-small);inline-size:100%;min-block-size:0;min-inline-size:0;padding-block:var(--s-ui-space-padding-x-small);padding-inline:var(--s-ui-space-padding-small)}.s-ui-dropdown-menu__body--scrollable{overflow-y:auto}}@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__menu-body{display:flex;flex-direction:column;min-width:0}.s-ui-select__menu .s-ui-dropdown-menu__body{padding-inline:0}.s-ui-select__menu-body>.s-ui-list{width:100%;min-width:0;box-sizing:border-box}.s-ui-select__menu-body>.s-ui-list>.s-ui-list__scroll,.s-ui-select__menu-body>.s-ui-list>.s-ui-list__static{padding-inline:var(--s-ui-space-padding-small)}.s-ui-select__menu .s-ui-dropdown-menu__header .s-ui-input{width:100%;min-width:0}.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-color-area{display:flex;flex-direction:column;inline-size:100%}.s-ui-color-area__color-resolution{position:absolute;overflow:hidden;clip-path:inset(50%);inline-size:1px;block-size:1px;white-space:nowrap}.s-ui-color-area__canvas-row{display:flex;gap:var(--s-ui-space-gap-small);block-size:160px;inline-size:100%}.s-ui-color-area__canvas{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-color-area-hue, var(--s-ui-color-background-accent-blue-primary));cursor:crosshair;touch-action:none;outline:1px solid var(--s-ui-color-border-neutral-action-enabled);outline-offset:-1px}.s-ui-color-area__canvas:before{position:absolute;inset:0;background:linear-gradient(to right,rgb(255 255 255),transparent);content:"";pointer-events:none}.s-ui-color-area__canvas:after{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgb(0 0 0));content:"";pointer-events:none}.s-ui-color-area__canvas-pointer,.s-ui-color-area__hue-pointer{position:absolute;top:0;left:0;z-index:1;box-sizing:border-box;inline-size:22px;block-size:22px;border:4px solid var(--s-ui-color-surface-primary);border-radius:50%;box-shadow:0 0 0 1px var(--s-ui-color-border-neutral-secondary),0 0 2px var(--s-ui-color-background-neutral-primary);pointer-events:none;will-change:transform}.s-ui-color-area__hue-pointer{left:50%}.s-ui-color-area__hue{position:relative;flex-shrink:0;inline-size:var(--s-ui-dimension-16);border-radius:var(--s-ui-border-radius-base);background:linear-gradient(180deg,red,#ff0 16.6%,#0f0,#0ff 50%,#00f 65%,#9e00ff 75%,#ff00a7 89.525%,red);cursor:pointer;touch-action:none;outline:1px solid var(--s-ui-color-border-neutral-action-enabled);outline-offset:-1px}.s-ui-color-area--disabled .s-ui-color-area__canvas,.s-ui-color-area--disabled .s-ui-color-area__hue,.s-ui-color-area--readonly .s-ui-color-area__canvas,.s-ui-color-area--readonly .s-ui-color-area__hue{cursor:default;pointer-events:none}}@layer components{.s-ui-color-values{--s-ui-color-values-control-height: var(--s-ui-dimension-32);display:flex;align-items:center;gap:var(--s-ui-space-gap-small);width:100%;min-width:0}.s-ui-color-values__left{display:flex;align-items:center;gap:var(--s-ui-space-gap-x-small);flex-shrink:0}.s-ui-color-values__preview.s-ui-color-swatch{box-sizing:border-box;cursor:default;pointer-events:none;padding:0;inline-size:var(--s-ui-color-values-control-height);block-size:var(--s-ui-color-values-control-height);flex-shrink:0}.s-ui-color-values__preview.s-ui-color-swatch:not(.s-ui-color-swatch--disabled):hover{background:transparent;box-shadow:none}.s-ui-color-values__format{inline-size:73px;block-size:var(--s-ui-color-values-control-height);flex-shrink:0}.s-ui-color-values__format-select{inline-size:100%;block-size:100%}.s-ui-color-values__format-select .s-ui-input{gap:0;block-size:100%}.s-ui-color-values__format-select .s-ui-input__field{min-block-size:var(--s-ui-color-values-control-height);block-size:var(--s-ui-color-values-control-height);padding-block:var(--s-ui-space-gap-x-small);padding-inline:var(--s-ui-space-gap-x-small)}.s-ui-color-values__format-select .s-ui-select__control{min-block-size:100%}.s-ui-color-values__format-select .s-ui-select__chevron{--s-ui-icon-size: var(--s-ui-dimension-16)}.s-ui-color-values__value-group{display:flex;flex:1 1 auto;align-items:center;min-width:0;block-size:var(--s-ui-color-values-control-height);border-radius:var(--s-ui-border-radius-base);background:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-color-border-neutral-action-enabled);outline-offset:-1px}.s-ui-color-values__pipette.s-ui-button--icon-only.s-ui-button--size-small{--s-ui-button-padding: var(--s-ui-space-padding-between-x-small-small);flex-shrink:0;inline-size:var(--s-ui-color-values-control-height);block-size:var(--s-ui-color-values-control-height);cursor:default;pointer-events:none}.s-ui-color-values__pipette.s-ui-button--icon-only .s-ui-icon{--s-ui-icon-size: var(--s-ui-dimension-20)}.s-ui-color-values__separator{align-self:stretch;inline-size:1px;background:var(--s-ui-color-border-neutral-action-enabled);flex-shrink:0}.s-ui-color-values__inputs{display:flex;flex:1 1 auto;align-items:center;block-size:100%;min-width:0}.s-ui-color-values__input-wrap{display:flex;flex:1 1 0;align-items:center;block-size:100%;min-width:0;padding-inline:var(--s-ui-space-gap-x-small)}.s-ui-color-values__input{inline-size:100%;min-width:0;block-size:100%;padding:var(--s-ui-space-padding-x-small);border:0;background:transparent;color:var(--s-ui-color-text-surface-primary);line-height:var(--s-ui-line-height-text-base);outline:none}.s-ui-color-values__input::placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-color-values__input:disabled{cursor:not-allowed}.s-ui-color-values--disabled{cursor:not-allowed}.s-ui-color-values--readonly .s-ui-color-values__input{cursor:default}}@layer components{.s-ui-color-picker{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-medium);inline-size:100%}.s-ui-color-picker--disabled{cursor:not-allowed}.s-ui-color-picker__section{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);inline-size:100%}.s-ui-color-picker__label{color:var(--s-ui-color-text-surface-secondary);font:var(--s-ui-typography-label-14-medium)}.s-ui-color-picker__palette{inline-size:100%}.s-ui-color-picker__add-button{inline-size:var(--s-ui-dimension-32);block-size:var(--s-ui-dimension-32);min-inline-size:var(--s-ui-dimension-32);padding:var(--s-ui-space-padding-2x-small)}.s-ui-color-picker__custom-editor{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);inline-size:100%}.s-ui-color-picker__custom-actions{display:flex;gap:var(--s-ui-space-gap-x-small);inline-size:100%}.s-ui-color-picker__save-button,.s-ui-color-picker__cancel-button{inline-size:100%}}@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-photo-edit{--s-ui-photo-edit-size: 123px;--s-ui-photo-edit-radius: var(--s-ui-border-radius-rounded);--s-ui-photo-edit-camera-scale: 1.75;--s-ui-photo-edit-overlay-tint: rgb(from var(--s-ui-color-palette-blue-900) r g b / 40%);--s-ui-photo-edit-shade-tint: rgb(from var(--s-ui-color-palette-blue-900) r g b / 40%);--s-ui-photo-edit-filled-hover-tint: rgb( from var(--s-ui-color-background-main-primary) r g b / 60% );--s-ui-photo-edit-remove-offset-block: var(--s-ui-space-padding-x-small);--s-ui-photo-edit-remove-offset-inline: var(--s-ui-space-padding-x-small);--s-ui-photo-edit-remove-size: var(--s-ui-dimension-20);--s-ui-photo-edit-remove-icon-size: var(--s-ui-dimension-16);--s-ui-photo-edit-overlay-inset-block-start: 70.73%;--s-ui-photo-edit-overlay-inset-inline: 4.49%;--s-ui-photo-edit-overlay-hidden-offset: var(--s-ui-space-padding-2x-small);--s-ui-photo-edit-overlay-padding-inline: var(--s-ui-space-padding-x-medium);--s-ui-photo-edit-label-font: var(--s-ui-typography-label-12-medium);box-sizing:border-box;position:relative;display:inline-flex;flex-direction:column;align-items:center;inline-size:var(--s-ui-photo-edit-size);block-size:var(--s-ui-photo-edit-size);color:var(--s-ui-color-text-surface-static)}.s-ui-photo-edit--size-x-small{--s-ui-photo-edit-size: 72px;--s-ui-photo-edit-camera-scale: 1.125;--s-ui-photo-edit-remove-offset-block: var(--s-ui-space-padding-2x-small);--s-ui-photo-edit-remove-offset-inline: var(--s-ui-space-padding-2x-small);--s-ui-photo-edit-remove-size: var(--s-ui-dimension-16);--s-ui-photo-edit-overlay-inset-block-start: 50%;--s-ui-photo-edit-overlay-inset-inline: 0;--s-ui-photo-edit-overlay-padding-inline: var(--s-ui-space-padding-2x-small);--s-ui-photo-edit-label-font: var(--s-ui-typography-label-10-medium)}.s-ui-photo-edit--size-big{--s-ui-photo-edit-size: 194px;--s-ui-photo-edit-camera-scale: 2.7;--s-ui-photo-edit-remove-offset-block: var(--s-ui-space-padding-small);--s-ui-photo-edit-remove-offset-inline: var(--s-ui-space-padding-small);--s-ui-photo-edit-remove-size: var(--s-ui-dimension-24);--s-ui-photo-edit-remove-icon-size: var(--s-ui-dimension-16);--s-ui-photo-edit-overlay-inset-block-start: 70.62%;--s-ui-photo-edit-overlay-inset-inline: 4.49%}.s-ui-photo-edit--shape-square{--s-ui-photo-edit-radius: var(--s-ui-border-radius-sub-section)}.s-ui-photo-edit--shape-circle{--s-ui-photo-edit-radius: 50%}.s-ui-photo-edit--size-small.s-ui-photo-edit--shape-circle{--s-ui-photo-edit-remove-offset-inline: var(--s-ui-space-padding-2x-small)}.s-ui-photo-edit--size-x-small.s-ui-photo-edit--shape-circle{--s-ui-photo-edit-remove-offset-block: var(--s-ui-space-padding-none);--s-ui-photo-edit-remove-offset-inline: var(--s-ui-space-padding-none)}.s-ui-photo-edit--size-big.s-ui-photo-edit--shape-square{--s-ui-photo-edit-radius: var(--s-ui-border-radius-section)}.s-ui-photo-edit--disabled{cursor:not-allowed;opacity:.56}.s-ui-photo-edit__wrapper{position:relative;overflow:hidden;inline-size:100%;block-size:100%;border-radius:var(--s-ui-photo-edit-radius)}.s-ui-photo-edit__trigger{position:relative;overflow:hidden;inline-size:100%;block-size:100%;border-radius:var(--s-ui-photo-edit-radius);background-color:var(--s-ui-color-background-main-primary);cursor:pointer}.s-ui-photo-edit--filled .s-ui-photo-edit__trigger{background-color:transparent}.s-ui-photo-edit--filled .s-ui-photo-edit__trigger:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background-color:var(--s-ui-photo-edit-filled-hover-tint);opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.s-ui-photo-edit--filled:not(.s-ui-photo-edit--disabled) .s-ui-photo-edit__trigger:hover:after,.s-ui-photo-edit--filled.s-ui-photo-edit--story-hovered:not(.s-ui-photo-edit--disabled) .s-ui-photo-edit__trigger:after{opacity:1}.s-ui-photo-edit:not(.s-ui-photo-edit--filled) .s-ui-photo-edit__trigger:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background-color:var(--s-ui-photo-edit-shade-tint);pointer-events:none}.s-ui-photo-edit--disabled .s-ui-photo-edit__trigger{cursor:not-allowed}.s-ui-photo-edit__trigger:focus{outline:none}.s-ui-photo-edit__trigger:focus-visible{outline:none}.s-ui-photo-edit__wrapper:focus-within{outline:2px solid var(--s-ui-color-border-accent-blue-primary);outline-offset:2px}.s-ui-photo-edit__preview{position:absolute;inset:0;z-index:0;display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:center}.s-ui-photo-edit__placeholder{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%}.s-ui-photo-edit__camera{display:flex;align-items:center;justify-content:center;color:var(--s-ui-color-icon-surface-static);pointer-events:none;transform:scale(var(--s-ui-photo-edit-camera-scale))}.s-ui-photo-edit__overlay{position:absolute;inset-inline:var(--s-ui-photo-edit-overlay-inset-inline);inset-block:var(--s-ui-photo-edit-overlay-inset-block-start) 0;z-index:2;display:flex;align-items:center;justify-content:center;padding-inline:var(--s-ui-photo-edit-overlay-padding-inline);text-align:center;background-color:var(--s-ui-photo-edit-overlay-tint);transform:translateY(calc(100% + var(--s-ui-photo-edit-overlay-hidden-offset)));transition:transform .3s ease-in-out;pointer-events:none}.s-ui-photo-edit--shape-square .s-ui-photo-edit__overlay{inset-inline:0}.s-ui-photo-edit:not(.s-ui-photo-edit--disabled) .s-ui-photo-edit__trigger:hover .s-ui-photo-edit__overlay,.s-ui-photo-edit--story-hovered:not(.s-ui-photo-edit--disabled) .s-ui-photo-edit__overlay{transform:translateY(0)}.s-ui-photo-edit__label{font:var(--s-ui-photo-edit-label-font);letter-spacing:var(--s-ui-letter-spacing-normal);color:var(--s-ui-color-text-surface-static);white-space:pre-line}.s-ui-photo-edit__remove{position:absolute;inset-block-start:var(--s-ui-photo-edit-remove-offset-block);inset-inline-end:var(--s-ui-photo-edit-remove-offset-inline);z-index:3;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.s-ui-photo-edit__remove .s-ui-button{inline-size:var(--s-ui-photo-edit-remove-size);block-size:var(--s-ui-photo-edit-remove-size);min-inline-size:var(--s-ui-photo-edit-remove-size);min-block-size:var(--s-ui-photo-edit-remove-size);padding:var(--s-ui-space-padding-none)}.s-ui-photo-edit__remove .s-ui-button .s-ui-icon{--s-ui-icon-size: var(--s-ui-photo-edit-remove-icon-size)}.s-ui-photo-edit--filled:not(.s-ui-photo-edit--disabled):hover .s-ui-photo-edit__remove,.s-ui-photo-edit--filled.s-ui-photo-edit--story-hovered:not(.s-ui-photo-edit--disabled) .s-ui-photo-edit__remove,.s-ui-photo-edit--filled:not(.s-ui-photo-edit--disabled) .s-ui-photo-edit__remove:hover,.s-ui-photo-edit--filled:not(.s-ui-photo-edit--disabled) .s-ui-photo-edit__remove:focus-within{opacity:1;visibility:visible;pointer-events:auto}.s-ui-photo-edit__input{display:none}}@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-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-tag-text, var(--s-ui-color-text-surface-primary));background-color:var(--s-ui-tag-bg, transparent)}.s-ui-tag--link{text-decoration:none;color:var(--s-ui-tag-text, 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-notification{box-sizing:border-box;display:flex;min-height:32px;padding:var(--s-ui-space-gap-small);overflow:hidden;border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-notification-bg);color:var(--s-ui-color-text-surface-primary)}.s-ui-notification--surface-toast{border:1px solid var(--s-ui-notification-border);box-shadow:0 1px 4px 0 var(--s-ui-color-elevation-shadow-card)}.s-ui-notification--layout-horizontal{flex-direction:row;gap:var(--s-ui-space-gap-small);align-items:flex-start}.s-ui-notification--layout-vertical{flex-direction:column;gap:var(--s-ui-space-gap-x-small);align-items:stretch}.s-ui-notification--type-info-accent{--s-ui-notification-bg: var(--s-ui-color-background-main-action-calm-enabled);--s-ui-notification-border: var(--s-ui-color-border-accent-blue-primary);--s-ui-notification-icon: var(--s-ui-color-icon-main-enabled)}.s-ui-notification--type-info-normal{--s-ui-notification-bg: var(--s-ui-color-background-neutral-action-calm-enabled);--s-ui-notification-border: var(--s-ui-color-border-neutral-action-enabled);--s-ui-notification-icon: var(--s-ui-color-icon-surface-secondary)}.s-ui-notification--type-success{--s-ui-notification-bg: var(--s-ui-color-background-success-tertiary);--s-ui-notification-border: var(--s-ui-color-border-accent-green-primary);--s-ui-notification-icon: var(--s-ui-color-icon-accent-green-action-enabled)}.s-ui-notification--type-warning{--s-ui-notification-bg: var(--s-ui-color-background-accent-yellow-tertiary);--s-ui-notification-border: var(--s-ui-color-border-accent-yellow-primary);--s-ui-notification-icon: var(--s-ui-color-icon-accent-yellow-primary)}.s-ui-notification--type-danger{--s-ui-notification-bg: var(--s-ui-color-background-danger-tertiary);--s-ui-notification-border: var(--s-ui-color-border-accent-red-orange-primary);--s-ui-notification-icon: var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-notification--type-billing{--s-ui-notification-bg: var(--s-ui-color-background-accent-violet-tertiary);--s-ui-notification-border: var(--s-ui-color-border-accent-violet-primary);--s-ui-notification-icon: var(--s-ui-color-icon-accent-violet-primary)}.s-ui-notification__body{display:flex;flex:1;gap:var(--s-ui-space-gap-x-small);align-items:flex-start;min-width:0}.s-ui-notification--layout-vertical .s-ui-notification__body{width:100%}.s-ui-notification__leftside{display:flex;flex-shrink:0;align-self:flex-start}.s-ui-notification__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--s-ui-notification-icon)}.s-ui-notification__content{display:flex;flex:1;flex-direction:column;gap:var(--s-ui-space-gap-2x-small);min-width:0}.s-ui-notification__title-row{display:flex;gap:var(--s-ui-space-gap-small);align-items:center}.s-ui-notification__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-ui-notification__description-block{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-small);margin-bottom:var(--s-ui-space-gap-x-small)}.s-ui-notification__description{color:var(--s-ui-color-text-surface-tertiary);overflow-wrap:break-word}.s-ui-notification__link.s-ui-button{align-self:flex-start;padding:0;color:var(--s-ui-color-text-accent-blue-action-enabled);text-decoration:underline}.s-ui-notification__actions-row{display:flex;flex-shrink:0;gap:var(--s-ui-space-gap-x-small);align-items:center}.s-ui-notification--layout-horizontal .s-ui-notification__actions-row{align-self:center}.s-ui-notification__actions-stack{display:flex;gap:var(--s-ui-space-gap-x-small);align-items:stretch;width:100%}.s-ui-notification__actions-stack .s-ui-button{flex:1}.s-ui-notification__close.s-ui-button{flex-shrink:0}}@layer components{.s-ui-banner{width:100%}}@layer components{.s-ui-toast{width:360px}}@layer components{.s-ui-toast-provider{--s-ui-toast-provider-offset: var(--s-ui-space-padding-x-large);position:fixed;right:0;bottom:var(--s-ui-toast-provider-offset);left:0;z-index:10000;display:flex;justify-content:center;padding:0 var(--s-ui-toast-provider-offset);pointer-events:none}.s-ui-toast-provider__list{position:relative;width:360px;max-width:100%;pointer-events:auto;transition:height .4s ease}.s-ui-toast-provider__toast{--s-ui-toast-provider-toasts-before: 0;--s-ui-toast-provider-lift-amount: 0px;--s-ui-toast-provider-stack-scale: 1;--s-ui-toast-provider-front-toast-height: auto;--s-ui-toast-provider-offset-y: 0px;--s-ui-toast-provider-initial-height: auto;position:absolute;right:0;bottom:0;left:0;opacity:0;transform:translateY(100%);transform-origin:bottom center;transition:transform .4s cubic-bezier(.21,1.02,.73,1),opacity .4s ease,height .4s cubic-bezier(.21,1.02,.73,1);pointer-events:auto}.s-ui-toast-provider__toast-content{width:100%}.s-ui-toast-provider__toast .s-ui-notification__body{transition:opacity .4s ease}.s-ui-toast-provider__toast[data-mounted=true][data-front=true]:not([data-removed=true]){transform:translateY(0) scale(1);opacity:1}.s-ui-toast-provider__toast[data-expanded=false][data-front=false]:not([data-removed=true]){transform:translateY(calc(var(--s-ui-toast-provider-lift-amount) * var(--s-ui-toast-provider-toasts-before))) scale(var(--s-ui-toast-provider-stack-scale));height:var(--s-ui-toast-provider-front-toast-height);overflow:hidden;pointer-events:none;opacity:1}.s-ui-toast-provider__toast[data-expanded=false][data-front=false]:not([data-removed=true]) .s-ui-notification__body{opacity:0}.s-ui-toast-provider__toast[data-expanded=true][data-mounted=true]:not([data-removed=true]){transform:translateY(calc(-1 * var(--s-ui-toast-provider-offset-y)));height:var(--s-ui-toast-provider-initial-height);opacity:1}.s-ui-toast-provider__toast[data-removed=true][data-front=true]{transform:translateY(-100%);opacity:0}.s-ui-toast-provider__toast[data-removed=true][data-front=false][data-expanded=false]{transform:translateY(40%);opacity:0;transition:transform .5s ease,opacity .2s ease}.s-ui-toast-provider__toast[data-visible=false]{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.s-ui-toast-provider__list,.s-ui-toast-provider__toast,.s-ui-toast-provider__toast .s-ui-notification__body,.s-ui-toast-provider__toast .s-ui-toast{transition:none}}}@layer components{.s-ui-chart-segmented-bar{--s-ui-chart-segmented-bar-track-height: 40px;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-large, 16px);align-items:stretch;inline-size:100%;min-inline-size:0}.s-ui-chart-segmented-bar__canvas-wrap{position:relative;block-size:var(--s-ui-chart-segmented-bar-track-height);inline-size:100%;min-inline-size:0}.s-ui-chart-segmented-bar__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-widget{--s-ui-chart-widget-bg: var(--s-ui-color-surface-primary);--s-ui-chart-widget-outline: var(--s-ui-color-border-neutral-primary);--s-ui-chart-widget-title-color: var(--s-ui-color-text-surface-primary);--s-ui-chart-widget-skeleton-bg: var(--s-ui-color-surface-secondary);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-large, 16px);align-items:stretch;inline-size:100%;min-inline-size:0;padding:12px 20px;background-color:var(--s-ui-chart-widget-bg);border-radius:var(--s-ui-border-radius-sub-section, 8px);outline:1px solid var(--s-ui-chart-widget-outline)}.s-ui-chart-widget__header{display:flex;gap:var(--s-ui-space-gap-medium, 8px);align-items:center;justify-content:space-between}.s-ui-chart-widget__title{color:var(--s-ui-chart-widget-title-color)}.s-ui-chart-widget__title-skeleton{inline-size:96px;block-size:24px;background-color:var(--s-ui-chart-widget-skeleton-bg);border-radius:4px}.s-ui-chart-widget__controls{display:flex;flex-shrink:0;gap:var(--s-ui-space-gap-medium, 8px);align-items:center}.s-ui-chart-widget__content{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-large, 16px);min-inline-size:0}}
|
|
2
2
|
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.SMALL=`small`,e.BIG=`big`,e}({}),a=function(e){return e.CIRCLE=`circle`,e.SQUARE=`square`,e}({}),o={key:0,class:`s-ui-photo-edit__remove`},s={class:`s-ui-photo-edit__wrapper`},c=[`tabindex`,`aria-disabled`,`aria-label`],l=[`src`,`alt`],u={key:1,class:`s-ui-photo-edit__placeholder`},d={class:`s-ui-photo-edit__camera`},f={class:`s-ui-photo-edit__overlay`},p={class:`s-ui-photo-edit__label s-ui-typography-label-12-medium`},m=[`accept`,`disabled`],h=(0,n.defineComponent)({__name:`SPhotoEdit`,props:(0,n.mergeModels)({accept:{default:`image/jpeg,image/png,image/jpg`},alt:{},disabled:{type:Boolean,default:!1},shape:{default:()=>a.CIRCLE},size:{default:()=>i.SMALL}},{modelValue:{default:null},modelModifiers:{}}),emits:(0,n.mergeModels)([`change`,`remove`],[`update:modelValue`]),setup(i,{emit:a}){let h=(0,n.useModel)(i,`modelValue`),g=a,{t:_}=(0,r.useUiKitI18n)(),v=(0,n.useTemplateRef)(`fileInputRef`),y=(0,n.ref)(null),b=()=>{y.value&&=(URL.revokeObjectURL(y.value),null)};(0,n.watch)(()=>h.value,e=>{b(),e instanceof File&&(y.value=URL.createObjectURL(e))},{immediate:!0}),(0,n.onScopeDispose)(b);let x=(0,n.computed)(()=>{let e=h.value;return e instanceof File?y.value??``:typeof e==`string`?e:``}),S=(0,n.computed)(()=>{let e=h.value;return e instanceof File?!0:typeof e==`string`?e.length>0:!1}),C=(0,n.computed)(()=>({[`s-ui-photo-edit--size-${i.size}`]:!0,[`s-ui-photo-edit--shape-${i.shape}`]:!0,"s-ui-photo-edit--filled":S.value,"s-ui-photo-edit--disabled":i.disabled})),w=(0,n.computed)(()=>S.value?_(`photoEdit.changePhoto`):_(`photoEdit.uploadPhoto`)),T=(0,n.computed)(()=>S.value?_(`photoEdit.changePhoto`):_(`photoEdit.pickPhoto`)),E=(0,n.computed)(()=>i.disabled?-1:0),D=()=>{v.value&&(v.value.value=``)},O=()=>{h.value=null,b(),D()},k=e=>{g(`change`,{file:e,abort:O})},A=()=>{i.disabled||v.value?.click()},j=()=>{A()},M=e=>{i.disabled||e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),A())},N=e=>{if(!(e.target instanceof HTMLInputElement))return;let t=e.target.files?.[0];t&&(h.value=t,k(t),D())},P=()=>{i.disabled||(g(`remove`),h.value=null,b(),D(),k(null))};return(a,h)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`s-ui-photo-edit`,C.value])},[S.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,o,[(0,n.createVNode)((0,n.unref)(t.t),{appearance:(0,n.unref)(e.t).BARE,variant:(0,n.unref)(e.r).NEUTRAL,size:(0,n.unref)(e.n).SMALL,disabled:i.disabled,tabindex:-1,icon:`closeMini`,"aria-label":(0,n.unref)(_)(`photoEdit.removePhoto`),onClick:(0,n.withModifiers)(P,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`aria-label`])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,s,[(0,n.createElementVNode)(`div`,{class:`s-ui-photo-edit__trigger`,role:`button`,tabindex:E.value,"aria-disabled":i.disabled||void 0,"aria-label":T.value,onClick:j,onKeydown:M},[x.value?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,class:`s-ui-photo-edit__preview`,src:x.value,alt:i.alt??``},null,8,l)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,u,[(0,n.createElementVNode)(`span`,d,[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:`camera`,size:40})])])),(0,n.createElementVNode)(`div`,f,[(0,n.createElementVNode)(`span`,p,(0,n.toDisplayString)(w.value),1)])],40,c)]),(0,n.createElementVNode)(`input`,{ref_key:`fileInputRef`,ref:v,class:`s-ui-photo-edit__input`,type:`file`,accept:i.accept,disabled:i.disabled,onChange:N},null,40,m)],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
|