@shtabapp/ui-kit 1.35.0 → 1.36.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-VW9-n1yU.cjs +1 -0
- package/dist/SPhotoEdit-bXKHcP3x.js +123 -0
- package/dist/components/SPhotoEdit/SPhotoEdit.types.d.ts +27 -0
- package/dist/components/SPhotoEdit/SPhotoEdit.types.d.ts.map +1 -0
- package/dist/components/SPhotoEdit/SPhotoEdit.vue.d.ts +18 -0
- package/dist/components/SPhotoEdit/SPhotoEdit.vue.d.ts.map +1 -0
- package/dist/components/SPhotoEdit/index.d.ts +4 -0
- package/dist/components/SPhotoEdit/index.d.ts.map +1 -0
- package/dist/entries/photo-edit.cjs +1 -0
- package/dist/entries/photo-edit.d.ts +4 -0
- package/dist/entries/photo-edit.d.ts.map +1 -0
- package/dist/entries/photo-edit.js +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -8
- package/dist/uikit-components.css +1 -1
- package/package.json +8 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
## [@shtabapp/ui-kit-v1.36.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.35.0...@shtabapp/ui-kit@1.36.0) (2026-07-02)
|
|
2
|
+
|
|
3
|
+
### Features
|
|
4
|
+
|
|
5
|
+
- photo edit component ([296ce3f](https://gitlab.com/mstikharev/shtab-ui-kit/commit/296ce3f3ef0eab280fc9c5bdbe041f5be38bea08))
|
|
6
|
+
|
|
1
7
|
## [@shtabapp/ui-kit-v1.35.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.34.0...@shtabapp/ui-kit@1.35.0) (2026-07-02)
|
|
2
8
|
|
|
3
9
|
### Features
|
|
@@ -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.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}});
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
|
|
2
|
+
import { t as r } from "./SButton-DnU_XZ1C.js";
|
|
3
|
+
import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, onScopeDispose as f, openBlock as p, ref as m, toDisplayString as h, unref as g, useModel as _, useTemplateRef as v, watch as y, withModifiers as b } from "vue";
|
|
4
|
+
import { SIcon as x, useUiKitI18n as S } from "@shtabapp/ui-kit-primitives";
|
|
5
|
+
//#region src/components/SPhotoEdit/SPhotoEdit.types.ts
|
|
6
|
+
var C = /* @__PURE__ */ function(e) {
|
|
7
|
+
return e.SMALL = "small", e.BIG = "big", e;
|
|
8
|
+
}({}), w = /* @__PURE__ */ function(e) {
|
|
9
|
+
return e.CIRCLE = "circle", e.SQUARE = "square", e;
|
|
10
|
+
}({}), T = {
|
|
11
|
+
key: 0,
|
|
12
|
+
class: "s-ui-photo-edit__remove"
|
|
13
|
+
}, E = { class: "s-ui-photo-edit__wrapper" }, D = [
|
|
14
|
+
"tabindex",
|
|
15
|
+
"aria-disabled",
|
|
16
|
+
"aria-label"
|
|
17
|
+
], O = ["src", "alt"], k = {
|
|
18
|
+
key: 1,
|
|
19
|
+
class: "s-ui-photo-edit__placeholder"
|
|
20
|
+
}, A = { class: "s-ui-photo-edit__camera" }, j = { class: "s-ui-photo-edit__overlay" }, M = { class: "s-ui-photo-edit__label s-ui-typography-label-12-medium" }, N = ["accept", "disabled"], P = /* @__PURE__ */ l({
|
|
21
|
+
__name: "SPhotoEdit",
|
|
22
|
+
props: /*@__PURE__*/ u({
|
|
23
|
+
accept: { default: "image/jpeg,image/png,image/jpg" },
|
|
24
|
+
alt: {},
|
|
25
|
+
disabled: {
|
|
26
|
+
type: Boolean,
|
|
27
|
+
default: !1
|
|
28
|
+
},
|
|
29
|
+
shape: { default: () => w.CIRCLE },
|
|
30
|
+
size: { default: () => C.SMALL }
|
|
31
|
+
}, {
|
|
32
|
+
modelValue: { default: null },
|
|
33
|
+
modelModifiers: {}
|
|
34
|
+
}),
|
|
35
|
+
emits: /*@__PURE__*/ u(["change", "remove"], ["update:modelValue"]),
|
|
36
|
+
setup(l, { emit: u }) {
|
|
37
|
+
let C = _(l, "modelValue"), w = u, { t: P } = S(), F = v("fileInputRef"), I = m(null), L = () => {
|
|
38
|
+
I.value &&= (URL.revokeObjectURL(I.value), null);
|
|
39
|
+
};
|
|
40
|
+
y(() => C.value, (e) => {
|
|
41
|
+
L(), e instanceof File && (I.value = URL.createObjectURL(e));
|
|
42
|
+
}, { immediate: !0 }), f(L);
|
|
43
|
+
let R = i(() => {
|
|
44
|
+
let e = C.value;
|
|
45
|
+
return e instanceof File ? I.value ?? "" : typeof e == "string" ? e : "";
|
|
46
|
+
}), z = i(() => {
|
|
47
|
+
let e = C.value;
|
|
48
|
+
return e instanceof File ? !0 : typeof e == "string" ? e.length > 0 : !1;
|
|
49
|
+
}), B = i(() => ({
|
|
50
|
+
[`s-ui-photo-edit--size-${l.size}`]: !0,
|
|
51
|
+
[`s-ui-photo-edit--shape-${l.shape}`]: !0,
|
|
52
|
+
"s-ui-photo-edit--filled": z.value,
|
|
53
|
+
"s-ui-photo-edit--disabled": l.disabled
|
|
54
|
+
})), V = i(() => z.value ? P("photoEdit.changePhoto") : P("photoEdit.uploadPhoto")), H = i(() => z.value ? P("photoEdit.changePhoto") : P("photoEdit.pickPhoto")), U = i(() => l.disabled ? -1 : 0), W = () => {
|
|
55
|
+
F.value && (F.value.value = "");
|
|
56
|
+
}, G = () => {
|
|
57
|
+
C.value = null, L(), W();
|
|
58
|
+
}, K = (e) => {
|
|
59
|
+
w("change", {
|
|
60
|
+
file: e,
|
|
61
|
+
abort: G
|
|
62
|
+
});
|
|
63
|
+
}, q = () => {
|
|
64
|
+
l.disabled || F.value?.click();
|
|
65
|
+
}, J = () => {
|
|
66
|
+
q();
|
|
67
|
+
}, Y = (e) => {
|
|
68
|
+
l.disabled || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), q());
|
|
69
|
+
}, X = (e) => {
|
|
70
|
+
if (!(e.target instanceof HTMLInputElement)) return;
|
|
71
|
+
let t = e.target.files?.[0];
|
|
72
|
+
t && (C.value = t, K(t), W());
|
|
73
|
+
}, Z = () => {
|
|
74
|
+
l.disabled || (w("remove"), C.value = null, L(), W(), K(null));
|
|
75
|
+
};
|
|
76
|
+
return (i, u) => (p(), o("div", { class: d(["s-ui-photo-edit", B.value]) }, [
|
|
77
|
+
z.value ? (p(), o("span", T, [c(g(r), {
|
|
78
|
+
appearance: g(n).BARE,
|
|
79
|
+
variant: g(t).NEUTRAL,
|
|
80
|
+
size: g(e).SMALL,
|
|
81
|
+
disabled: l.disabled,
|
|
82
|
+
tabindex: -1,
|
|
83
|
+
icon: "closeMini",
|
|
84
|
+
"aria-label": g(P)("photoEdit.removePhoto"),
|
|
85
|
+
onClick: b(Z, ["stop"])
|
|
86
|
+
}, null, 8, [
|
|
87
|
+
"appearance",
|
|
88
|
+
"variant",
|
|
89
|
+
"size",
|
|
90
|
+
"disabled",
|
|
91
|
+
"aria-label"
|
|
92
|
+
])])) : a("", !0),
|
|
93
|
+
s("div", E, [s("div", {
|
|
94
|
+
class: "s-ui-photo-edit__trigger",
|
|
95
|
+
role: "button",
|
|
96
|
+
tabindex: U.value,
|
|
97
|
+
"aria-disabled": l.disabled || void 0,
|
|
98
|
+
"aria-label": H.value,
|
|
99
|
+
onClick: J,
|
|
100
|
+
onKeydown: Y
|
|
101
|
+
}, [R.value ? (p(), o("img", {
|
|
102
|
+
key: 0,
|
|
103
|
+
class: "s-ui-photo-edit__preview",
|
|
104
|
+
src: R.value,
|
|
105
|
+
alt: l.alt ?? ""
|
|
106
|
+
}, null, 8, O)) : (p(), o("div", k, [s("span", A, [c(g(x), {
|
|
107
|
+
name: "camera",
|
|
108
|
+
size: 40
|
|
109
|
+
})])])), s("div", j, [s("span", M, h(V.value), 1)])], 40, D)]),
|
|
110
|
+
s("input", {
|
|
111
|
+
ref_key: "fileInputRef",
|
|
112
|
+
ref: F,
|
|
113
|
+
class: "s-ui-photo-edit__input",
|
|
114
|
+
type: "file",
|
|
115
|
+
accept: l.accept,
|
|
116
|
+
disabled: l.disabled,
|
|
117
|
+
onChange: X
|
|
118
|
+
}, null, 40, N)
|
|
119
|
+
], 2));
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
//#endregion
|
|
123
|
+
export { w as n, C as r, P as t };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { SPhotoEdit } from '.';
|
|
2
|
+
export declare enum ESPhotoEditSize {
|
|
3
|
+
SMALL = "small",
|
|
4
|
+
BIG = "big"
|
|
5
|
+
}
|
|
6
|
+
export declare enum ESPhotoEditShape {
|
|
7
|
+
CIRCLE = "circle",
|
|
8
|
+
SQUARE = "square"
|
|
9
|
+
}
|
|
10
|
+
export interface ISPhotoEditProps {
|
|
11
|
+
/** MIME-типы для выбора файла. */
|
|
12
|
+
accept?: string;
|
|
13
|
+
/** Текст для скринридеров у preview-изображения. */
|
|
14
|
+
alt?: string;
|
|
15
|
+
/** Отключает выбор и удаление фото. */
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
/** Круг или квадрат с скруглением. */
|
|
18
|
+
shape?: ESPhotoEditShape;
|
|
19
|
+
/** Размер области редактирования. */
|
|
20
|
+
size?: ESPhotoEditSize;
|
|
21
|
+
}
|
|
22
|
+
export interface ISPhotoEditChangePayload {
|
|
23
|
+
abort: () => void;
|
|
24
|
+
file: File | null;
|
|
25
|
+
}
|
|
26
|
+
export type TSPhotoEditInstance = InstanceType<typeof SPhotoEdit>;
|
|
27
|
+
//# sourceMappingURL=SPhotoEdit.types.d.ts.map
|
|
@@ -0,0 +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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type ISPhotoEditChangePayload, type ISPhotoEditProps } from './SPhotoEdit.types';
|
|
2
|
+
type __VLS_Props = ISPhotoEditProps;
|
|
3
|
+
type __VLS_ModelProps = {
|
|
4
|
+
modelValue?: string | File | null;
|
|
5
|
+
};
|
|
6
|
+
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
7
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
8
|
+
change: (payload: ISPhotoEditChangePayload) => any;
|
|
9
|
+
"update:modelValue": (value: string | File | null) => any;
|
|
10
|
+
remove: () => any;
|
|
11
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
12
|
+
onChange?: ((payload: ISPhotoEditChangePayload) => any) | undefined;
|
|
13
|
+
"onUpdate:modelValue"?: ((value: string | File | null) => any) | undefined;
|
|
14
|
+
onRemove?: (() => any) | undefined;
|
|
15
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: typeof __VLS_export;
|
|
17
|
+
export default _default;
|
|
18
|
+
//# sourceMappingURL=SPhotoEdit.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SPhotoEdit.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SPhotoEdit/SPhotoEdit.vue"],"names":[],"mappings":"AA4PA,OAAO,EAGL,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACtB,MAAM,oBAAoB,CAAA;AAE3B,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAuLpC,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;CACjC,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA+IxD,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default as SPhotoEdit } from './SPhotoEdit.vue';
|
|
2
|
+
export type { ISPhotoEditChangePayload, ISPhotoEditProps, TSPhotoEditInstance, } from './SPhotoEdit.types';
|
|
3
|
+
export { ESPhotoEditShape, ESPhotoEditSize } from './SPhotoEdit.types';
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SPhotoEdit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,YAAY,EACV,wBAAwB,EACxB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SPhotoEdit-VW9-n1yU.cjs");exports.ESPhotoEditShape=e.n,exports.ESPhotoEditSize=e.r,exports.SPhotoEdit=e.t;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { SPhotoEdit } from '../components/SPhotoEdit';
|
|
2
|
+
export type { ISPhotoEditChangePayload, ISPhotoEditProps, TSPhotoEditInstance, } from '../components/SPhotoEdit';
|
|
3
|
+
export { ESPhotoEditShape, ESPhotoEditSize } from '../components/SPhotoEdit';
|
|
4
|
+
//# sourceMappingURL=photo-edit.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"photo-edit.d.ts","sourceRoot":"","sources":["../../src/entries/photo-edit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,YAAY,EACV,wBAAwB,EACxB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA"}
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-D5SreJLe.cjs"),n=require("./SColorPicker-BcRHiLjI.cjs"),r=require("./SColorPalette-CqfVzhda.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CdVjv8sb.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-BPYtkzaw.cjs"),S=require("./SInput-C07kFnj_.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-CTiOAAOu.cjs"),T=require("./SList-Txr46zQ5.cjs"),E=require("./SListItem-BKP5Wk1F.cjs"),D=require("./SRadio-Ca-1D4q6.cjs"),O=require("./SToggle-DxSm1RNz.cjs"),k=require("./SInlineInput-6LglCWSn.cjs"),A=require("./STextarea-BJWrc9t1.cjs"),j=require("./SChartLine-xql-HCwK.cjs"),
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-D5SreJLe.cjs"),n=require("./SColorPicker-BcRHiLjI.cjs"),r=require("./SColorPalette-CqfVzhda.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CdVjv8sb.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-BPYtkzaw.cjs"),S=require("./SInput-C07kFnj_.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-CTiOAAOu.cjs"),T=require("./SList-Txr46zQ5.cjs"),E=require("./SListItem-BKP5Wk1F.cjs"),D=require("./SRadio-Ca-1D4q6.cjs"),O=require("./SToggle-DxSm1RNz.cjs"),k=require("./SInlineInput-6LglCWSn.cjs"),A=require("./STextarea-BJWrc9t1.cjs"),j=require("./SPhotoEdit-VW9-n1yU.cjs"),M=require("./SChartLine-xql-HCwK.cjs"),N=require("./SChartStackedArea-BUy47veO.cjs"),P=require("./SChartStackedBar-1HNyHP8J.cjs"),F=require("./SChartHorizontalBar-tfgmCHtk.cjs"),I=require("./SChartPie-xu1fcWMy.cjs"),L=require("./SChartProgress-C08fiO6U.cjs");let R=require("@shtabapp/ui-kit-primitives");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.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=j.n,exports.ESPhotoEditSize=j.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.MAX_RECENT_COLORS=n.i,exports.RECOMMENDED_COLOR_PALETTE=r.r,exports.SAvatar=t.t,exports.SAvatarGroup=a.t,exports.SBadge=e.t,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCard=f.t,exports.SChartHorizontalBar=F.t,exports.SChartLine=M.t,exports.SChartPie=I.t,exports.SChartProgress=L.t,exports.SChartStackedArea=N.t,exports.SChartStackedBar=P.t,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.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=j.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=A.t,exports.SToggle=O.t,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return R.createUiKit}}),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 R.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return R.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return R.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.o,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return R.useUiKitI18n}});var z=require("@shtabapp/ui-kit-tokens");Object.keys(z).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return z[e]}})}),Object.keys(R).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return R[e]}})});
|
package/dist/index.d.ts
CHANGED
|
@@ -49,6 +49,8 @@ export { ESInlineInputAppearance, SInlineInput } from './components/SInlineInput
|
|
|
49
49
|
export type { ISInlineInputProps, TSInlineInputInstance, TSInlineInputMessages, } from './components/SInlineInput';
|
|
50
50
|
export { ESInlineMessageValidationStatus, SInlineMessage } from './components/SInlineMessage';
|
|
51
51
|
export type { ISInlineMessageProps, TSInlineMessageInstance } from './components/SInlineMessage';
|
|
52
|
+
export { ESPhotoEditShape, ESPhotoEditSize, SPhotoEdit } from './components/SPhotoEdit';
|
|
53
|
+
export type { ISPhotoEditChangePayload, ISPhotoEditProps, TSPhotoEditInstance, } from './components/SPhotoEdit';
|
|
52
54
|
export { ESLabelSize, ESLabelVariant, SLabel } from './components/SLabel';
|
|
53
55
|
export type { ISLabelProps, TSLabelFieldProps, TSLabelInstance } from './components/SLabel';
|
|
54
56
|
export { ESListItemVariant, SListItem } from './components/SListItem';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAE3B,OAAO,EACL,aAAa,EACb,aAAa,EACb,sBAAsB,EACtB,aAAa,EACb,YAAY,EACZ,OAAO,GACR,MAAM,sBAAsB,CAAA;AAC7B,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC3E,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAE1F,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9F,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAE1F,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC5E,YAAY,EACV,kBAAkB,EAClB,uBAAuB,EACvB,8BAA8B,EAC9B,qBAAqB,GACtB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AACxD,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAErE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACpF,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,8BAA8B,CAAA;AAErC,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACpE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAE/E,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAEvF,OAAO,EACL,iCAAiC,EACjC,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,iCAAiC,CAAA;AACxC,YAAY,EACV,0BAA0B,EAC1B,yBAAyB,EACzB,8BAA8B,EAC9B,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,iCAAiC,CAAA;AAExC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,YAAY,EACV,6BAA6B,EAC7B,4BAA4B,GAC7B,MAAM,qCAAqC,CAAA;AAE5C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAC/D,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAE7D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AACnE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAErE,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAChF,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AAE7F,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,2BAA2B,CAAA;AAClC,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,eAAe,CAAA;AACtB,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE5F,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACnF,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAEjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACnE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAEtF,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC5D,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAE3E,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5E,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAExE,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC9D,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAEzF,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAClE,YAAY,EACV,aAAa,EACb,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,2BAA2B,EAC3B,aAAa,EACb,mBAAmB,EACnB,0BAA0B,GAC3B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACjF,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,+BAA+B,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC7F,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAEhG,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACzE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE3F,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACrE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAEjF,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AACrD,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAE1F,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACvE,YAAY,EACV,eAAe,EACf,0BAA0B,EAC1B,kBAAkB,GACnB,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,YAAY,EACV,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AACrE,YAAY,EACV,0BAA0B,EAC1B,yBAAyB,GAC1B,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EACL,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,iCAAiC,CAAA;AACxC,YAAY,EACV,8BAA8B,EAC9B,+BAA+B,GAChC,MAAM,iCAAiC,CAAA;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAC/D,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,YAAY,EACZ,oBAAoB,GACrB,MAAM,+BAA+B,CAAA;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AACrE,YAAY,EACV,0BAA0B,EAC1B,yBAAyB,GAC1B,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,YAAY,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAE/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,YAAY,EACV,2BAA2B,EAC3B,uBAAuB,EACvB,YAAY,GACb,MAAM,gCAAgC,CAAA;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,YAAY,EACV,0BAA0B,EAC1B,sBAAsB,GACvB,MAAM,+BAA+B,CAAA;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAE/F,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACtE,YAAY,EACV,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,kCAAkC,CAAA;AAEzC,cAAc,yBAAyB,CAAA;AACvC,OAAO,EACL,WAAW,EACX,cAAc,EACd,YAAY,EACZ,aAAa,EACb,aAAa,GACd,MAAM,6BAA6B,CAAA;AACpC,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,6BAA6B,CAAA;AACpC,cAAc,6BAA6B,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAE3B,OAAO,EACL,aAAa,EACb,aAAa,EACb,sBAAsB,EACtB,aAAa,EACb,YAAY,EACZ,OAAO,GACR,MAAM,sBAAsB,CAAA;AAC7B,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC3E,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAE1F,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9F,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAE1F,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC5E,YAAY,EACV,kBAAkB,EAClB,uBAAuB,EACvB,8BAA8B,EAC9B,qBAAqB,GACtB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AACxD,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAErE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACpF,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,8BAA8B,CAAA;AAErC,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACpE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAE/E,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAEvF,OAAO,EACL,iCAAiC,EACjC,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,iCAAiC,CAAA;AACxC,YAAY,EACV,0BAA0B,EAC1B,yBAAyB,EACzB,8BAA8B,EAC9B,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,iCAAiC,CAAA;AAExC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,YAAY,EACV,6BAA6B,EAC7B,4BAA4B,GAC7B,MAAM,qCAAqC,CAAA;AAE5C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAC/D,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAE7D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AACnE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAErE,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAChF,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AAE7F,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,2BAA2B,CAAA;AAClC,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,eAAe,CAAA;AACtB,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE5F,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACnF,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAEjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACnE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAEtF,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC5D,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAE3E,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5E,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAExE,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC9D,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAEzF,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAClE,YAAY,EACV,aAAa,EACb,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,2BAA2B,EAC3B,aAAa,EACb,mBAAmB,EACnB,0BAA0B,GAC3B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACjF,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,+BAA+B,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC7F,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAEhG,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACvF,YAAY,EACV,wBAAwB,EACxB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACzE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE3F,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACrE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAEjF,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AACrD,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAE1F,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACvE,YAAY,EACV,eAAe,EACf,0BAA0B,EAC1B,kBAAkB,GACnB,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,YAAY,EACV,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AACrE,YAAY,EACV,0BAA0B,EAC1B,yBAAyB,GAC1B,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EACL,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,iCAAiC,CAAA;AACxC,YAAY,EACV,8BAA8B,EAC9B,+BAA+B,GAChC,MAAM,iCAAiC,CAAA;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAC/D,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,YAAY,EACZ,oBAAoB,GACrB,MAAM,+BAA+B,CAAA;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AACrE,YAAY,EACV,0BAA0B,EAC1B,yBAAyB,GAC1B,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,YAAY,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAE/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,YAAY,EACV,2BAA2B,EAC3B,uBAAuB,EACvB,YAAY,GACb,MAAM,gCAAgC,CAAA;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,YAAY,EACV,0BAA0B,EAC1B,sBAAsB,GACvB,MAAM,+BAA+B,CAAA;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAE/F,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACtE,YAAY,EACV,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,kCAAkC,CAAA;AAEzC,cAAc,yBAAyB,CAAA;AACvC,OAAO,EACL,WAAW,EACX,cAAc,EACd,YAAY,EACZ,aAAa,EACb,aAAa,GACd,MAAM,6BAA6B,CAAA;AACpC,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,6BAA6B,CAAA;AACpC,cAAc,6BAA6B,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -29,13 +29,14 @@ import { n as be, t as xe } from "./SRadio-Db_YLcne.js";
|
|
|
29
29
|
import { n as Se, t as Ce } from "./SToggle-T7FKzMSo.js";
|
|
30
30
|
import { n as we, t as Te } from "./SInlineInput-DHq5BNPn.js";
|
|
31
31
|
import { t as Ee } from "./STextarea-ASdLqfpC.js";
|
|
32
|
-
import {
|
|
33
|
-
import { t as
|
|
34
|
-
import { t as
|
|
35
|
-
import { t as
|
|
36
|
-
import { t as
|
|
37
|
-
import { t as
|
|
38
|
-
import {
|
|
32
|
+
import { n as De, r as Oe, t as ke } from "./SPhotoEdit-bXKHcP3x.js";
|
|
33
|
+
import { t as Ae } from "./SChartLine-G5CeC01A.js";
|
|
34
|
+
import { t as je } from "./SChartStackedArea-RKK7aT7x.js";
|
|
35
|
+
import { t as Me } from "./SChartStackedBar-CJunMhyb.js";
|
|
36
|
+
import { t as Ne } from "./SChartHorizontalBar-DIn1sVoi.js";
|
|
37
|
+
import { t as Pe } from "./SChartPie-_6ij1EVn.js";
|
|
38
|
+
import { t as Fe } from "./SChartProgress-CofVafO6.js";
|
|
39
|
+
import { createUiKit as Ie, setUiKitLocale as Le, uiKitLocaleEn as Re, uiKitLocaleRu as ze, useUiKitI18n as Be } from "@shtabapp/ui-kit-primitives";
|
|
39
40
|
export * from "@shtabapp/ui-kit-primitives";
|
|
40
41
|
export * from "@shtabapp/ui-kit-tokens";
|
|
41
|
-
export { m as DEFAULT_COLOR_PALETTE, p as EAccentColor, E as EButtonAppearance, P as EButtonGroupLayout, w as EButtonSize, w as ESSegmentControlSize, T as EButtonVariant, g as EColorFormat, J as EConnectedPositionStrategy, a as ESAvatarBadge, s as ESAvatarColor, S as ESAvatarGroupSize, i as ESAvatarIconBackground, r as ESAvatarShape, o as ESAvatarSize, e as ESBadgeColor, t as ESBadgePlacement, z as ESCardLayout, I as ESCheckboxColor, L as ESCheckboxSize, $ as ESChipColor, te as ESChipSize, h as ESColorPaletteLayout, K as ESDropdownPlacement, we as ESInlineInputAppearance, le as ESInlineMessageValidationStatus, se as ESInputCustomize, de as ESLabelSize, fe as ESLabelVariant, me as ESListGap, ve as ESListItemVariant, be as ESRadioLabelPlacement, ie as ESSelectSearchable, H as ESTabAppearance, U as ESTabSize, ee as ESTagColor, X as ESTagSize, Se as ESToggleSize, M as ESelectionFocusMode, k as ESelectionMode, j as ESelectionOrientation, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, C as SAvatarGroup, n as SBadge, D as SButton, F as SButtonGroup, B as SCard,
|
|
42
|
+
export { m as DEFAULT_COLOR_PALETTE, p as EAccentColor, E as EButtonAppearance, P as EButtonGroupLayout, w as EButtonSize, w as ESSegmentControlSize, T as EButtonVariant, g as EColorFormat, J as EConnectedPositionStrategy, a as ESAvatarBadge, s as ESAvatarColor, S as ESAvatarGroupSize, i as ESAvatarIconBackground, r as ESAvatarShape, o as ESAvatarSize, e as ESBadgeColor, t as ESBadgePlacement, z as ESCardLayout, I as ESCheckboxColor, L as ESCheckboxSize, $ as ESChipColor, te as ESChipSize, h as ESColorPaletteLayout, K as ESDropdownPlacement, we as ESInlineInputAppearance, le as ESInlineMessageValidationStatus, se as ESInputCustomize, de as ESLabelSize, fe as ESLabelVariant, me as ESListGap, ve as ESListItemVariant, De as ESPhotoEditShape, Oe as ESPhotoEditSize, be as ESRadioLabelPlacement, ie as ESSelectSearchable, H as ESTabAppearance, U as ESTabSize, ee as ESTagColor, X as ESTagSize, Se as ESToggleSize, M as ESelectionFocusMode, k as ESelectionMode, j as ESelectionOrientation, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, C as SAvatarGroup, n as SBadge, D as SButton, F as SButtonGroup, B as SCard, Ne as SChartHorizontalBar, Ae as SChartLine, Pe as SChartPie, Fe as SChartProgress, je as SChartStackedArea, Me as SChartStackedBar, R as SCheckbox, ne as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, re as SDropdown, ae as SDropdownMenu, Te as SInlineInput, ue as SInlineMessage, ce as SInput, pe as SLabel, _e as SList, ye as SListItem, ke as SPhotoEdit, xe as SRadio, V as SSegmentControl, oe as SSelect, W as STab, G as STabs, Z as STag, Q as STagGroup, Ee as STextarea, Ce as SToggle, q as computeConnectedPosition, Ie as createUiKit, x as isSameColor, b as normalizeColorValue, y as resolveColorPreview, O as resolveOwnPropOrGroupedOrFallback, Le as setUiKitLocale, Re as uiKitLocaleEn, ze as uiKitLocaleRu, ge as useFlatTreeList, Y as useFloatingOverlay, he as useSListEndReached, A as useSelectionGroup, N as useSelectionGroupItem, Be as useUiKitI18n };
|
|
@@ -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: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-button--tab-focus.s-ui-button--disabled:focus-visible,.s-ui-button--tab-focus.s-ui-button--loading:focus-visible{outline:none}.s-ui-button__inner{display:inline-flex;align-items:center;gap:var(--s-ui-button-gap)}.s-ui-button__inner .s-ui-icon>svg{box-sizing:border-box}.s-ui-button--size-large .s-ui-button__inner .s-ui-icon>svg{padding:2px}.s-ui-button--size-medium .s-ui-button__inner .s-ui-icon>svg{padding:1px}.s-ui-button--loading .s-ui-button__inner{visibility:hidden}.s-ui-button__spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.s-ui-button--loading{pointer-events:none}.s-ui-button--size-small{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding: var(--s-ui-space-padding-x-small) var(--s-ui-space-padding-small);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-button--size-medium{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding-block: var(--s-ui-space-padding-between-x-small-small);--s-ui-button-padding: var(--s-ui-button-padding-block) var(--s-ui-space-padding-medium);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-button--size-large{--s-ui-button-gap: var(--s-ui-space-gap-x-small);--s-ui-button-padding: var(--s-ui-space-padding-small) var(--s-ui-space-padding-x-medium)}.s-ui-button--icon-only.s-ui-button--size-small{--s-ui-button-padding: var(--s-ui-space-padding-x-small)}.s-ui-button--icon-only.s-ui-button--size-medium{--s-ui-button-padding: var(--s-ui-button-padding-block)}.s-ui-button--icon-only.s-ui-button--size-large{--s-ui-button-padding: var(--s-ui-space-padding-small)}.s-ui-button--appearance-major{--s-ui-button-background-color: var(--s-ui-button-loud-background-enabled);--s-ui-button-color: var(--s-ui-color-text-surface-static)}.s-ui-button--appearance-major:hover{--s-ui-button-background-color: var(--s-ui-button-loud-background-hovered)}.s-ui-button--appearance-major:active{--s-ui-button-background-color: var(--s-ui-button-loud-background-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-major.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-loud-background-selected)}.s-ui-button--variant-billing.s-ui-button--appearance-major{background-color:transparent;background-image:var(--s-ui-button-billing-gradient)}.s-ui-button--appearance-minor{--s-ui-button-background-color: var(--s-ui-button-calm-background-enabled);--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--appearance-minor:hover{--s-ui-button-background-color: var(--s-ui-button-calm-background-hovered);--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-button--appearance-minor:active{--s-ui-button-background-color: var(--s-ui-button-calm-background-pressed);--s-ui-button-color: var(--s-ui-button-action-color-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-minor.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-calm-background-selected);--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--variant-billing.s-ui-button--appearance-minor:not(.s-ui-button--disabled){--s-ui-button-background-color: var(--s-ui-color-surface-primary);background-image:linear-gradient(86deg,color-mix(in srgb,var(--s-ui-billing-interp-stop-1) 14%,var(--s-ui-color-surface-primary)) -3.31%,color-mix(in srgb,var(--s-ui-billing-interp-stop-2) 14%,var(--s-ui-color-surface-primary)),color-mix(in srgb,var(--s-ui-billing-interp-stop-3) 14%,var(--s-ui-color-surface-primary)) 109.94%)}.s-ui-button--variant-billing.s-ui-button--appearance-minor:not(.s-ui-button--disabled,.s-ui-button--loading):is(:hover,:active),.s-ui-button--variant-billing.s-ui-button--appearance-minor.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major,.s-ui-button--disabled) .s-ui-button__label{background-image:var(--s-ui-button-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major).s-ui-button--disabled .s-ui-button__label{background-image:none;background-clip:unset;filter:none;color:var(--s-ui-color-text-surface-disabled)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major).s-ui-button--loading .s-ui-button__label{background-image:none;background-clip:unset;filter:none;color:transparent}.s-ui-button--appearance-surface{--s-ui-button-background-color: var(--s-ui-button-calm-background-enabled);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-button-border-enabled)}.s-ui-button--appearance-surface:hover{--s-ui-button-background-color: var(--s-ui-button-calm-background-hovered);--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover);--s-ui-button-outline-color: var(--s-ui-button-border-hovered)}.s-ui-button--appearance-surface:active{--s-ui-button-background-color: var(--s-ui-button-calm-background-pressed);--s-ui-button-color: var(--s-ui-button-action-color-pressed);--s-ui-button-outline-color: var(--s-ui-button-border-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-surface.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-calm-background-selected);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-color: var(--s-ui-button-border-selected)}.s-ui-button--appearance-outlined{--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-button-border-enabled)}.s-ui-button--appearance-outlined:hover{--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover);--s-ui-button-outline-color: var(--s-ui-button-border-hovered)}.s-ui-button--appearance-outlined:active{--s-ui-button-color: var(--s-ui-button-action-color-pressed);--s-ui-button-outline-color: var(--s-ui-button-border-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-outlined.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-color: var(--s-ui-button-border-selected)}.s-ui-button--appearance-bare:not(.s-ui-button--icon-only){--s-ui-button-padding: 0}.s-ui-button--appearance-bare{--s-ui-button-background-color: transparent;--s-ui-button-border: none;--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--appearance-bare:hover{--s-ui-button-color: var(--s-ui-button-action-color-hovered)}.s-ui-button--appearance-bare:active:not(.s-ui-button--active),.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--icon-only){--s-ui-button-color: var(--s-ui-button-action-color-pressed)}.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading):is(.s-ui-button--variant-main,.s-ui-button--variant-danger,.s-ui-button--variant-success){--s-ui-button-background-color: var(--s-ui-button-loud-background-enabled);--s-ui-button-color: var(--s-ui-color-text-surface-static)}.s-ui-button--variant-main.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-background-main-action-loud-selected)}.s-ui-button--variant-neutral.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--variant-billing.s-ui-button--appearance-surface:not(.s-ui-button--disabled){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid transparent;--s-ui-button-background-color: var(--s-ui-color-surface-primary);background-image:linear-gradient(86deg,color-mix(in srgb,var(--s-ui-billing-interp-stop-1) 14%,var(--s-ui-color-surface-primary)) -3.31%,color-mix(in srgb,var(--s-ui-billing-interp-stop-2) 14%,var(--s-ui-color-surface-primary)),color-mix(in srgb,var(--s-ui-billing-interp-stop-3) 14%,var(--s-ui-color-surface-primary)) 109.94%),var(--s-ui-button-billing-gradient);background-origin:border-box;background-clip:padding-box,border-box}.s-ui-button--variant-billing.s-ui-button--appearance-surface:not(.s-ui-button--disabled,.s-ui-button--loading):is(:hover,:active),.s-ui-button--variant-billing.s-ui-button--appearance-surface.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary)}.s-ui-button--variant-billing.s-ui-button--appearance-outlined:not(.s-ui-button--disabled){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid transparent;background-color:transparent;background-image:var(--s-ui-gradient-surface-primary-layer),var(--s-ui-button-billing-gradient);background-origin:border-box;background-clip:padding-box,border-box}.s-ui-button--disabled:not(.s-ui-button--appearance-bare){--s-ui-button-background-color: var(--s-ui-button-disabled-background-color);--s-ui-button-color: var(--s-ui-color-text-surface-disabled);--s-ui-button-cursor: not-allowed;--s-ui-button-shadow: none}.s-ui-button--variant-billing.s-ui-button--appearance-major.s-ui-button--disabled{--s-ui-button-background-color: var(--s-ui-color-border-disabled-primary);background-color:var(--s-ui-color-border-disabled-primary);background-image:none}.s-ui-button--variant-billing.s-ui-button--disabled:is(.s-ui-button--appearance-minor,.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-background-color: var(--s-ui-color-background-disabled-surface);background-color:var(--s-ui-color-background-disabled-surface);background-image:none}.s-ui-button--disabled:is(.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-button-border: none}.s-ui-button--variant-billing.s-ui-button--disabled:is(.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid var(--s-ui-color-border-disabled-primary)}.s-ui-button--appearance-outlined.s-ui-button--disabled:not(.s-ui-button--variant-main){--s-ui-button-background-color: transparent}.s-ui-button--appearance-bare.s-ui-button--disabled{--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-color-text-surface-disabled);--s-ui-button-cursor: not-allowed;--s-ui-button-shadow: none}}@layer components{.s-ui-checkbox{--s-ui-checkbox-bg: var(--s-ui-color-border-neutral-static-base);--s-ui-checkbox-outline-color: var(--s-ui-color-border-neutral-secondary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-surface-static);--s-ui-checkbox-focus-shadow: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.s-ui-checkbox--disabled{cursor:not-allowed}.s-ui-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.s-ui-checkbox__control{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-checkbox-bg);outline:1px solid var(--s-ui-checkbox-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-checkbox-focus-shadow);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-checkbox__control:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element),inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element)}.s-ui-checkbox__icon{color:var(--s-ui-checkbox-icon-color)}.s-ui-checkbox--size-extra-small .s-ui-checkbox__control{width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16)}.s-ui-checkbox--size-small .s-ui-checkbox__control{width:var(--s-ui-dimension-24);height:var(--s-ui-dimension-24)}.s-ui-checkbox__input:focus-visible+.s-ui-checkbox__control{--s-ui-checkbox-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-checkbox--disabled .s-ui-checkbox__input:focus-visible+.s-ui-checkbox__control{--s-ui-checkbox-focus-shadow: transparent}.s-ui-checkbox--color-main:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):hover{--s-ui-checkbox-outline-color: var(--s-ui-color-border-neutral-tertiary)}.s-ui-checkbox--color-main:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):active{--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-selected)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):hover{--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-hovered)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):active{--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-pressed)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate){--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-enabled)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled),.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled){--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-enabled);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-enabled)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):hover,.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):hover{--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-hovered);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-hovered)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):active,.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):active{--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-pressed);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-pressed)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled),.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled){--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-enabled);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-enabled)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):hover,.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):hover{--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-hovered);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-hovered)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):active,.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):active{--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-pressed);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-pressed)}.s-ui-checkbox--disabled:not(.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate){--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-surface);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary)}.s-ui-checkbox--color-main.s-ui-checkbox--disabled.s-ui-checkbox--checked,.s-ui-checkbox--color-main.s-ui-checkbox--disabled.s-ui-checkbox--indeterminate{--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-main);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-accent-blue-disabled)}.s-ui-checkbox--color-success.s-ui-checkbox--disabled.s-ui-checkbox--checked,.s-ui-checkbox--color-success.s-ui-checkbox--disabled.s-ui-checkbox--indeterminate{--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-success);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-accent-green-disabled)}}@layer components{.s-ui-card{--s-ui-card-bg: var(--s-ui-color-surface-primary);--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-card-title-color: var(--s-ui-color-text-surface-primary);--s-ui-card-subtitle-color: var(--s-ui-color-text-surface-tertiary);--s-ui-card-meta-color: var(--s-ui-color-text-surface-tertiary);--s-ui-card-icon-bg: var(--s-ui-color-background-main-tertiary);--s-ui-card-icon-color: var(--s-ui-color-icon-main-enabled);--s-ui-card-shadow: none;position:relative;box-sizing:border-box;display:flex;overflow:clip;color:var(--s-ui-card-title-color);text-decoration:none;background-color:var(--s-ui-card-bg);border-radius:var(--s-ui-border-radius-sub-section);outline:1px solid var(--s-ui-card-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-card-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card--layout-card{inline-size:252px;min-block-size:102px;flex-direction:column;align-items:center;padding:var(--s-ui-space-padding-x-small)}.s-ui-card--layout-list{inline-size:100%;min-block-size:var(--s-ui-dimension-40);align-items:flex-start;justify-content:center;padding:var(--s-ui-space-padding-small)}.s-ui-card--link{color:var(--s-ui-card-title-color)}.s-ui-card:not(.s-ui-card--disabled,.s-ui-card--skeleton):hover{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-hovered);--s-ui-card-shadow: var(--s-ui-dimension-4) var(--s-ui-dimension-4) var(--s-ui-dimension-12) 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-card:not(.s-ui-card--disabled,.s-ui-card--skeleton):active{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-pressed);--s-ui-card-shadow: var(--s-ui-dimension-4) var(--s-ui-dimension-4) var(--s-ui-dimension-12) 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-card:focus-visible{--s-ui-card-shadow: 0 0 0 var(--s-ui-dimension-2) var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-card--selected{--s-ui-card-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-card-outline-color: var(--s-ui-color-border-main-selected)}.s-ui-card--layout-list.s-ui-card--selected{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-card--disabled{--s-ui-card-bg: var(--s-ui-color-background-disabled-surface);--s-ui-card-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-card-title-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-subtitle-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-meta-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-icon-bg: var(--s-ui-color-background-neutral-primary);--s-ui-card-icon-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed}.s-ui-card--skeleton{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-enabled);cursor:progress}.s-ui-card__content{box-sizing:border-box;display:flex;min-inline-size:0}.s-ui-card--layout-card .s-ui-card__content{inline-size:100%;flex-direction:column;align-items:flex-start;gap:var(--s-ui-space-gap-2x-small);padding:var(--s-ui-space-padding-x-small)}.s-ui-card--layout-list .s-ui-card__content{flex:1 1 auto;align-items:center;gap:var(--s-ui-space-gap-medium);min-inline-size:0;padding:var(--s-ui-space-padding-x-small)}.s-ui-card__content--skeleton{inline-size:100%}.s-ui-card__icon{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--s-ui-dimension-24);block-size:var(--s-ui-dimension-24);padding:var(--s-ui-space-padding-x-small);color:var(--s-ui-card-icon-color);background-color:var(--s-ui-card-icon-bg);border-radius:var(--s-ui-border-radius-base)}.s-ui-card__text{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0;gap:var(--s-ui-space-gap-2x-small)}.s-ui-card--layout-card .s-ui-card__text{inline-size:100%;min-block-size:calc(var(--s-ui-dimension-20) * 3)}.s-ui-card--layout-list .s-ui-card__text{justify-content:center}.s-ui-card__title,.s-ui-card__subtitle{min-inline-size:0;overflow:hidden;overflow-wrap:anywhere;color:var(--s-ui-card-title-color)}.s-ui-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.s-ui-card--layout-list .s-ui-card__title,.s-ui-card--layout-list .s-ui-card__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-ui-card__subtitle{color:var(--s-ui-card-subtitle-color)}.s-ui-card__meta{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-2x-small);color:var(--s-ui-card-meta-color);white-space:nowrap;transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),visibility var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card--layout-card .s-ui-card__meta{position:absolute;inset-block-start:var(--s-ui-space-padding-small);inset-inline-end:var(--s-ui-space-padding-small)}.s-ui-card__selected-indicator{position:absolute;display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),visibility var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card__selected-indicator .s-ui-checkbox{pointer-events:none}.s-ui-card--selectable:not(.s-ui-card--disabled,.s-ui-card--skeleton):is(:hover,:focus-visible) .s-ui-card__selected-indicator{opacity:1;visibility:visible}.s-ui-card--selectable:not(.s-ui-card--disabled,.s-ui-card--skeleton):is(:hover,:focus-visible) .s-ui-card__meta{opacity:0;visibility:hidden}.s-ui-card--layout-card .s-ui-card__selected-indicator{inset-block-start:var(--s-ui-dimension-4);inset-inline-end:var(--s-ui-dimension-4)}.s-ui-card--layout-list .s-ui-card__selected-indicator{inset-block-start:var(--s-ui-dimension-8);inset-inline-end:var(--s-ui-dimension-8)}.s-ui-card__skeleton{--s-ui-skeleton-radius: var(--s-ui-border-radius-base);--s-ui-skeleton-gap: 0;inline-size:100%}.s-ui-card--layout-card .s-ui-card__skeleton{flex-direction:column;gap:var(--s-ui-space-gap-2x-small)}.s-ui-card--layout-list .s-ui-card__skeleton{flex-direction:row;align-items:center;gap:var(--s-ui-space-gap-medium)}@media(prefers-reduced-motion:reduce){.s-ui-card,.s-ui-card__meta,.s-ui-card__selected-indicator{transition:none}}}@layer components{.s-ui-chart-skeleton-host{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-horizontal-bar{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-height:582px;padding:var(--s-ui-space-padding-x-large) var(--s-ui-space-padding-medium) var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-horizontal-bar--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-horizontal-bar__canvas-wrap{position:relative;flex:0 0 auto;width:100%;height:var(--s-ui-chart-bar-horizontal-viewport-height)}.s-ui-chart-horizontal-bar__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-line{position:relative;box-sizing:border-box;width:100%;min-height:329px;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-line--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-line__canvas-wrap{position:relative;overflow:hidden;width:100%;height:297px}.s-ui-chart-line__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-legend{display:flex;flex-wrap:wrap;gap:var(--s-ui-space-gap-x-large);align-items:center;justify-content:center;margin:0;padding:0;list-style:none}.s-ui-chart-legend__item{display:flex;gap:var(--s-ui-space-gap-small);align-items:center}.s-ui-chart-legend__swatch-slot{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:var(--s-ui-space-padding-2x-small)}.s-ui-chart-legend__swatch{width:12px;height:12px;border-radius:var(--s-ui-border-radius-base)}.s-ui-chart-legend__label{color:var(--s-ui-chart-legend-label);font:var(--s-ui-typography-label-10-medium);white-space:nowrap}.s-ui-chart-legend--column{flex-flow:column nowrap;gap:var(--s-ui-space-gap-medium);align-items:flex-start;justify-content:flex-start}.s-ui-chart-legend--column .s-ui-chart-legend__item{gap:var(--s-ui-space-gap-none)}.s-ui-chart-legend--disabled .s-ui-chart-legend__label{color:var(--s-ui-color-text-surface-disabled)}}@layer components{.s-ui-chart-pie{position:relative;box-sizing:border-box;display:flex;flex-flow:row wrap;gap:var(--s-ui-chart-pie-layout-gap);align-items:center;justify-content:center;width:100%;min-width:0;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-pie--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-pie__canvas-wrap{position:relative;overflow:visible;flex:0 1 auto;width:100%;max-width:var(--s-ui-chart-pie-viewport-size);aspect-ratio:1;min-width:0}.s-ui-chart-pie__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-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;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-stacked-area--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-stacked-area__canvas-wrap{position:relative;overflow:hidden;flex:1 1 auto;width:100%;min-height:420px}.s-ui-chart-stacked-area__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-stacked-bar{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);width:100%;max-height:500px;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-stacked-bar--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-stacked-bar__canvas-wrap{position:relative;overflow:hidden;flex:0 0 auto;width:100%;height:var(--s-ui-chart-bar-stacked-viewport-height)}.s-ui-chart-stacked-bar__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chip{--s-ui-chip-bg: transparent;--s-ui-chip-outline-color: transparent;--s-ui-chip-label-color: var(--s-ui-color-text-surface-primary);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-tertiary);box-sizing:border-box;display:inline-flex;align-items:center;max-width:100%;border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-chip-bg);color:var(--s-ui-chip-label-color);outline:1px solid var(--s-ui-chip-outline-color);outline-offset:-1px;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-chip__content{display:inline-flex;flex:1 1 auto;align-items:center;min-width:0;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--s-ui-chip-icon-color)}.s-ui-chip--size-32 .s-ui-chip__icon .s-ui-icon>svg{box-sizing:border-box;padding:var(--s-ui-dimension-1)}.s-ui-chip__prefix{display:inline-flex;flex-shrink:0;align-items:center;min-width:0;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__label{display:inline-flex;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.s-ui-chip__actions{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__actions .s-ui-button.s-ui-button--appearance-bare{--s-ui-button-padding: 0}.s-ui-chip--size-32{gap:var(--s-ui-space-gap-x-small);padding:var(--s-ui-space-padding-between-x-small-small) var(--s-ui-space-gap-small)}.s-ui-chip--size-24,.s-ui-chip--size-20{gap:var(--s-ui-space-gap-x-small);padding:var(--s-ui-space-padding-2x-small) var(--s-ui-space-padding-x-small)}.s-ui-chip--color-blue{--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-accent-blue-primary)}.s-ui-chip--color-blue:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-blue.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-chip-outline-color: var(--s-ui-color-border-main-hovered);cursor:pointer}.s-ui-chip--color-blue:active:not(.s-ui-chip--disabled),.s-ui-chip--color-blue.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-chip-outline-color: var(--s-ui-color-border-main-pressed)}.s-ui-chip--color-red{--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-enabled)}.s-ui-chip--color-red:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-red.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-hovered);cursor:pointer}.s-ui-chip--color-red:active:not(.s-ui-chip--disabled),.s-ui-chip--color-red.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-pressed);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-pressed)}.s-ui-chip--color-white{--s-ui-chip-bg: var(--s-ui-color-surface-primary);--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-chip-label-color: var(--s-ui-color-text-surface-secondary);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-tertiary)}.s-ui-chip--color-white:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-white.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-hovered);cursor:pointer}.s-ui-chip--color-white:active:not(.s-ui-chip--disabled),.s-ui-chip--color-white.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-pressed)}.s-ui-chip--color-billing{--s-ui-chip-bg: transparent;--s-ui-chip-outline-color: var(--s-ui-billing-interp-stop-1);--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-stop-1-color);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-stop-2-color);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-stop-3-color);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing);--s-ui-chip-billing-bg: linear-gradient( -28deg, color-mix(in srgb, var(--s-ui-billing-interp-stop-1) 14%, var(--s-ui-color-surface-primary)) 24%, color-mix(in srgb, var(--s-ui-billing-interp-stop-3) 14%, var(--s-ui-color-surface-primary)) 72.533% );background-color:transparent;background-image:var(--s-ui-chip-billing-bg);transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-chip--color-billing:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-billing.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-hover-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-hover-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-hover-stop-3);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing-hovered);cursor:pointer}.s-ui-chip--color-billing:active:not(.s-ui-chip--disabled),.s-ui-chip--color-billing.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-pressed-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-pressed-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-pressed-stop-3);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing-pressed)}.s-ui-chip--color-billing .s-ui-chip__label{background-image:var(--s-ui-chip-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.s-ui-chip--disabled{--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-chip-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed;pointer-events:none}.s-ui-chip--color-blue.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-main)}.s-ui-chip--color-red.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary)}.s-ui-chip--color-white.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-surface)}.s-ui-chip--color-billing.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-surface);--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-chip-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-disabled);background-color:var(--s-ui-chip-bg);background-image:none}.s-ui-chip--color-billing.s-ui-chip--disabled .s-ui-chip__label{background-image:none;background-clip:border-box;color:var(--s-ui-chip-label-color)}.s-ui-chip--disabled .s-ui-tag{--s-ui-tag-bg: var(--s-ui-color-background-disabled-surface);color:var(--s-ui-color-text-surface-disabled);outline-color:var(--s-ui-color-border-disabled-primary)}.s-ui-chip:focus-visible,.s-ui-chip.s-ui-chip--state-focused{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-chip:focus-visible:has(.s-ui-button:focus-visible){box-shadow:none}.s-ui-chip .s-ui-button:focus-visible{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}}@layer components{.s-ui-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));box-sizing:border-box;display:flex;align-items:center;gap:var(--s-ui-space-gap-x-small);width:100%;min-block-size:calc(var(--s-ui-dimension-32) + var(--s-ui-dimension-4));padding:var(--s-ui-space-padding-x-small);border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-list-item-bg);outline:1px solid var(--s-ui-list-item-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-list-item-hover-shadow),var(--s-ui-list-item-focus-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--tiny{min-block-size:var(--s-ui-dimension-32);padding-block:var(--s-ui-space-padding-2x-small);padding-inline:var(--s-ui-space-padding-x-small)}.s-ui-list-item--variant-neutral{--s-ui-list-item-icon-color: var(--s-ui-color-icon-surface-secondary)}.s-ui-list-item--variant-main{--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-error{--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-list-item:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-list-item-hover-shadow: var(--s-ui-shadow-hover)}.s-ui-list-item--variant-main:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-title-color: var(--s-ui-color-text-main-hovered);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-hovered)}.s-ui-list-item--variant-error:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-hovered);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-hovered)}.s-ui-list-item:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-list-item-hover-shadow: 0 0 0 0 transparent}.s-ui-list-item--variant-neutral:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-main:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-title-color: var(--s-ui-color-text-main-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-list-item--variant-error:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-pressed);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-pressed)}.s-ui-list-item--selected{--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-list-item-outline-color: transparent}.s-ui-list-item--selected:not(.s-ui-list-item--variant-main,.s-ui-list-item--variant-error){--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-main.s-ui-list-item--selected{--s-ui-list-item-title-color: var(--s-ui-color-text-main-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-list-item--variant-error.s-ui-list-item--selected{--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-list-item:focus-visible{--s-ui-list-item-focus-shadow: var(--s-ui-shadow-focus-ring);--s-ui-list-item-outline-color: transparent}.s-ui-list-item--disabled{--s-ui-list-item-bg: var(--s-ui-color-surface-primary);--s-ui-list-item-outline-color: transparent;--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-focus-shadow: 0 0 0 0 transparent;--s-ui-list-item-title-color: var(--s-ui-color-text-surface-disabled);--s-ui-list-item-subtitle-color: var(--s-ui-color-text-surface-disabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-surface-disabled);--s-ui-list-item-expand-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed}.s-ui-list-item--disabled .s-ui-list-item__title-action,.s-ui-list-item--disabled .s-ui-list-item__actions,.s-ui-list-item--readonly .s-ui-list-item__title-action,.s-ui-list-item--readonly .s-ui-list-item__actions{pointer-events:none}.s-ui-list-item--readonly{--s-ui-list-item-bg: var(--s-ui-color-surface-primary);--s-ui-list-item-outline-color: transparent;--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-subtitle-color: var(--s-ui-color-text-surface-tertiary);cursor:default}.s-ui-list-item--readonly:not(.s-ui-list-item--variant-main,.s-ui-list-item--variant-error){--s-ui-list-item-title-color: var(--s-ui-color-text-surface-primary)}.s-ui-list-item--loading{--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-focus-shadow: 0 0 0 0 transparent;cursor:default;pointer-events:none}.s-ui-list-item__level{display:inline-flex;flex-shrink:0;align-items:center;justify-content:flex-start;min-width:calc(var(--s-ui-dimension-14) + var(--s-ui-list-item-level-indent));height:var(--s-ui-dimension-24);padding-inline-start:var(--s-ui-list-item-level-indent)}.s-ui-list-item__expand{flex-shrink:0;color:var(--s-ui-list-item-expand-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__expand .s-ui-icon{transition:transform var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__expand--expanded .s-ui-icon{transform:rotate(90deg)}.s-ui-list-item__icon-left{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16);color:var(--s-ui-list-item-icon-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__actions-reveal{display:grid;grid-template-columns:1fr;overflow:hidden}.s-ui-list-item__actions-inner{display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0;overflow:hidden;translate:0 0}.s-ui-list-item--reveal-right .s-ui-list-item__actions-reveal{grid-template-columns:0fr;transition:grid-template-columns var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--reveal-right .s-ui-list-item__actions-inner{translate:100% 0;transition:translate var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--reveal-right:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly):is(:hover,:focus-within,.s-ui-list-item--active,.s-ui-list-item--selected) .s-ui-list-item__actions-reveal{grid-template-columns:1fr}.s-ui-list-item--reveal-right:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly):is(:hover,:focus-within,.s-ui-list-item--active,.s-ui-list-item--selected) .s-ui-list-item__actions-inner{translate:0 0}@media(prefers-reduced-motion:reduce){.s-ui-list-item--reveal-right .s-ui-list-item__actions-reveal{grid-template-columns:1fr}.s-ui-list-item--reveal-right .s-ui-list-item__actions-inner{translate:0 0}}.s-ui-list-item__body{display:flex;flex:1 1 auto;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0}.s-ui-list-item__text{display:flex;flex:0 1 auto;flex-direction:column;gap:var(--s-ui-space-gap-none);justify-content:center;min-width:0;padding-inline:var(--s-ui-space-gap-x-small)}.s-ui-list-item__title{overflow:hidden;color:var(--s-ui-list-item-title-color);text-overflow:ellipsis;white-space:nowrap;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__subtitle{color:var(--s-ui-list-item-subtitle-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__title-action{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.s-ui-list-item__action-end{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16)}.s-ui-list-item__actions,.s-ui-list-item__trailing{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-x-small)}}@layer components{.s-ui-list{--s-ui-list-gap: var(--s-ui-space-gap-2x-small);display:flex;flex-direction:column;width:100%;min-width:0}.s-ui-list:focus{outline:none}.s-ui-list__scroll:focus{outline:none}.s-ui-list__scroll{overflow:auto;width:100%;min-width:0;box-sizing:border-box;padding-block:var(--s-ui-dimension-2);padding-inline:0}.s-ui-list__scroll--flat{overflow-x:clip;overflow-clip-margin:4px;display:flex;flex-direction:column;gap:var(--s-ui-list-gap)}.s-ui-list__static{display:flex;flex-direction:column;gap:var(--s-ui-list-gap);width:100%;min-width:0;box-sizing:border-box;padding-block:var(--s-ui-dimension-2);padding-inline:0}.s-ui-list__virtual-panel{width:100%}.s-ui-list__virtual-row{width:100%;box-sizing:border-box}}@layer components{.s-ui-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-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;
|
|
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: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-button--tab-focus.s-ui-button--disabled:focus-visible,.s-ui-button--tab-focus.s-ui-button--loading:focus-visible{outline:none}.s-ui-button__inner{display:inline-flex;align-items:center;gap:var(--s-ui-button-gap)}.s-ui-button__inner .s-ui-icon>svg{box-sizing:border-box}.s-ui-button--size-large .s-ui-button__inner .s-ui-icon>svg{padding:2px}.s-ui-button--size-medium .s-ui-button__inner .s-ui-icon>svg{padding:1px}.s-ui-button--loading .s-ui-button__inner{visibility:hidden}.s-ui-button__spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.s-ui-button--loading{pointer-events:none}.s-ui-button--size-small{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding: var(--s-ui-space-padding-x-small) var(--s-ui-space-padding-small);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-button--size-medium{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding-block: var(--s-ui-space-padding-between-x-small-small);--s-ui-button-padding: var(--s-ui-button-padding-block) var(--s-ui-space-padding-medium);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-button--size-large{--s-ui-button-gap: var(--s-ui-space-gap-x-small);--s-ui-button-padding: var(--s-ui-space-padding-small) var(--s-ui-space-padding-x-medium)}.s-ui-button--icon-only.s-ui-button--size-small{--s-ui-button-padding: var(--s-ui-space-padding-x-small)}.s-ui-button--icon-only.s-ui-button--size-medium{--s-ui-button-padding: var(--s-ui-button-padding-block)}.s-ui-button--icon-only.s-ui-button--size-large{--s-ui-button-padding: var(--s-ui-space-padding-small)}.s-ui-button--appearance-major{--s-ui-button-background-color: var(--s-ui-button-loud-background-enabled);--s-ui-button-color: var(--s-ui-color-text-surface-static)}.s-ui-button--appearance-major:hover{--s-ui-button-background-color: var(--s-ui-button-loud-background-hovered)}.s-ui-button--appearance-major:active{--s-ui-button-background-color: var(--s-ui-button-loud-background-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-major.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-loud-background-selected)}.s-ui-button--variant-billing.s-ui-button--appearance-major{background-color:transparent;background-image:var(--s-ui-button-billing-gradient)}.s-ui-button--appearance-minor{--s-ui-button-background-color: var(--s-ui-button-calm-background-enabled);--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--appearance-minor:hover{--s-ui-button-background-color: var(--s-ui-button-calm-background-hovered);--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-button--appearance-minor:active{--s-ui-button-background-color: var(--s-ui-button-calm-background-pressed);--s-ui-button-color: var(--s-ui-button-action-color-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-minor.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-calm-background-selected);--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--variant-billing.s-ui-button--appearance-minor:not(.s-ui-button--disabled){--s-ui-button-background-color: var(--s-ui-color-surface-primary);background-image:linear-gradient(86deg,color-mix(in srgb,var(--s-ui-billing-interp-stop-1) 14%,var(--s-ui-color-surface-primary)) -3.31%,color-mix(in srgb,var(--s-ui-billing-interp-stop-2) 14%,var(--s-ui-color-surface-primary)),color-mix(in srgb,var(--s-ui-billing-interp-stop-3) 14%,var(--s-ui-color-surface-primary)) 109.94%)}.s-ui-button--variant-billing.s-ui-button--appearance-minor:not(.s-ui-button--disabled,.s-ui-button--loading):is(:hover,:active),.s-ui-button--variant-billing.s-ui-button--appearance-minor.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major,.s-ui-button--disabled) .s-ui-button__label{background-image:var(--s-ui-button-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major).s-ui-button--disabled .s-ui-button__label{background-image:none;background-clip:unset;filter:none;color:var(--s-ui-color-text-surface-disabled)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major).s-ui-button--loading .s-ui-button__label{background-image:none;background-clip:unset;filter:none;color:transparent}.s-ui-button--appearance-surface{--s-ui-button-background-color: var(--s-ui-button-calm-background-enabled);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-button-border-enabled)}.s-ui-button--appearance-surface:hover{--s-ui-button-background-color: var(--s-ui-button-calm-background-hovered);--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover);--s-ui-button-outline-color: var(--s-ui-button-border-hovered)}.s-ui-button--appearance-surface:active{--s-ui-button-background-color: var(--s-ui-button-calm-background-pressed);--s-ui-button-color: var(--s-ui-button-action-color-pressed);--s-ui-button-outline-color: var(--s-ui-button-border-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-surface.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-calm-background-selected);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-color: var(--s-ui-button-border-selected)}.s-ui-button--appearance-outlined{--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-button-border-enabled)}.s-ui-button--appearance-outlined:hover{--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover);--s-ui-button-outline-color: var(--s-ui-button-border-hovered)}.s-ui-button--appearance-outlined:active{--s-ui-button-color: var(--s-ui-button-action-color-pressed);--s-ui-button-outline-color: var(--s-ui-button-border-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-outlined.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-color: var(--s-ui-button-border-selected)}.s-ui-button--appearance-bare:not(.s-ui-button--icon-only){--s-ui-button-padding: 0}.s-ui-button--appearance-bare{--s-ui-button-background-color: transparent;--s-ui-button-border: none;--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--appearance-bare:hover{--s-ui-button-color: var(--s-ui-button-action-color-hovered)}.s-ui-button--appearance-bare:active:not(.s-ui-button--active),.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--icon-only){--s-ui-button-color: var(--s-ui-button-action-color-pressed)}.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading):is(.s-ui-button--variant-main,.s-ui-button--variant-danger,.s-ui-button--variant-success){--s-ui-button-background-color: var(--s-ui-button-loud-background-enabled);--s-ui-button-color: var(--s-ui-color-text-surface-static)}.s-ui-button--variant-main.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-background-main-action-loud-selected)}.s-ui-button--variant-neutral.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--variant-billing.s-ui-button--appearance-surface:not(.s-ui-button--disabled){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid transparent;--s-ui-button-background-color: var(--s-ui-color-surface-primary);background-image:linear-gradient(86deg,color-mix(in srgb,var(--s-ui-billing-interp-stop-1) 14%,var(--s-ui-color-surface-primary)) -3.31%,color-mix(in srgb,var(--s-ui-billing-interp-stop-2) 14%,var(--s-ui-color-surface-primary)),color-mix(in srgb,var(--s-ui-billing-interp-stop-3) 14%,var(--s-ui-color-surface-primary)) 109.94%),var(--s-ui-button-billing-gradient);background-origin:border-box;background-clip:padding-box,border-box}.s-ui-button--variant-billing.s-ui-button--appearance-surface:not(.s-ui-button--disabled,.s-ui-button--loading):is(:hover,:active),.s-ui-button--variant-billing.s-ui-button--appearance-surface.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary)}.s-ui-button--variant-billing.s-ui-button--appearance-outlined:not(.s-ui-button--disabled){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid transparent;background-color:transparent;background-image:var(--s-ui-gradient-surface-primary-layer),var(--s-ui-button-billing-gradient);background-origin:border-box;background-clip:padding-box,border-box}.s-ui-button--disabled:not(.s-ui-button--appearance-bare){--s-ui-button-background-color: var(--s-ui-button-disabled-background-color);--s-ui-button-color: var(--s-ui-color-text-surface-disabled);--s-ui-button-cursor: not-allowed;--s-ui-button-shadow: none}.s-ui-button--variant-billing.s-ui-button--appearance-major.s-ui-button--disabled{--s-ui-button-background-color: var(--s-ui-color-border-disabled-primary);background-color:var(--s-ui-color-border-disabled-primary);background-image:none}.s-ui-button--variant-billing.s-ui-button--disabled:is(.s-ui-button--appearance-minor,.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-background-color: var(--s-ui-color-background-disabled-surface);background-color:var(--s-ui-color-background-disabled-surface);background-image:none}.s-ui-button--disabled:is(.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-button-border: none}.s-ui-button--variant-billing.s-ui-button--disabled:is(.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid var(--s-ui-color-border-disabled-primary)}.s-ui-button--appearance-outlined.s-ui-button--disabled:not(.s-ui-button--variant-main){--s-ui-button-background-color: transparent}.s-ui-button--appearance-bare.s-ui-button--disabled{--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-color-text-surface-disabled);--s-ui-button-cursor: not-allowed;--s-ui-button-shadow: none}}@layer components{.s-ui-checkbox{--s-ui-checkbox-bg: var(--s-ui-color-border-neutral-static-base);--s-ui-checkbox-outline-color: var(--s-ui-color-border-neutral-secondary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-surface-static);--s-ui-checkbox-focus-shadow: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.s-ui-checkbox--disabled{cursor:not-allowed}.s-ui-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.s-ui-checkbox__control{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-checkbox-bg);outline:1px solid var(--s-ui-checkbox-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-checkbox-focus-shadow);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-checkbox__control:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element),inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element)}.s-ui-checkbox__icon{color:var(--s-ui-checkbox-icon-color)}.s-ui-checkbox--size-extra-small .s-ui-checkbox__control{width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16)}.s-ui-checkbox--size-small .s-ui-checkbox__control{width:var(--s-ui-dimension-24);height:var(--s-ui-dimension-24)}.s-ui-checkbox__input:focus-visible+.s-ui-checkbox__control{--s-ui-checkbox-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-checkbox--disabled .s-ui-checkbox__input:focus-visible+.s-ui-checkbox__control{--s-ui-checkbox-focus-shadow: transparent}.s-ui-checkbox--color-main:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):hover{--s-ui-checkbox-outline-color: var(--s-ui-color-border-neutral-tertiary)}.s-ui-checkbox--color-main:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):active{--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-selected)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):hover{--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-hovered)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):active{--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-pressed)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate){--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-enabled)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled),.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled){--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-enabled);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-enabled)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):hover,.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):hover{--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-hovered);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-hovered)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):active,.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):active{--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-pressed);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-pressed)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled),.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled){--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-enabled);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-enabled)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):hover,.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):hover{--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-hovered);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-hovered)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):active,.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):active{--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-pressed);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-pressed)}.s-ui-checkbox--disabled:not(.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate){--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-surface);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary)}.s-ui-checkbox--color-main.s-ui-checkbox--disabled.s-ui-checkbox--checked,.s-ui-checkbox--color-main.s-ui-checkbox--disabled.s-ui-checkbox--indeterminate{--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-main);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-accent-blue-disabled)}.s-ui-checkbox--color-success.s-ui-checkbox--disabled.s-ui-checkbox--checked,.s-ui-checkbox--color-success.s-ui-checkbox--disabled.s-ui-checkbox--indeterminate{--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-success);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-accent-green-disabled)}}@layer components{.s-ui-card{--s-ui-card-bg: var(--s-ui-color-surface-primary);--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-card-title-color: var(--s-ui-color-text-surface-primary);--s-ui-card-subtitle-color: var(--s-ui-color-text-surface-tertiary);--s-ui-card-meta-color: var(--s-ui-color-text-surface-tertiary);--s-ui-card-icon-bg: var(--s-ui-color-background-main-tertiary);--s-ui-card-icon-color: var(--s-ui-color-icon-main-enabled);--s-ui-card-shadow: none;position:relative;box-sizing:border-box;display:flex;overflow:clip;color:var(--s-ui-card-title-color);text-decoration:none;background-color:var(--s-ui-card-bg);border-radius:var(--s-ui-border-radius-sub-section);outline:1px solid var(--s-ui-card-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-card-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card--layout-card{inline-size:252px;min-block-size:102px;flex-direction:column;align-items:center;padding:var(--s-ui-space-padding-x-small)}.s-ui-card--layout-list{inline-size:100%;min-block-size:var(--s-ui-dimension-40);align-items:flex-start;justify-content:center;padding:var(--s-ui-space-padding-small)}.s-ui-card--link{color:var(--s-ui-card-title-color)}.s-ui-card:not(.s-ui-card--disabled,.s-ui-card--skeleton):hover{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-hovered);--s-ui-card-shadow: var(--s-ui-dimension-4) var(--s-ui-dimension-4) var(--s-ui-dimension-12) 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-card:not(.s-ui-card--disabled,.s-ui-card--skeleton):active{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-pressed);--s-ui-card-shadow: var(--s-ui-dimension-4) var(--s-ui-dimension-4) var(--s-ui-dimension-12) 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-card:focus-visible{--s-ui-card-shadow: 0 0 0 var(--s-ui-dimension-2) var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-card--selected{--s-ui-card-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-card-outline-color: var(--s-ui-color-border-main-selected)}.s-ui-card--layout-list.s-ui-card--selected{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-card--disabled{--s-ui-card-bg: var(--s-ui-color-background-disabled-surface);--s-ui-card-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-card-title-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-subtitle-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-meta-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-icon-bg: var(--s-ui-color-background-neutral-primary);--s-ui-card-icon-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed}.s-ui-card--skeleton{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-enabled);cursor:progress}.s-ui-card__content{box-sizing:border-box;display:flex;min-inline-size:0}.s-ui-card--layout-card .s-ui-card__content{inline-size:100%;flex-direction:column;align-items:flex-start;gap:var(--s-ui-space-gap-2x-small);padding:var(--s-ui-space-padding-x-small)}.s-ui-card--layout-list .s-ui-card__content{flex:1 1 auto;align-items:center;gap:var(--s-ui-space-gap-medium);min-inline-size:0;padding:var(--s-ui-space-padding-x-small)}.s-ui-card__content--skeleton{inline-size:100%}.s-ui-card__icon{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--s-ui-dimension-24);block-size:var(--s-ui-dimension-24);padding:var(--s-ui-space-padding-x-small);color:var(--s-ui-card-icon-color);background-color:var(--s-ui-card-icon-bg);border-radius:var(--s-ui-border-radius-base)}.s-ui-card__text{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0;gap:var(--s-ui-space-gap-2x-small)}.s-ui-card--layout-card .s-ui-card__text{inline-size:100%;min-block-size:calc(var(--s-ui-dimension-20) * 3)}.s-ui-card--layout-list .s-ui-card__text{justify-content:center}.s-ui-card__title,.s-ui-card__subtitle{min-inline-size:0;overflow:hidden;overflow-wrap:anywhere;color:var(--s-ui-card-title-color)}.s-ui-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.s-ui-card--layout-list .s-ui-card__title,.s-ui-card--layout-list .s-ui-card__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-ui-card__subtitle{color:var(--s-ui-card-subtitle-color)}.s-ui-card__meta{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-2x-small);color:var(--s-ui-card-meta-color);white-space:nowrap;transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),visibility var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card--layout-card .s-ui-card__meta{position:absolute;inset-block-start:var(--s-ui-space-padding-small);inset-inline-end:var(--s-ui-space-padding-small)}.s-ui-card__selected-indicator{position:absolute;display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),visibility var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card__selected-indicator .s-ui-checkbox{pointer-events:none}.s-ui-card--selectable:not(.s-ui-card--disabled,.s-ui-card--skeleton):is(:hover,:focus-visible) .s-ui-card__selected-indicator{opacity:1;visibility:visible}.s-ui-card--selectable:not(.s-ui-card--disabled,.s-ui-card--skeleton):is(:hover,:focus-visible) .s-ui-card__meta{opacity:0;visibility:hidden}.s-ui-card--layout-card .s-ui-card__selected-indicator{inset-block-start:var(--s-ui-dimension-4);inset-inline-end:var(--s-ui-dimension-4)}.s-ui-card--layout-list .s-ui-card__selected-indicator{inset-block-start:var(--s-ui-dimension-8);inset-inline-end:var(--s-ui-dimension-8)}.s-ui-card__skeleton{--s-ui-skeleton-radius: var(--s-ui-border-radius-base);--s-ui-skeleton-gap: 0;inline-size:100%}.s-ui-card--layout-card .s-ui-card__skeleton{flex-direction:column;gap:var(--s-ui-space-gap-2x-small)}.s-ui-card--layout-list .s-ui-card__skeleton{flex-direction:row;align-items:center;gap:var(--s-ui-space-gap-medium)}@media(prefers-reduced-motion:reduce){.s-ui-card,.s-ui-card__meta,.s-ui-card__selected-indicator{transition:none}}}@layer components{.s-ui-chart-skeleton-host{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-horizontal-bar{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-height:582px;padding:var(--s-ui-space-padding-x-large) var(--s-ui-space-padding-medium) var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-horizontal-bar--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-horizontal-bar__canvas-wrap{position:relative;flex:0 0 auto;width:100%;height:var(--s-ui-chart-bar-horizontal-viewport-height)}.s-ui-chart-horizontal-bar__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-line{position:relative;box-sizing:border-box;width:100%;min-height:329px;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-line--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-line__canvas-wrap{position:relative;overflow:hidden;width:100%;height:297px}.s-ui-chart-line__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-legend{display:flex;flex-wrap:wrap;gap:var(--s-ui-space-gap-x-large);align-items:center;justify-content:center;margin:0;padding:0;list-style:none}.s-ui-chart-legend__item{display:flex;gap:var(--s-ui-space-gap-small);align-items:center}.s-ui-chart-legend__swatch-slot{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:var(--s-ui-space-padding-2x-small)}.s-ui-chart-legend__swatch{width:12px;height:12px;border-radius:var(--s-ui-border-radius-base)}.s-ui-chart-legend__label{color:var(--s-ui-chart-legend-label);font:var(--s-ui-typography-label-10-medium);white-space:nowrap}.s-ui-chart-legend--column{flex-flow:column nowrap;gap:var(--s-ui-space-gap-medium);align-items:flex-start;justify-content:flex-start}.s-ui-chart-legend--column .s-ui-chart-legend__item{gap:var(--s-ui-space-gap-none)}.s-ui-chart-legend--disabled .s-ui-chart-legend__label{color:var(--s-ui-color-text-surface-disabled)}}@layer components{.s-ui-chart-pie{position:relative;box-sizing:border-box;display:flex;flex-flow:row wrap;gap:var(--s-ui-chart-pie-layout-gap);align-items:center;justify-content:center;width:100%;min-width:0;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-pie--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-pie__canvas-wrap{position:relative;overflow:visible;flex:0 1 auto;width:100%;max-width:var(--s-ui-chart-pie-viewport-size);aspect-ratio:1;min-width:0}.s-ui-chart-pie__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-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;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-stacked-area--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-stacked-area__canvas-wrap{position:relative;overflow:hidden;flex:1 1 auto;width:100%;min-height:420px}.s-ui-chart-stacked-area__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-stacked-bar{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);width:100%;max-height:500px;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-stacked-bar--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-stacked-bar__canvas-wrap{position:relative;overflow:hidden;flex:0 0 auto;width:100%;height:var(--s-ui-chart-bar-stacked-viewport-height)}.s-ui-chart-stacked-bar__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chip{--s-ui-chip-bg: transparent;--s-ui-chip-outline-color: transparent;--s-ui-chip-label-color: var(--s-ui-color-text-surface-primary);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-tertiary);box-sizing:border-box;display:inline-flex;align-items:center;max-width:100%;border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-chip-bg);color:var(--s-ui-chip-label-color);outline:1px solid var(--s-ui-chip-outline-color);outline-offset:-1px;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-chip__content{display:inline-flex;flex:1 1 auto;align-items:center;min-width:0;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--s-ui-chip-icon-color)}.s-ui-chip--size-32 .s-ui-chip__icon .s-ui-icon>svg{box-sizing:border-box;padding:var(--s-ui-dimension-1)}.s-ui-chip__prefix{display:inline-flex;flex-shrink:0;align-items:center;min-width:0;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__label{display:inline-flex;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.s-ui-chip__actions{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__actions .s-ui-button.s-ui-button--appearance-bare{--s-ui-button-padding: 0}.s-ui-chip--size-32{gap:var(--s-ui-space-gap-x-small);padding:var(--s-ui-space-padding-between-x-small-small) var(--s-ui-space-gap-small)}.s-ui-chip--size-24,.s-ui-chip--size-20{gap:var(--s-ui-space-gap-x-small);padding:var(--s-ui-space-padding-2x-small) var(--s-ui-space-padding-x-small)}.s-ui-chip--color-blue{--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-accent-blue-primary)}.s-ui-chip--color-blue:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-blue.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-chip-outline-color: var(--s-ui-color-border-main-hovered);cursor:pointer}.s-ui-chip--color-blue:active:not(.s-ui-chip--disabled),.s-ui-chip--color-blue.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-chip-outline-color: var(--s-ui-color-border-main-pressed)}.s-ui-chip--color-red{--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-enabled)}.s-ui-chip--color-red:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-red.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-hovered);cursor:pointer}.s-ui-chip--color-red:active:not(.s-ui-chip--disabled),.s-ui-chip--color-red.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-pressed);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-pressed)}.s-ui-chip--color-white{--s-ui-chip-bg: var(--s-ui-color-surface-primary);--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-chip-label-color: var(--s-ui-color-text-surface-secondary);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-tertiary)}.s-ui-chip--color-white:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-white.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-hovered);cursor:pointer}.s-ui-chip--color-white:active:not(.s-ui-chip--disabled),.s-ui-chip--color-white.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-pressed)}.s-ui-chip--color-billing{--s-ui-chip-bg: transparent;--s-ui-chip-outline-color: var(--s-ui-billing-interp-stop-1);--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-stop-1-color);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-stop-2-color);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-stop-3-color);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing);--s-ui-chip-billing-bg: linear-gradient( -28deg, color-mix(in srgb, var(--s-ui-billing-interp-stop-1) 14%, var(--s-ui-color-surface-primary)) 24%, color-mix(in srgb, var(--s-ui-billing-interp-stop-3) 14%, var(--s-ui-color-surface-primary)) 72.533% );background-color:transparent;background-image:var(--s-ui-chip-billing-bg);transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-chip--color-billing:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-billing.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-hover-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-hover-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-hover-stop-3);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing-hovered);cursor:pointer}.s-ui-chip--color-billing:active:not(.s-ui-chip--disabled),.s-ui-chip--color-billing.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-pressed-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-pressed-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-pressed-stop-3);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing-pressed)}.s-ui-chip--color-billing .s-ui-chip__label{background-image:var(--s-ui-chip-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.s-ui-chip--disabled{--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-chip-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed;pointer-events:none}.s-ui-chip--color-blue.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-main)}.s-ui-chip--color-red.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary)}.s-ui-chip--color-white.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-surface)}.s-ui-chip--color-billing.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-surface);--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-chip-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-disabled);background-color:var(--s-ui-chip-bg);background-image:none}.s-ui-chip--color-billing.s-ui-chip--disabled .s-ui-chip__label{background-image:none;background-clip:border-box;color:var(--s-ui-chip-label-color)}.s-ui-chip--disabled .s-ui-tag{--s-ui-tag-bg: var(--s-ui-color-background-disabled-surface);color:var(--s-ui-color-text-surface-disabled);outline-color:var(--s-ui-color-border-disabled-primary)}.s-ui-chip:focus-visible,.s-ui-chip.s-ui-chip--state-focused{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-chip:focus-visible:has(.s-ui-button:focus-visible){box-shadow:none}.s-ui-chip .s-ui-button:focus-visible{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}}@layer components{.s-ui-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));box-sizing:border-box;display:flex;align-items:center;gap:var(--s-ui-space-gap-x-small);width:100%;min-block-size:calc(var(--s-ui-dimension-32) + var(--s-ui-dimension-4));padding:var(--s-ui-space-padding-x-small);border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-list-item-bg);outline:1px solid var(--s-ui-list-item-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-list-item-hover-shadow),var(--s-ui-list-item-focus-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--tiny{min-block-size:var(--s-ui-dimension-32);padding-block:var(--s-ui-space-padding-2x-small);padding-inline:var(--s-ui-space-padding-x-small)}.s-ui-list-item--variant-neutral{--s-ui-list-item-icon-color: var(--s-ui-color-icon-surface-secondary)}.s-ui-list-item--variant-main{--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-error{--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-list-item:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-list-item-hover-shadow: var(--s-ui-shadow-hover)}.s-ui-list-item--variant-main:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-title-color: var(--s-ui-color-text-main-hovered);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-hovered)}.s-ui-list-item--variant-error:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-hovered);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-hovered)}.s-ui-list-item:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-list-item-hover-shadow: 0 0 0 0 transparent}.s-ui-list-item--variant-neutral:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-main:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-title-color: var(--s-ui-color-text-main-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-list-item--variant-error:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-pressed);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-pressed)}.s-ui-list-item--selected{--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-list-item-outline-color: transparent}.s-ui-list-item--selected:not(.s-ui-list-item--variant-main,.s-ui-list-item--variant-error){--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-main.s-ui-list-item--selected{--s-ui-list-item-title-color: var(--s-ui-color-text-main-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-list-item--variant-error.s-ui-list-item--selected{--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-list-item:focus-visible{--s-ui-list-item-focus-shadow: var(--s-ui-shadow-focus-ring);--s-ui-list-item-outline-color: transparent}.s-ui-list-item--disabled{--s-ui-list-item-bg: var(--s-ui-color-surface-primary);--s-ui-list-item-outline-color: transparent;--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-focus-shadow: 0 0 0 0 transparent;--s-ui-list-item-title-color: var(--s-ui-color-text-surface-disabled);--s-ui-list-item-subtitle-color: var(--s-ui-color-text-surface-disabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-surface-disabled);--s-ui-list-item-expand-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed}.s-ui-list-item--disabled .s-ui-list-item__title-action,.s-ui-list-item--disabled .s-ui-list-item__actions,.s-ui-list-item--readonly .s-ui-list-item__title-action,.s-ui-list-item--readonly .s-ui-list-item__actions{pointer-events:none}.s-ui-list-item--readonly{--s-ui-list-item-bg: var(--s-ui-color-surface-primary);--s-ui-list-item-outline-color: transparent;--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-subtitle-color: var(--s-ui-color-text-surface-tertiary);cursor:default}.s-ui-list-item--readonly:not(.s-ui-list-item--variant-main,.s-ui-list-item--variant-error){--s-ui-list-item-title-color: var(--s-ui-color-text-surface-primary)}.s-ui-list-item--loading{--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-focus-shadow: 0 0 0 0 transparent;cursor:default;pointer-events:none}.s-ui-list-item__level{display:inline-flex;flex-shrink:0;align-items:center;justify-content:flex-start;min-width:calc(var(--s-ui-dimension-14) + var(--s-ui-list-item-level-indent));height:var(--s-ui-dimension-24);padding-inline-start:var(--s-ui-list-item-level-indent)}.s-ui-list-item__expand{flex-shrink:0;color:var(--s-ui-list-item-expand-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__expand .s-ui-icon{transition:transform var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__expand--expanded .s-ui-icon{transform:rotate(90deg)}.s-ui-list-item__icon-left{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16);color:var(--s-ui-list-item-icon-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__actions-reveal{display:grid;grid-template-columns:1fr;overflow:hidden}.s-ui-list-item__actions-inner{display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0;overflow:hidden;translate:0 0}.s-ui-list-item--reveal-right .s-ui-list-item__actions-reveal{grid-template-columns:0fr;transition:grid-template-columns var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--reveal-right .s-ui-list-item__actions-inner{translate:100% 0;transition:translate var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--reveal-right:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly):is(:hover,:focus-within,.s-ui-list-item--active,.s-ui-list-item--selected) .s-ui-list-item__actions-reveal{grid-template-columns:1fr}.s-ui-list-item--reveal-right:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly):is(:hover,:focus-within,.s-ui-list-item--active,.s-ui-list-item--selected) .s-ui-list-item__actions-inner{translate:0 0}@media(prefers-reduced-motion:reduce){.s-ui-list-item--reveal-right .s-ui-list-item__actions-reveal{grid-template-columns:1fr}.s-ui-list-item--reveal-right .s-ui-list-item__actions-inner{translate:0 0}}.s-ui-list-item__body{display:flex;flex:1 1 auto;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0}.s-ui-list-item__text{display:flex;flex:0 1 auto;flex-direction:column;gap:var(--s-ui-space-gap-none);justify-content:center;min-width:0;padding-inline:var(--s-ui-space-gap-x-small)}.s-ui-list-item__title{overflow:hidden;color:var(--s-ui-list-item-title-color);text-overflow:ellipsis;white-space:nowrap;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__subtitle{color:var(--s-ui-list-item-subtitle-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__title-action{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.s-ui-list-item__action-end{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16)}.s-ui-list-item__actions,.s-ui-list-item__trailing{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-x-small)}}@layer components{.s-ui-list{--s-ui-list-gap: var(--s-ui-space-gap-2x-small);display:flex;flex-direction:column;width:100%;min-width:0}.s-ui-list:focus{outline:none}.s-ui-list__scroll:focus{outline:none}.s-ui-list__scroll{overflow:auto;width:100%;min-width:0;box-sizing:border-box;padding-block:var(--s-ui-dimension-2);padding-inline:0}.s-ui-list__scroll--flat{overflow-x:clip;overflow-clip-margin:4px;display:flex;flex-direction:column;gap:var(--s-ui-list-gap)}.s-ui-list__static{display:flex;flex-direction:column;gap:var(--s-ui-list-gap);width:100%;min-width:0;box-sizing:border-box;padding-block:var(--s-ui-dimension-2);padding-inline:0}.s-ui-list__virtual-panel{width:100%}.s-ui-list__virtual-row{width:100%;box-sizing:border-box}}@layer components{.s-ui-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;
|
|
2
2
|
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shtabapp/ui-kit",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.36.0",
|
|
4
4
|
"description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"shtab",
|
|
@@ -168,6 +168,11 @@
|
|
|
168
168
|
"import": "./dist/entries/list-item.js",
|
|
169
169
|
"require": "./dist/entries/list-item.cjs"
|
|
170
170
|
},
|
|
171
|
+
"./photo-edit": {
|
|
172
|
+
"types": "./dist/entries/photo-edit.d.ts",
|
|
173
|
+
"import": "./dist/entries/photo-edit.js",
|
|
174
|
+
"require": "./dist/entries/photo-edit.cjs"
|
|
175
|
+
},
|
|
171
176
|
"./chart-line": {
|
|
172
177
|
"types": "./dist/entries/chart-line.d.ts",
|
|
173
178
|
"import": "./dist/entries/chart-line.js",
|
|
@@ -244,8 +249,8 @@
|
|
|
244
249
|
"dependencies": {
|
|
245
250
|
"chart.js": "^4.5.0",
|
|
246
251
|
"vue-i18n": "^9.14.5",
|
|
247
|
-
"@shtabapp/ui-kit-
|
|
248
|
-
"@shtabapp/ui-kit-
|
|
252
|
+
"@shtabapp/ui-kit-tokens": "^1.16.0",
|
|
253
|
+
"@shtabapp/ui-kit-primitives": "^1.19.0"
|
|
249
254
|
},
|
|
250
255
|
"devDependencies": {
|
|
251
256
|
"@storybook/vue3-vite": "^10.4.1",
|