@cas-smartdesign/button 5.4.0 → 7.0.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.
Files changed (18) hide show
  1. package/dist/button.d.ts +13 -7
  2. package/dist/button.d.ts.map +1 -0
  3. package/dist/button.mjs +111 -188
  4. package/dist/button.mjs.map +1 -1
  5. package/dist/docs/created_from_source.js +1 -1
  6. package/dist/docs/doc.css +1 -1
  7. package/dist/docs/doc.mjs +404 -184
  8. package/dist/docs/index.html +1 -4
  9. package/dist/docs/new.svg +2 -5
  10. package/npm-third-party-licenses.json +61 -101
  11. package/package.json +22 -11
  12. package/readme.md +77 -3
  13. package/scss/_button.scss +85 -0
  14. package/scss/_config.scss +158 -0
  15. package/dist/button-with-externals.js +0 -108
  16. package/dist/button-with-externals.js.map +0 -7
  17. package/dist/docs/declarative_with_source.js +0 -1
  18. package/dist/docs/new_white.svg +0 -6
package/dist/button.d.ts CHANGED
@@ -1,18 +1,23 @@
1
1
  import { ElementBase } from "@cas-smartdesign/element-base";
2
+ import { ImageEmbed } from "@cas-smartdesign/image-embed";
2
3
  declare global {
3
4
  interface HTMLElementTagNameMap {
4
5
  [Button.ID]: Button;
5
6
  }
6
7
  }
8
+ export type ButtonVariant = "primary" | "outline" | "standard" | "ghost" | "outline-danger" | "ghost-danger" | "selection" | "custom";
9
+ export declare const BUTTON_VARIANTS: ButtonVariant[];
7
10
  export declare class Button extends ElementBase {
8
11
  static readonly ID = "sd-button";
9
- private _image;
12
+ static ensureDefined: () => void;
13
+ static styleSheet: CSSStyleSheet;
14
+ private _image?;
10
15
  private _isSpaceOrEnterKeyDown;
11
- get imageElement(): HTMLImageElement;
12
- get icon(): string;
13
- set icon(icon: string);
14
- get primary(): boolean;
15
- set primary(primary: boolean);
16
+ get imageElement(): ImageEmbed | HTMLImageElement | undefined;
17
+ get icon(): string | undefined | null;
18
+ set icon(icon: string | undefined | null);
19
+ get variant(): ButtonVariant;
20
+ set variant(value: ButtonVariant | (string & {}) | null);
16
21
  get disabled(): boolean;
17
22
  set disabled(disabled: boolean);
18
23
  static get observedAttributes(): string[];
@@ -22,6 +27,7 @@ export declare class Button extends ElementBase {
22
27
  private isSpaceOrEnter;
23
28
  click(): void;
24
29
  connectedCallback(): void;
25
- attributeChangedCallback(): void;
30
+ attributeChangedCallback(name: string, oldValue: string | null): void;
26
31
  private updateIcon;
27
32
  }
33
+ //# sourceMappingURL=button.d.ts.map
package/dist/button.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAK1D,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;KACvB;CACJ;AAED,MAAM,MAAM,aAAa,GACnB,SAAS,GACT,SAAS,GACT,UAAU,GACV,OAAO,GACP,gBAAgB,GAChB,cAAc,GACd,WAAW,GACX,QAAQ,CAAC;AACf,eAAO,MAAM,eAAe,EAAE,aAAa,EAS1C,CAAC;AAMF,qBAAa,MAAO,SAAQ,WAAW;IACnC,gBAAuB,EAAE,eAAe;IACxC,OAAc,aAAa,aAKzB;IAEF,MAAM,CAAC,UAAU,gBAAuB;IAMxC,OAAO,CAAC,MAAM,CAAC,CAAgC;IAC/C,OAAO,CAAC,sBAAsB,CAAS;IAEvC,IAAW,YAAY,8CAEtB;IAED,IAAW,IAAI,IAAI,MAAM,GAAG,SAAS,GAAG,IAAI,CAE3C;IAED,IAAW,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EAS9C;IAED,IAAI,OAAO,IAAI,aAAa,CAG3B;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,IAAI,EAEtD;IAED,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAEpC;IAED,MAAM,KAAK,kBAAkB,aAE5B;IAEM,EAAE,IAAI,MAAM;IAInB,SAAS,CAAC,QAAQ,IAAI,mBAAmB;;IAiDzC,OAAO,CAAC,cAAc;IAWN,KAAK;IAML,iBAAiB;IAmBjB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAqBrF,OAAO,CAAC,UAAU;CAQrB"}
package/dist/button.mjs CHANGED
@@ -1,193 +1,116 @@
1
- import { ElementBase as r } from "@cas-smartdesign/element-base";
2
- const a = `<style>
3
- :host {
4
- contain: content;
5
- background: rgba(20, 103, 186, 0);
6
- color: #1467ba;
7
- border: none;
8
- outline: none;
9
- padding: 0 8px;
10
- height: 32px;
11
- cursor: pointer;
12
- user-select: none;
13
- display: inline-flex;
14
- align-items: center;
15
- justify-content: center;
16
- box-sizing: border-box;
17
- vertical-align: middle;
18
- border-radius: var(--sd-button-border-radius, 0px);
19
- }
20
-
21
- :host(:focus),
22
- :host(:not([disabled], [aria-disabled="true"]):hover) {
23
- background: rgba(20, 103, 186, 0.1);
24
- }
25
-
26
- @media (forced-colors: active) {
27
- :host(:not([disabled], [aria-disabled="true"]):focus-visible) {
28
- outline: 1px solid;
29
- }
30
- :host {
31
- margin: 1px;
1
+ import { ElementBase as e } from "@cas-smartdesign/element-base";
2
+ import { ImageEmbed as t } from "@cas-smartdesign/image-embed";
3
+ //#region button.html?raw
4
+ var n = "<slot name=\"icon\">\n <sd-image-embed class=\"icon\" part=\"icon\"></sd-image-embed>\n</slot>\n<div class=\"content\">\n <slot></slot>\n</div>\n", r = ":host{contain:content;box-sizing:border-box;vertical-align:middle;min-height:36px;padding:var(--spacing-x3,6px) var(--spacing-x4,8px);border-radius:var(--radius-s,4px);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;display:inline-flex}:host:focus-visible{outline:1px solid var(--color-border-interaction-focus,#111);outline-offset:var(--spacing-x1,2px)}:host:is(:disabled,[disabled],[aria-disabled=true]){cursor:default}:host{background-color:var(--sd-button-background-color,var(--color-bg-action-neutral-default,#d4d4d4));color:var(--sd-button-color,var(--color-fg-action-neutral-default,#111))}:host:after{content:\"\";border:var(--sd-button-border,none);border-radius:inherit;position:absolute;inset:0}:host(:is(:focus,:hover)){background-color:var(--sd-button-background-color-hover,var(--color-bg-action-neutral-default-hover,#c6c6c6));color:var(--sd-button-color-hover,var(--color-fg-action-neutral-default-hover,#111))}:host(:is(:focus,:hover)):after{border-color:var(--sd-button-border-color-hover,transparent)}:host(:active){background-color:var(--sd-button-background-color-pressed,var(--color-bg-action-neutral-default-pressed,#b3b3b3));color:var(--sd-button-color-pressed,var(--color-fg-action-neutral-default-pressed,#111))}:host(:active):after{border-color:var(--sd-button-border-color-pressed,transparent)}:host(:is([aria-disabled=true],[disabled])){background-color:var(--sd-button-background-color-disabled,var(--color-bg-interaction-disabled,#e7e7e7));color:var(--sd-button-color-disabled,var(--color-fg-interaction-disabled,#999))}:host(:is([aria-disabled=true],[disabled])):after{border-color:var(--sd-button-border-color-disabled,transparent)}:host(:is([aria-disabled=true],[disabled])){cursor:default}:host(:focus-visible){outline:1px solid var(--color-border-interaction-focus,#111);outline-offset:var(--spacing-x1,2px)}:host([variant=primary i]){--sd-button-background-color:var(--color-bg-action-accent-default,#1467ba);--sd-button-color:var(--color-fg-interaction-on-color,#fff);--sd-button-background-color-hover:var(--color-bg-action-accent-default-hover,#0f4d8b);--sd-button-color-hover:var(--color-fg-interaction-on-color,#fff);--sd-button-background-color-pressed:var(--color-bg-action-accent-default-pressed,#0b3a69);--sd-button-color-pressed:var(--color-fg-interaction-on-color,#fff)}:host([variant=outline i]){--sd-button-background-color:var(--color-bg-action-accent-weak,#e0ebf6);--sd-button-color:var(--color-fg-action-accent-default,#1467ba);--sd-button-border:1px solid var(--color-border-action-accent-default,#1467ba);--sd-button-background-color-hover:var(--color-bg-action-accent-weak-hover,#d5e4f3);--sd-button-color-hover:var(--color-fg-action-accent-default-hover,#0f4d8b);--sd-button-border-color-hover:var(--color-border-action-accent-default-hover,#0f4d8b);--sd-button-background-color-pressed:var(--color-bg-action-accent-weak-pressed,#c7dbef);--sd-button-color-pressed:var(--color-fg-action-accent-default-pressed,#0b3a69);--sd-button-border-color-pressed:var(--color-border-action-accent-default-pressed,#0b3a69);--sd-button-background-color-disabled:transparent;--sd-button-border-color-disabled:var(--color-border-interaction-disabled,#c6c6c6)}:host([variant=ghost i]){--sd-button-background-color:transparent;--sd-button-color:var(--color-fg-action-accent-default,#1467ba);--sd-button-background-color-hover:var(--color-bg-action-accent-weakest-hover,#e0ebf6);--sd-button-color-hover:var(--color-fg-action-accent-default-hover,#0f4d8b);--sd-button-background-color-pressed:var(--color-bg-action-accent-weakest-pressed,#c7dbef);--sd-button-color-pressed:var(--color-fg-action-accent-default-pressed,#0b3a69);--sd-button-background-color-disabled:transparent}:host([variant=outline-danger i]){--sd-button-background-color:var(--color-bg-action-danger-default,#fbdde0);--sd-button-color:var(--color-fg-action-danger-default,#a90014);--sd-button-border:1px solid var(--color-border-action-danger-default,#a90014);--sd-button-background-color-hover:var(--color-bg-action-danger-default-hover,#fad2d6);--sd-button-color-hover:var(--color-fg-action-danger-default-hover,#7f000f);--sd-button-border-color-hover:var(--color-border-action-danger-default-hover,#7f000f);--sd-button-background-color-pressed:var(--color-bg-action-danger-default-pressed,#f8c3c9);--sd-button-color-pressed:var(--color-fg-action-danger-default-pressed,#5f000b);--sd-button-border-color-pressed:var(--color-border-action-danger-default-pressed,#5f000b);--sd-button-background-color-disabled:transparent;--sd-button-border-color-disabled:var(--color-border-interaction-disabled,#c6c6c6)}:host([variant=ghost-danger i]){--sd-button-background-color:transparent;--sd-button-color:var(--color-fg-action-danger-default,#a90014);--sd-button-background-color-hover:var(--color-bg-action-danger-default-hover,#fad2d6);--sd-button-color-hover:var(--color-fg-action-danger-default-hover,#7f000f);--sd-button-background-color-pressed:var(--color-bg-action-danger-default-pressed,#f8c3c9);--sd-button-color-pressed:var(--color-fg-action-danger-default-pressed,#5f000b);--sd-button-background-color-disabled:transparent}:host([variant=selection i]){--sd-button-background-color:var(--color-bg-selection-neutral-weakest,#fff);--sd-button-color:var(--color-fg-selection-neutral-default,#111);--sd-button-border:1px solid var(--color-border-selection-neutral-default,#999);--sd-button-background-color-hover:var(--color-bg-selection-accent-weak-hover,#e0ebf6);--sd-button-color-hover:var(--color-fg-selection-neutral-default,#111);--sd-button-border-color-hover:var(--color-border-selection-neutral-default,#999);--sd-button-background-color-pressed:var(--color-bg-selection-accent-weak,#c7dbef);--sd-button-color-pressed:var(--color-fg-selection-neutral-default,#111);--sd-button-border-color-pressed:var(--color-border-selection-accent-default,#1467ba);--sd-button-border-color-disabled:var(--color-border-interaction-disabled,#c6c6c6)}:host([variant=custom i]){--sd-button-background-color-hover:color-mix(in oklab, var(--sd-button-background-color,var(--color-bg-action-neutral-default,#d4d4d4)), var(--color-fg-default,#111) 12%);--sd-button-color-hover:var(--sd-button-color,var(--color-fg-action-neutral-default,#111));--sd-button-background-color-pressed:color-mix(in oklab, var(--sd-button-background-color,var(--color-bg-action-neutral-default,#d4d4d4)), var(--color-fg-default,#111) 22%);--sd-button-color-pressed:var(--sd-button-color,var(--color-fg-action-neutral-default,#111))}:host([variant=selection i][aria-pressed=true]){--sd-button-background-color:var(--color-bg-selection-accent-weak,#c7dbef);--sd-button-border:1px solid var(--color-border-selection-accent-default,#1467ba);--sd-button-background-color-hover:var(--color-bg-selection-accent-weak,#c7dbef);--sd-button-border-color-hover:var(--color-border-selection-accent-default,#1467ba)}.icon:is(:not([src]),[src=\"\"],[src=\"data:,\"]){display:none}.content{align-items:center;min-width:0;display:flex}.content ::slotted(*){font:var(--text-body);margin-left:var(--sd-button-content-padding,8px)}.content ::slotted(:last-child){margin-right:var(--sd-button-content-padding,8px)}.icon{max-height:var(--sd-button-max-icon-size,24px);max-width:var(--sd-button-max-icon-size,24px)}", i = [
5
+ "primary",
6
+ "outline",
7
+ "standard",
8
+ "ghost",
9
+ "outline-danger",
10
+ "ghost-danger",
11
+ "selection",
12
+ "custom"
13
+ ], a = "standard";
14
+ function o(e) {
15
+ return i.includes(e);
16
+ }
17
+ var s = class i extends e {
18
+ static {
19
+ this.ID = "sd-button";
20
+ }
21
+ static {
22
+ this.ensureDefined = () => {
23
+ customElements.get(i.ID) || (customElements.define(i.ID, i), t.ensureDefined());
24
+ };
25
+ }
26
+ static {
27
+ this.styleSheet = new CSSStyleSheet();
28
+ }
29
+ static {
30
+ this.styleSheet.replaceSync(r);
31
+ }
32
+ get imageElement() {
33
+ return this._image;
34
+ }
35
+ get icon() {
36
+ return this.getAttribute("icon");
37
+ }
38
+ set icon(e) {
39
+ this.icon !== e && (e ? this.setAttribute("icon", e) : this.removeAttribute("icon"), this.updateIcon());
40
+ }
41
+ get variant() {
42
+ let e = this.getAttribute("variant");
43
+ return o(e) ? e : a;
44
+ }
45
+ set variant(e) {
46
+ this.setAttribute("variant", o(e) ? e : a);
47
+ }
48
+ get disabled() {
49
+ return this.getAttribute("aria-disabled") == "true";
50
+ }
51
+ set disabled(e) {
52
+ this.setAttribute("aria-disabled", e.toString());
53
+ }
54
+ static get observedAttributes() {
55
+ return ["icon", "variant"];
56
+ }
57
+ is() {
58
+ return i.ID;
59
+ }
60
+ template() {
61
+ let e = document.createElement("template");
62
+ return e.innerHTML = n, e;
63
+ }
64
+ constructor() {
65
+ super(), this._isSpaceOrEnterKeyDown = !1, this.addEventListener("keydown", (e) => {
66
+ this.isSpaceOrEnter(e) && (this._isSpaceOrEnterKeyDown = !0, e.preventDefault());
67
+ }), this.addEventListener("keyup", (e) => {
68
+ this.isSpaceOrEnter(e) && this._isSpaceOrEnterKeyDown == 1 && (this._isSpaceOrEnterKeyDown = !1, this.click());
69
+ }), this.addEventListener("click", (e) => {
70
+ if (this.disabled || this.hasAttribute("disabled")) {
71
+ e.stopImmediatePropagation();
72
+ return;
73
+ }
74
+ let t = this.getAttribute("type")?.toLowerCase()?.trim();
75
+ if (t !== "submit" && t !== "reset") return;
76
+ let n = this.closest("form");
77
+ n && t === "submit" && n.requestSubmit(), n && t === "reset" && n.reset();
78
+ }, { capture: !0 });
79
+ }
80
+ isSpaceOrEnter(e) {
81
+ switch (e.key) {
82
+ case " ":
83
+ case "Space":
84
+ case "Enter": return !0;
85
+ default: return !1;
32
86
  }
33
87
  }
34
-
35
- :host(:not([disabled], [aria-disabled="true"]):focus-visible) {
36
- box-shadow: 0 0 0 1px #1467ba inset;
37
- }
38
-
39
- :host(:not([disabled], [aria-disabled="true"]):active) {
40
- background: rgba(20, 103, 186, 0.2);
41
- }
42
-
43
- :host([primary]) {
44
- background: #1467ba;
45
- color: #fff;
46
- }
47
-
48
- :host([primary]:focus),
49
- :host(:not([disabled], [aria-disabled="true"])[primary]:hover) {
50
- background: #125da8;
51
- }
52
-
53
- :host([primary]:focus-visible) {
54
- box-shadow: 0 0 0 1px white inset;
55
- }
56
-
57
- :host(:not([disabled], [aria-disabled="true"])[primary]:focus-visible) {
58
- outline: 1px solid #1467ba;
59
- }
60
-
61
- :host(:not([disabled], [aria-disabled="true"])[primary]:active) {
62
- background: #0e4883;
63
- }
64
-
65
- :host([disabled]),
66
- :host([aria-disabled="true"]) {
67
- filter: grayscale(100%);
68
- opacity: 0.5;
69
- cursor: default;
70
- }
71
-
72
- :host([disabled]:focus-visible),
73
- :host([aria-disabled="true"]:focus-visible) {
74
- outline: 1px dashed #111;
75
- }
76
-
77
- .icon:not([src]),
78
- .icon[src=""],
79
- .icon[src="data:,"] {
80
- display: none;
81
- }
82
-
83
- .content {
84
- display: flex;
85
- align-items: center;
86
- min-width: 0px;
87
- }
88
-
89
- .content ::slotted(*) {
90
- margin-left: var(--sd-button-content-padding, 8px);
88
+ click() {
89
+ !this.disabled && !this.hasAttribute("disabled") && super.click();
90
+ }
91
+ connectedCallback() {
92
+ let e = this.shadowRoot == null;
93
+ super.connectedCallback(), e && (this.shadowRoot.adoptedStyleSheets = [i.styleSheet]), this.hasAttribute("tabIndex") || (this.tabIndex = 0), this._image = this.shadowRoot.querySelector(".icon"), this.updateIcon(), this.hasAttribute("role") || this.setAttribute("role", "button");
94
+ }
95
+ attributeChangedCallback(e, t) {
96
+ switch (e) {
97
+ case "icon":
98
+ this.updateIcon();
99
+ break;
100
+ case "variant":
101
+ this.variant === "selection" ? this.hasAttribute("aria-pressed") || this.setAttribute("aria-pressed", "false") : t?.toLowerCase() === "selection" && this.removeAttribute("aria-pressed");
102
+ break;
103
+ }
91
104
  }
92
-
93
- .content ::slotted(*:last-child) {
94
- margin-right: var(--sd-button-content-padding, 8px);
105
+ updateIcon() {
106
+ if (this._image) {
107
+ let e = this.getAttribute("icon");
108
+ e && (this._image.src = e);
109
+ }
95
110
  }
96
-
97
- .icon {
98
- max-height: var(--sd-button-max-icon-size, 32px);
99
- max-width: var(--sd-button-max-icon-size, 32px);
100
- }
101
- </style>
102
- <slot name="icon">
103
- <img class="icon" src="data:," alt part="icon" />
104
- </slot>
105
- <div class="content">
106
- <slot></slot>
107
- </div>
108
- `, s = class s extends r {
109
- constructor() {
110
- super(), this._isSpaceOrEnterKeyDown = !1, this.addEventListener("keydown", (t) => {
111
- this.isSpaceOrEnter(t) && (this._isSpaceOrEnterKeyDown = !0, t.preventDefault());
112
- }), this.addEventListener("keyup", (t) => {
113
- this.isSpaceOrEnter(t) && this._isSpaceOrEnterKeyDown == !0 && (this._isSpaceOrEnterKeyDown = !1, this.click());
114
- }), this.addEventListener(
115
- "click",
116
- (t) => {
117
- if (this.disabled || this.hasAttribute("disabled")) {
118
- t.stopImmediatePropagation();
119
- return;
120
- }
121
- const n = this.getAttribute("type")?.toLowerCase()?.trim();
122
- if (n !== "submit" && n !== "reset")
123
- return;
124
- const i = this.closest("form");
125
- i && n === "submit" && i.requestSubmit(), i && n === "reset" && i.reset();
126
- },
127
- { capture: !0 }
128
- );
129
- }
130
- get imageElement() {
131
- return this._image;
132
- }
133
- get icon() {
134
- return this.getAttribute("icon");
135
- }
136
- set icon(t) {
137
- this.icon !== t && (t ? this.setAttribute("icon", t) : this.removeAttribute("icon"), this.updateIcon());
138
- }
139
- get primary() {
140
- return this.hasAttribute("primary");
141
- }
142
- set primary(t) {
143
- t ? this.setAttribute("primary", "") : this.removeAttribute("primary");
144
- }
145
- get disabled() {
146
- return this.getAttribute("aria-disabled") == "true";
147
- }
148
- set disabled(t) {
149
- this.setAttribute("aria-disabled", t.toString());
150
- }
151
- static get observedAttributes() {
152
- return ["icon"];
153
- }
154
- is() {
155
- return s.ID;
156
- }
157
- template() {
158
- const t = document.createElement("template");
159
- return t.innerHTML = a, t;
160
- }
161
- isSpaceOrEnter(t) {
162
- switch (t.key) {
163
- case " ":
164
- case "Space":
165
- case "Enter":
166
- return !0;
167
- default:
168
- return !1;
169
- }
170
- }
171
- click() {
172
- !this.disabled && !this.hasAttribute("disabled") && super.click();
173
- }
174
- connectedCallback() {
175
- super.connectedCallback(), this.hasAttribute("tabIndex") || (this.tabIndex = 0), this._image = this.shadowRoot.querySelector(".icon"), this.updateIcon(), this.hasAttribute("role") || this.setAttribute("role", "button");
176
- }
177
- attributeChangedCallback() {
178
- this.updateIcon();
179
- }
180
- updateIcon() {
181
- if (this._image) {
182
- const t = this.getAttribute("icon");
183
- t && (this._image.src = t);
184
- }
185
- }
186
111
  };
187
- s.ID = "sd-button";
188
- let e = s;
189
- customElements.get(e.ID) || customElements.define(e.ID, e);
190
- export {
191
- e as Button
192
- };
193
- //# sourceMappingURL=button.mjs.map
112
+ s.ensureDefined();
113
+ //#endregion
114
+ export { i as BUTTON_VARIANTS, s as Button };
115
+
116
+ //# sourceMappingURL=button.mjs.map
package/dist/button.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.mjs","sources":["../button.html?raw","../button.ts"],"sourcesContent":["export default \"<style>\\n\\t:host {\\n\\t\\tcontain: content;\\n\\t\\tbackground: rgba(20, 103, 186, 0);\\n\\t\\tcolor: #1467ba;\\n\\t\\tborder: none;\\n\\t\\toutline: none;\\n\\t\\tpadding: 0 8px;\\n\\t\\theight: 32px;\\n\\t\\tcursor: pointer;\\n\\t\\tuser-select: none;\\n\\t\\tdisplay: inline-flex;\\n\\t\\talign-items: center;\\n\\t\\tjustify-content: center;\\n\\t\\tbox-sizing: border-box;\\n\\t\\tvertical-align: middle;\\n\\t\\tborder-radius: var(--sd-button-border-radius, 0px);\\n\\t}\\n\\n\\t:host(:focus),\\n\\t:host(:not([disabled], [aria-disabled=\\\"true\\\"]):hover) {\\n\\t\\tbackground: rgba(20, 103, 186, 0.1);\\n\\t}\\n\\n\\t@media (forced-colors: active) {\\n\\t\\t:host(:not([disabled], [aria-disabled=\\\"true\\\"]):focus-visible) {\\n\\t\\t\\toutline: 1px solid;\\n\\t\\t}\\n\\t\\t:host {\\n\\t\\t\\tmargin: 1px;\\n\\t\\t}\\n\\t}\\n\\n\\t:host(:not([disabled], [aria-disabled=\\\"true\\\"]):focus-visible) {\\n\\t\\tbox-shadow: 0 0 0 1px #1467ba inset;\\n\\t}\\n\\n\\t:host(:not([disabled], [aria-disabled=\\\"true\\\"]):active) {\\n\\t\\tbackground: rgba(20, 103, 186, 0.2);\\n\\t}\\n\\n\\t:host([primary]) {\\n\\t\\tbackground: #1467ba;\\n\\t\\tcolor: #fff;\\n\\t}\\n\\n\\t:host([primary]:focus),\\n\\t:host(:not([disabled], [aria-disabled=\\\"true\\\"])[primary]:hover) {\\n\\t\\tbackground: #125da8;\\n\\t}\\n\\n\\t:host([primary]:focus-visible) {\\n\\t\\tbox-shadow: 0 0 0 1px white inset;\\n\\t}\\n\\n\\t:host(:not([disabled], [aria-disabled=\\\"true\\\"])[primary]:focus-visible) {\\n\\t\\toutline: 1px solid #1467ba;\\n\\t}\\n\\n\\t:host(:not([disabled], [aria-disabled=\\\"true\\\"])[primary]:active) {\\n\\t\\tbackground: #0e4883;\\n\\t}\\n\\n\\t:host([disabled]),\\n\\t:host([aria-disabled=\\\"true\\\"]) {\\n\\t\\tfilter: grayscale(100%);\\n\\t\\topacity: 0.5;\\n\\t\\tcursor: default;\\n\\t}\\n\\n\\t:host([disabled]:focus-visible),\\n\\t:host([aria-disabled=\\\"true\\\"]:focus-visible) {\\n\\t\\toutline: 1px dashed #111;\\n\\t}\\n\\n\\t.icon:not([src]),\\n\\t.icon[src=\\\"\\\"],\\n\\t.icon[src=\\\"data:,\\\"] {\\n\\t\\tdisplay: none;\\n\\t}\\n\\n\\t.content {\\n\\t\\tdisplay: flex;\\n\\t\\talign-items: center;\\n\\t\\tmin-width: 0px;\\n\\t}\\n\\n\\t.content ::slotted(*) {\\n\\t\\tmargin-left: var(--sd-button-content-padding, 8px);\\n\\t}\\n\\n\\t.content ::slotted(*:last-child) {\\n\\t\\tmargin-right: var(--sd-button-content-padding, 8px);\\n\\t}\\n\\n\\t.icon {\\n\\t\\tmax-height: var(--sd-button-max-icon-size, 32px);\\n\\t\\tmax-width: var(--sd-button-max-icon-size, 32px);\\n\\t}\\n</style>\\n<slot name=\\\"icon\\\">\\n\\t<img class=\\\"icon\\\" src=\\\"data:,\\\" alt part=\\\"icon\\\" />\\n</slot>\\n<div class=\\\"content\\\">\\n\\t<slot></slot>\\n</div>\\n\"","import { ElementBase } from \"@cas-smartdesign/element-base\";\n\nimport { default as htmlTemplate } from \"./button.html?raw\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [Button.ID]: Button;\n }\n}\n\nexport class Button extends ElementBase {\n public static readonly ID = \"sd-button\";\n private _image: HTMLImageElement;\n private _isSpaceOrEnterKeyDown = false;\n\n public get imageElement() {\n return this._image;\n }\n\n public get icon(): string {\n return this.getAttribute(\"icon\");\n }\n\n public set icon(icon: string) {\n if (this.icon !== icon) {\n if (icon) {\n this.setAttribute(\"icon\", icon);\n } else {\n this.removeAttribute(\"icon\");\n }\n this.updateIcon();\n }\n }\n\n public get primary(): boolean {\n return this.hasAttribute(\"primary\");\n }\n\n public set primary(primary: boolean) {\n if (primary) {\n this.setAttribute(\"primary\", \"\");\n } else {\n this.removeAttribute(\"primary\");\n }\n }\n\n public get disabled(): boolean {\n return this.getAttribute(\"aria-disabled\") == \"true\";\n }\n\n public set disabled(disabled: boolean) {\n this.setAttribute(\"aria-disabled\", disabled.toString());\n }\n\n static get observedAttributes() {\n return [\"icon\"];\n }\n\n public is(): string {\n return Button.ID;\n }\n\n protected template(): HTMLTemplateElement {\n const template = document.createElement(\"template\");\n template.innerHTML = htmlTemplate;\n return template;\n }\n\n constructor() {\n super();\n this.addEventListener(\"keydown\", (e) => {\n if (this.isSpaceOrEnter(e)) {\n this._isSpaceOrEnterKeyDown = true;\n e.preventDefault(); // prevent potential scroll-down triggered by space\n }\n });\n this.addEventListener(\"keyup\", (e) => {\n if (this.isSpaceOrEnter(e) && this._isSpaceOrEnterKeyDown == true) {\n this._isSpaceOrEnterKeyDown = false;\n this.click();\n }\n });\n // As Button is not an input element, click is fired even in disabled state\n this.addEventListener(\n \"click\",\n (event) => {\n if (this.disabled || this.hasAttribute(\"disabled\")) {\n event.stopImmediatePropagation();\n return;\n }\n\n const type = this.getAttribute(\"type\")?.toLowerCase()?.trim();\n\n if (type !== \"submit\" && type !== \"reset\") {\n return;\n }\n\n const form = this.closest(\"form\");\n\n if (form && type === \"submit\") {\n form.requestSubmit();\n }\n\n if (form && type === \"reset\") {\n form.reset();\n }\n },\n { capture: true },\n );\n }\n\n private isSpaceOrEnter(event: KeyboardEvent): boolean {\n switch (event.key) {\n case \" \":\n case \"Space\":\n case \"Enter\":\n return true;\n default:\n return false;\n }\n }\n\n public click() {\n if (!this.disabled && !this.hasAttribute(\"disabled\")) {\n super.click();\n }\n }\n\n public connectedCallback() {\n super.connectedCallback();\n\n if (!this.hasAttribute(\"tabIndex\")) {\n this.tabIndex = 0;\n }\n\n this._image = this.shadowRoot.querySelector(\".icon\") as HTMLImageElement;\n\n this.updateIcon();\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"button\");\n }\n }\n\n public attributeChangedCallback(): void {\n this.updateIcon();\n }\n\n private updateIcon() {\n if (this._image) {\n const iconSrc = this.getAttribute(\"icon\");\n if (iconSrc) {\n this._image.src = iconSrc;\n }\n }\n }\n}\n\nif (!customElements.get(Button.ID)) {\n customElements.define(Button.ID, Button);\n}\n"],"names":["htmlTemplate","_Button","ElementBase","e","event","type","form","icon","primary","disabled","template","iconSrc","Button"],"mappings":"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"}
1
+ {"version":3,"file":"button.mjs","names":[],"sources":["../button.html?raw","../styles.scss?inline","../button.ts"],"sourcesContent":["export default \"<slot name=\\\"icon\\\">\\n\\t<sd-image-embed class=\\\"icon\\\" part=\\\"icon\\\"></sd-image-embed>\\n</slot>\\n<div class=\\\"content\\\">\\n\\t<slot></slot>\\n</div>\\n\"","@use \"scss/config\";\n@use \"scss/button\";\n\n:host {\n\tcontain: content;\n\n\t@include button.base;\n\t@include config.state(\"base\");\n\t&::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder: var(--sd-button-border, none);\n\t\tborder-radius: inherit;\n\t}\n}\n\n:host(:is(:focus, :hover)) {\n\t@include config.state(\"hover\");\n}\n\n:host(:active) {\n\t@include config.state(\"pressed\");\n}\n\n:host(:is([aria-disabled=\"true\"], [disabled])) {\n\t@include config.state(\"disabled\");\n\tcursor: default;\n}\n\n:host(:focus-visible) {\n\toutline: 1px solid var(--color-border-interaction-focus, #111);\n\toutline-offset: var(--spacing-x1, 2px);\n}\n\n@each $name, $props in config.$variants {\n\t:host([variant=\"#{$name}\" i]) {\n\t\t@include config.variant-vars($name);\n\t}\n}\n\n:host([variant=\"selection\" i][aria-pressed=\"true\"]) {\n\t@include config.selection-checked-vars;\n}\n\n.icon:is(:not([src]), [src=\"\"], [src=\"data:,\"]) {\n\tdisplay: none;\n}\n\n.content {\n\tdisplay: flex;\n\talign-items: center;\n\tmin-width: 0px;\n}\n\n.content ::slotted(*) {\n\tfont: var(--text-body);\n\tmargin-left: var(--sd-button-content-padding, 8px);\n}\n\n.content ::slotted(*:last-child) {\n\tmargin-right: var(--sd-button-content-padding, 8px);\n}\n\n.icon {\n\tmax-height: var(--sd-button-max-icon-size, 24px);\n\tmax-width: var(--sd-button-max-icon-size, 24px);\n}\n","import { ElementBase } from \"@cas-smartdesign/element-base\";\nimport { ImageEmbed } from \"@cas-smartdesign/image-embed\";\n\nimport { default as htmlTemplate } from \"./button.html?raw\";\nimport { default as styles } from \"./styles.scss?inline\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [Button.ID]: Button;\n }\n}\n\nexport type ButtonVariant =\n | \"primary\"\n | \"outline\"\n | \"standard\"\n | \"ghost\"\n | \"outline-danger\"\n | \"ghost-danger\"\n | \"selection\"\n | \"custom\";\nexport const BUTTON_VARIANTS: ButtonVariant[] = [\n \"primary\",\n \"outline\",\n \"standard\",\n \"ghost\",\n \"outline-danger\",\n \"ghost-danger\",\n \"selection\",\n \"custom\",\n];\nconst DEFAULT_BUTTON_VARIANT: ButtonVariant = \"standard\";\nfunction isButtonVariant(value: string | null): value is ButtonVariant {\n return BUTTON_VARIANTS.includes(value as ButtonVariant);\n}\n\nexport class Button extends ElementBase {\n public static readonly ID = \"sd-button\";\n public static ensureDefined = () => {\n if (!customElements.get(Button.ID)) {\n customElements.define(Button.ID, Button);\n ImageEmbed.ensureDefined();\n }\n };\n\n static styleSheet = new CSSStyleSheet();\n\n static {\n this.styleSheet.replaceSync(styles);\n }\n\n private _image?: ImageEmbed | HTMLImageElement;\n private _isSpaceOrEnterKeyDown = false;\n\n public get imageElement() {\n return this._image;\n }\n\n public get icon(): string | undefined | null {\n return this.getAttribute(\"icon\");\n }\n\n public set icon(icon: string | undefined | null) {\n if (this.icon !== icon) {\n if (icon) {\n this.setAttribute(\"icon\", icon);\n } else {\n this.removeAttribute(\"icon\");\n }\n this.updateIcon();\n }\n }\n\n get variant(): ButtonVariant {\n const attr = this.getAttribute(\"variant\");\n return isButtonVariant(attr) ? attr : DEFAULT_BUTTON_VARIANT;\n }\n\n set variant(value: ButtonVariant | (string & {}) | null) {\n this.setAttribute(\"variant\", isButtonVariant(value) ? value : DEFAULT_BUTTON_VARIANT);\n }\n\n public get disabled(): boolean {\n return this.getAttribute(\"aria-disabled\") == \"true\";\n }\n\n public set disabled(disabled: boolean) {\n this.setAttribute(\"aria-disabled\", disabled.toString());\n }\n\n static get observedAttributes() {\n return [\"icon\", \"variant\"];\n }\n\n public is(): string {\n return Button.ID;\n }\n\n protected template(): HTMLTemplateElement {\n const template = document.createElement(\"template\");\n template.innerHTML = htmlTemplate;\n return template;\n }\n\n constructor() {\n super();\n this.addEventListener(\"keydown\", (e) => {\n if (this.isSpaceOrEnter(e)) {\n this._isSpaceOrEnterKeyDown = true;\n e.preventDefault(); // prevent potential scroll-down triggered by space\n }\n });\n this.addEventListener(\"keyup\", (e) => {\n if (this.isSpaceOrEnter(e) && this._isSpaceOrEnterKeyDown == true) {\n this._isSpaceOrEnterKeyDown = false;\n this.click();\n }\n });\n // As Button is not an input element, click is fired even in disabled state\n this.addEventListener(\n \"click\",\n (event) => {\n if (this.disabled || this.hasAttribute(\"disabled\")) {\n event.stopImmediatePropagation();\n return;\n }\n\n const type = this.getAttribute(\"type\")?.toLowerCase()?.trim();\n\n if (type !== \"submit\" && type !== \"reset\") {\n return;\n }\n\n const form = this.closest(\"form\");\n\n if (form && type === \"submit\") {\n form.requestSubmit();\n }\n\n if (form && type === \"reset\") {\n form.reset();\n }\n },\n { capture: true },\n );\n }\n\n private isSpaceOrEnter(event: KeyboardEvent): boolean {\n switch (event.key) {\n case \" \":\n case \"Space\":\n case \"Enter\":\n return true;\n default:\n return false;\n }\n }\n\n public override click() {\n if (!this.disabled && !this.hasAttribute(\"disabled\")) {\n super.click();\n }\n }\n\n public override connectedCallback() {\n const initStyles = this.shadowRoot == null;\n super.connectedCallback();\n if (initStyles) {\n this.shadowRoot!.adoptedStyleSheets = [Button.styleSheet];\n }\n\n if (!this.hasAttribute(\"tabIndex\")) {\n this.tabIndex = 0;\n }\n\n this._image = this.shadowRoot!.querySelector(\".icon\") as HTMLImageElement;\n\n this.updateIcon();\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"button\");\n }\n }\n\n public override attributeChangedCallback(name: string, oldValue: string | null): void {\n switch (name) {\n case \"icon\": {\n this.updateIcon();\n break;\n }\n case \"variant\": {\n if (this.variant === \"selection\") {\n // Expose toggle semantics, but don't clobber an\n // aria-pressed value already managed by the consumer.\n if (!this.hasAttribute(\"aria-pressed\")) {\n this.setAttribute(\"aria-pressed\", \"false\");\n }\n } else if (oldValue?.toLowerCase() === \"selection\") {\n this.removeAttribute(\"aria-pressed\");\n }\n break;\n }\n }\n }\n\n private updateIcon() {\n if (this._image) {\n const iconSrc = this.getAttribute(\"icon\");\n if (iconSrc) {\n this._image.src = iconSrc;\n }\n }\n }\n}\nButton.ensureDefined();\n"],"mappings":"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"}
package/dist/docs/created_from_source.js CHANGED
@@ -1 +1 @@
1
- import{B as r}from"./doc.mjs";const c="./new.svg",e="./new_white.svg";function o(i){const t=document.createElement("span");t.innerText=i;const n=new r;return n.appendChild(t),n.addEventListener("click",()=>{n.primary=!n.primary,n.icon=n.primary?e:c}),n.primary=!0,n.icon=e,document.querySelector("#button-from-source-container").appendChild(n),n}o("Enabled button with icon");o("Disabled button with icon").disabled=!0;
1
+ import{n as e,t}from"./doc.mjs";e.ensureDefined();function n(n){let r=document.createElement(`span`);r.innerText=n;let i=new e;i.appendChild(r);let a=0;return i.addEventListener(`click`,()=>{a=(a+1)%t.length,i.variant=t[a],r.innerText=i.variant}),i.icon=`new.svg`,i}function r(e){e.style.padding=`2px`,e.shadowRoot?.appendChild(n(`Standard`));let t=n(`Standard disabled`);t.disabled=!0,t.style.marginLeft=`8px`,e.shadowRoot?.appendChild(t)}export{r as default};
package/dist/docs/doc.css CHANGED
@@ -1 +1 @@
1
- .markdown-body{color-scheme:light;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;color:#1f2328;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body .octicon{display:inline-block;fill:currentColor;vertical-align:text-bottom}.markdown-body h1:hover .anchor .octicon-link:before,.markdown-body h2:hover .anchor .octicon-link:before,.markdown-body h3:hover .anchor .octicon-link:before,.markdown-body h4:hover .anchor .octicon-link:before,.markdown-body h5:hover .anchor .octicon-link:before,.markdown-body h6:hover .anchor .octicon-link:before{width:16px;height:16px;content:" ";display:inline-block;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>")}.markdown-body details,.markdown-body figcaption,.markdown-body figure{display:block}.markdown-body summary{display:list-item}.markdown-body [hidden]{display:none!important}.markdown-body a{background-color:transparent;color:#0969da;text-decoration:none}.markdown-body abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.markdown-body b,.markdown-body strong{font-weight:600}.markdown-body dfn{font-style:italic}.markdown-body h1{margin:.67em 0;font-weight:600;padding-bottom:.3em;font-size:2em;border-bottom:1px solid #d1d9e0b3}.markdown-body mark{background-color:#fff8c5;color:#1f2328}.markdown-body small{font-size:90%}.markdown-body sub,.markdown-body sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body img{border-style:none;max-width:100%;box-sizing:content-box}.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp{font-family:monospace;font-size:1em}.markdown-body figure{margin:1em 2.5rem}.markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid #d1d9e0b3;height:.25em;padding:0;margin:1.5rem 0;background-color:#d1d9e0;border:0}.markdown-body input{font:inherit;margin:0;overflow:visible;font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit]{-webkit-appearance:button;appearance:button}.markdown-body [type=checkbox],.markdown-body [type=radio]{box-sizing:border-box;padding:0}.markdown-body [type=number]::-webkit-inner-spin-button,.markdown-body [type=number]::-webkit-outer-spin-button{height:auto}.markdown-body [type=search]::-webkit-search-cancel-button,.markdown-body [type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.markdown-body ::-webkit-input-placeholder{color:inherit;opacity:.54}.markdown-body ::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}.markdown-body a:hover{text-decoration:underline}.markdown-body ::placeholder{color:#59636e;opacity:1}.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{display:table;clear:both;content:""}.markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;font-variant:tabular-nums}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body a:focus,.markdown-body [role=button]:focus,.markdown-body input[type=radio]:focus,.markdown-body input[type=checkbox]:focus{outline:2px solid #0969da;outline-offset:-2px;box-shadow:none}.markdown-body a:focus:not(:focus-visible),.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible){outline:solid 1px transparent}.markdown-body a:focus-visible,.markdown-body [role=button]:focus-visible,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus-visible{outline:2px solid #0969da;outline-offset:-2px;box-shadow:none}.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible{outline-offset:0}.markdown-body kbd{display:inline-block;padding:.25rem;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;color:#1f2328;vertical-align:middle;background-color:#f6f8fa;border:solid 1px #d1d9e0b3;border-bottom-color:#d1d9e0b3;border-radius:6px;box-shadow:inset 0 -1px #d1d9e0b3}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.25}.markdown-body h2{font-weight:600;padding-bottom:.3em;font-size:1.5em;border-bottom:1px solid #d1d9e0b3}.markdown-body h3{font-weight:600;font-size:1.25em}.markdown-body h4{font-weight:600;font-size:1em}.markdown-body h5{font-weight:600;font-size:.875em}.markdown-body h6{font-weight:600;font-size:.85em;color:#59636e}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0;padding:0 1em;color:#59636e;border-left:.25em solid #d1d9e0}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body tt,.markdown-body code,.markdown-body samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;word-wrap:normal}.markdown-body .octicon{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor}.markdown-body input::-webkit-outer-spin-button,.markdown-body input::-webkit-inner-spin-button{margin:0;appearance:none}.markdown-body .mr-2{margin-right:.5rem!important}.markdown-body:before{display:table;content:""}.markdown-body:after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0!important}.markdown-body>*:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#d1242f}.markdown-body .anchor{float:left;padding-right:.25rem;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:1rem}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1f2328;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{padding:0 .2em;font-size:inherit}.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6{display:inline-block}.markdown-body summary h1 .anchor,.markdown-body summary h2 .anchor,.markdown-body summary h3 .anchor,.markdown-body summary h4 .anchor,.markdown-body summary h5 .anchor,.markdown-body summary h6 .anchor{margin-left:-40px}.markdown-body summary h1,.markdown-body summary h2{padding-bottom:0;border-bottom:0}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type="a s"]{list-style-type:lower-alpha}.markdown-body ol[type="A s"]{list-style-type:upper-alpha}.markdown-body ol[type="i s"]{list-style-type:lower-roman}.markdown-body ol[type="I s"]{list-style-type:upper-roman}.markdown-body ol[type="1"]{list-style-type:decimal}.markdown-body div>ol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:1rem}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:1rem;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 1rem;margin-bottom:1rem}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #d1d9e0}.markdown-body table td>:last-child{margin-bottom:0}.markdown-body table tr{background-color:#fff;border-top:1px solid #d1d9e0b3}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:transparent}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid #d1d9e0}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:#1f2328}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;background-color:#818b981f;border-radius:6px}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body samp{font-size:85%}.markdown-body pre code{font-size:100%}.markdown-body pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:1rem}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:1rem;overflow:auto;font-size:85%;line-height:1.45;color:#1f2328;background-color:#f6f8fa;border-radius:6px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.markdown-body .csv-data .blob-num{padding:10px .5rem 9px;text-align:right;background:#fff;border:0}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{font-weight:600;background:#f6f8fa;border-top:0}.markdown-body [data-footnote-ref]:before{content:"["}.markdown-body [data-footnote-ref]:after{content:"]"}.markdown-body .footnotes{font-size:12px;color:#59636e;border-top:1px solid #d1d9e0}.markdown-body .footnotes ol{padding-left:1rem}.markdown-body .footnotes ol ul{display:inline-block;padding-left:1rem;margin-top:1rem}.markdown-body .footnotes li{position:relative}.markdown-body .footnotes li:target:before{position:absolute;inset:-.5rem -.5rem -.5rem -1.5rem;pointer-events:none;content:"";border:2px solid #0969da;border-radius:6px}.markdown-body .footnotes li:target{color:#1f2328}.markdown-body .footnotes .data-footnote-backref g-emoji{font-family:monospace}.markdown-body body:has(:modal){padding-right:var(--dialog-scrollgutter)!important}.markdown-body .pl-c{color:#59636e}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0550ae}.markdown-body .pl-e,.markdown-body .pl-en{color:#6639ba}.markdown-body .pl-smi,.markdown-body .pl-s .pl-s1{color:#1f2328}.markdown-body .pl-ent{color:#0550ae}.markdown-body .pl-k{color:#cf222e}.markdown-body .pl-s,.markdown-body .pl-pds,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sre,.markdown-body .pl-sr .pl-sra{color:#0a3069}.markdown-body .pl-v,.markdown-body .pl-smw{color:#953800}.markdown-body .pl-bu{color:#82071e}.markdown-body .pl-ii{color:#f6f8fa;background-color:#82071e}.markdown-body .pl-c2{color:#f6f8fa;background-color:#cf222e}.markdown-body .pl-sr .pl-cce{font-weight:700;color:#116329}.markdown-body .pl-ml{color:#3b2300}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{font-weight:700;color:#0550ae}.markdown-body .pl-mi{font-style:italic;color:#1f2328}.markdown-body .pl-mb{font-weight:700;color:#1f2328}.markdown-body .pl-md{color:#82071e;background-color:#ffebe9}.markdown-body .pl-mi1{color:#116329;background-color:#dafbe1}.markdown-body .pl-mc{color:#953800;background-color:#ffd8b5}.markdown-body .pl-mi2{color:#d1d9e0;background-color:#0550ae}.markdown-body .pl-mdr{font-weight:700;color:#8250df}.markdown-body .pl-ba{color:#59636e}.markdown-body .pl-sg{color:#818b98}.markdown-body .pl-corl{text-decoration:underline;color:#0a3069}.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),.markdown-body button:focus:not(:focus-visible),.markdown-body summary:focus:not(:focus-visible),.markdown-body a:focus:not(:focus-visible){outline:none;box-shadow:none}.markdown-body [tabindex="0"]:focus:not(:focus-visible),.markdown-body details-dialog:focus:not(:focus-visible){outline:none}.markdown-body g-emoji{display:inline-block;min-width:1ch;font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1em;font-style:normal!important;font-weight:400;line-height:1;vertical-align:-.075em}.markdown-body g-emoji img{width:1em;height:1em}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item label{font-weight:400}.markdown-body .task-list-item.enabled label{cursor:pointer}.markdown-body .task-list-item+.task-list-item{margin-top:.25rem}.markdown-body .task-list-item .handle{display:none}.markdown-body .task-list-item-checkbox{margin:0 .2em .25em -1.4em;vertical-align:middle}.markdown-body ul:dir(rtl) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body ol:dir(rtl) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body .contains-task-list:hover .task-list-item-convert-container,.markdown-body .contains-task-list:focus-within .task-list-item-convert-container{display:block;width:auto;height:24px;overflow:visible;clip:auto}.markdown-body ::-webkit-calendar-picker-indicator{filter:invert(50%)}.markdown-body .markdown-alert{padding:.5rem 1rem;margin-bottom:1rem;color:inherit;border-left:.25em solid #d1d9e0}.markdown-body .markdown-alert>:first-child{margin-top:0}.markdown-body .markdown-alert>:last-child{margin-bottom:0}.markdown-body .markdown-alert .markdown-alert-title{display:flex;font-weight:500;align-items:center;line-height:1}.markdown-body .markdown-alert.markdown-alert-note{border-left-color:#0969da}.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title{color:#0969da}.markdown-body .markdown-alert.markdown-alert-important{border-left-color:#8250df}.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title{color:#8250df}.markdown-body .markdown-alert.markdown-alert-warning{border-left-color:#9a6700}.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title{color:#9a6700}.markdown-body .markdown-alert.markdown-alert-tip{border-left-color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title{color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-caution{border-left-color:#cf222e}.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title{color:#d1242f}.markdown-body>*:first-child>.heading-element:first-child{margin-top:0!important}.markdown-body .highlight pre:has(+.zeroclipboard-container){min-height:52px}
1
+ :root{--base-color-black-100:#1111111a;--base-color-black-200:#1113;--base-color-black-300:#1111114d;--base-color-black-400:#1116;--base-color-black-500:#11111180;--base-color-black-600:#1119;--base-color-black-700:#111111b3;--base-color-black-800:#111c;--base-color-black-900:#111111e6;--base-color-black-opaque:#111;--base-color-blue-100:#dff1ff;--base-color-blue-150:#d4edff;--base-color-blue-200:#c6e7ff;--base-color-blue-250:#b2deff;--base-color-blue-300:#99d4ff;--base-color-blue-350:#77c5ff;--base-color-blue-400:#4ab2ff;--base-color-blue-500:#0d98ff;--base-color-blue-600:#0a72bf;--base-color-blue-650:#07568f;--base-color-blue-700:#05406c;--base-color-blue-750:#043051;--base-color-blue-800:#03243c;--base-color-blue-850:#021b2d;--base-color-blue-900:#021422;--base-color-brown-100:#efe6dd;--base-color-brown-150:#eaddd2;--base-color-brown-200:#e3d2c3;--base-color-brown-250:#dac3ae;--base-color-brown-300:#cdaf93;--base-color-brown-350:#bd9470;--base-color-brown-400:#a77140;--base-color-brown-500:#894100;--base-color-brown-600:#673100;--base-color-brown-650:#4d2500;--base-color-brown-700:#3a1b00;--base-color-brown-750:#2b1500;--base-color-brown-800:#200f00;--base-color-brown-850:#180c00;--base-color-brown-900:#120900;--base-color-cyan-100:#ddf1f7;--base-color-cyan-150:#d2edf5;--base-color-cyan-200:#c3e7f1;--base-color-cyan-250:#aedfed;--base-color-cyan-300:#93d4e7;--base-color-cyan-350:#70c6de;--base-color-cyan-400:#40b3d3;--base-color-cyan-500:#0099c5;--base-color-cyan-600:#007394;--base-color-cyan-650:#00566f;--base-color-cyan-700:#004153;--base-color-cyan-750:#00303e;--base-color-cyan-800:#00242f;--base-color-cyan-850:#001b23;--base-color-cyan-900:#00141a;--base-color-dark-blue-100:#e0ebf6;--base-color-dark-blue-150:#d5e4f3;--base-color-dark-blue-200:#c7dbef;--base-color-dark-blue-250:#b5cfe9;--base-color-dark-blue-300:#9cbfe2;--base-color-dark-blue-350:#7ba9d8;--base-color-dark-blue-400:#4f8dcb;--base-color-dark-blue-500:#1467ba;--base-color-dark-blue-600:#0f4d8b;--base-color-dark-blue-650:#0b3a69;--base-color-dark-blue-700:#082b4e;--base-color-dark-blue-750:#06213b;--base-color-dark-blue-800:#05182c;--base-color-dark-blue-850:#041221;--base-color-dark-blue-900:#030e19;--base-color-dark-green-100:#ddf1e1;--base-color-dark-green-150:#d2ecd8;--base-color-dark-green-200:#c3e6ca;--base-color-dark-green-250:#aedeb9;--base-color-dark-green-300:#93d3a1;--base-color-dark-green-350:#70c482;--base-color-dark-green-400:#40b059;--base-color-dark-green-500:#009621;--base-color-dark-green-600:#007119;--base-color-dark-green-650:#005413;--base-color-dark-green-700:#003f0e;--base-color-dark-green-750:#002f0a;--base-color-dark-green-800:#002408;--base-color-dark-green-850:#001b06;--base-color-dark-green-900:#001404;--base-color-friendly-blue-100:#dbebff;--base-color-friendly-blue-150:#d1e5ff;--base-color-friendly-blue-200:#c2dcff;--base-color-friendly-blue-250:#add1ff;--base-color-friendly-blue-300:#70aeff;--base-color-friendly-blue-350:#70aeff;--base-color-friendly-blue-400:#3d92ff;--base-color-friendly-blue-500:#006cf8;--base-color-friendly-blue-600:#0050b8;--base-color-friendly-blue-650:#003c8a;--base-color-friendly-blue-700:#002f6b;--base-color-friendly-blue-750:#002f6b;--base-color-friendly-blue-800:#00214d;--base-color-friendly-blue-850:#001b3d;--base-color-friendly-blue-900:#00142e;--base-color-friendly-dark-blue-100:#dce6fe;--base-color-friendly-dark-blue-150:#cddcfe;--base-color-friendly-dark-blue-200:#b8cdfe;--base-color-friendly-dark-blue-250:#9fbbfe;--base-color-friendly-dark-blue-300:#80a5fe;--base-color-friendly-dark-blue-350:#5385fe;--base-color-friendly-dark-blue-400:#165afd;--base-color-friendly-dark-blue-500:#0239be;--base-color-friendly-dark-blue-600:#012d98;--base-color-friendly-dark-blue-650:#01247a;--base-color-friendly-dark-blue-700:#00123d;--base-color-friendly-dark-blue-750:#00123d;--base-color-friendly-dark-blue-800:#000e2e;--base-color-friendly-dark-blue-850:#00091f;--base-color-friendly-dark-blue-900:#00040f;--base-color-green-100:#eff6df;--base-color-green-150:#eaf3d4;--base-color-green-200:#e3efc5;--base-color-green-250:#daeab2;--base-color-green-300:#cee399;--base-color-green-350:#bdda76;--base-color-green-400:#a7cd49;--base-color-green-500:#8abd0c;--base-color-green-600:#688e09;--base-color-green-650:#4e6a07;--base-color-green-700:#3a5005;--base-color-green-750:#2c3c04;--base-color-green-800:#212d03;--base-color-green-850:#192202;--base-color-green-900:#121902;--base-color-grey-100:#f1f1f1;--base-color-grey-150:#ededed;--base-color-grey-200:#e7e7e7;--base-color-grey-250:#dfdfdf;--base-color-grey-300:#d4d4d4;--base-color-grey-350:#c6c6c6;--base-color-grey-400:#b3b3b3;--base-color-grey-500:#999;--base-color-grey-600:#737373;--base-color-grey-650:#565656;--base-color-grey-700:#414141;--base-color-grey-750:#303030;--base-color-grey-800:#242424;--base-color-grey-850:#1b1b1b;--base-color-grey-900:#141414;--base-color-grey-800op80:#242424cc;--base-color-orange-100:#ffebdf;--base-color-orange-150:#ffe5d5;--base-color-orange-200:#ffdcc7;--base-color-orange-250:#ffd0b4;--base-color-orange-300:#ffc19b;--base-color-orange-350:#ffac79;--base-color-orange-400:#ff904d;--base-color-orange-500:#ff6b11;--base-color-orange-600:#bf500d;--base-color-orange-650:#8f3c0a;--base-color-orange-700:#6c2d07;--base-color-orange-750:#512205;--base-color-orange-800:#3c1904;--base-color-orange-850:#2d1303;--base-color-orange-900:#220e02;--base-color-pink-100:#f7e0ed;--base-color-pink-150:#f5d5e7;--base-color-pink-200:#f1c8df;--base-color-pink-250:#ecb5d5;--base-color-pink-300:#e69cc6;--base-color-pink-350:#de7bb4;--base-color-pink-400:#d3509a;--base-color-pink-500:#c41579;--base-color-pink-600:#93105b;--base-color-pink-650:#6e0c44;--base-color-pink-700:#530933;--base-color-pink-750:#3e0726;--base-color-pink-800:#2e051d;--base-color-pink-850:#230416;--base-color-pink-900:#1a0310;--base-color-purple-100:#f1ddf5;--base-color-purple-150:#edd2f1;--base-color-purple-200:#e7c3ed;--base-color-purple-250:#dfaee7;--base-color-purple-300:#d493df;--base-color-purple-350:#c670d4;--base-color-purple-400:#b340c5;--base-color-purple-500:#9900b2;--base-color-purple-600:#730085;--base-color-purple-650:#560064;--base-color-purple-700:#41004b;--base-color-purple-750:#300038;--base-color-purple-800:#24002a;--base-color-purple-850:#1b0020;--base-color-purple-900:#140018;--base-color-red-100:#fbdde0;--base-color-red-150:#fad2d6;--base-color-red-200:#f8c3c9;--base-color-red-250:#f6aeb7;--base-color-red-300:#f3939e;--base-color-red-350:#ef707e;--base-color-red-400:#e94053;--base-color-red-500:#e2001a;--base-color-red-600:#a90014;--base-color-red-650:#7f000f;--base-color-red-700:#5f000b;--base-color-red-750:#470008;--base-color-red-800:#360006;--base-color-red-850:#280005;--base-color-red-900:#1e0003;--base-color-white-100:#ffffff1a;--base-color-white-200:#fff3;--base-color-white-300:#ffffff4d;--base-color-white-400:#fff6;--base-color-white-500:#ffffff80;--base-color-white-600:#fff9;--base-color-white-700:#ffffffb3;--base-color-white-800:#fffc;--base-color-white-900:#ffffffe6;--base-color-white-opaque:#fff;--base-color-yellow-100:#fff6df;--base-color-yellow-150:#fff3d5;--base-color-yellow-200:#ffefc7;--base-color-yellow-250:#ffe9b4;--base-color-yellow-300:#ffe29b;--base-color-yellow-350:#ffd979;--base-color-yellow-400:#ffcc4d;--base-color-yellow-500:#fb1;--base-color-yellow-600:#bf8c0d;--base-color-yellow-650:#8f690a;--base-color-yellow-700:#6c4f07;--base-color-yellow-750:#513b05;--base-color-yellow-800:#3c2c04;--base-color-yellow-850:#2d2103;--base-color-yellow-900:#221902;--base-corner-radius-0:0;--base-corner-radius-50:2px;--base-corner-radius-100:4px;--base-corner-radius-200:8px;--base-corner-radius-300:12px;--base-corner-radius-400:16px;--base-corner-radius-500:20px;--base-corner-radius-600:24px;--base-corner-radius-950:1000px;--base-effect-blur-l:16px;--base-effect-blur-m:8px;--base-effect-blur-s:6px;--base-effect-blur-xl:24px;--base-effect-blur-xs:4px;--base-effect-blur-xxl:32px;--base-effect-blur-xxs:2px;--base-effect-position-l:5px;--base-effect-position-l-negative:-5px;--base-effect-position-m:4px;--base-effect-position-m-negative:-4px;--base-effect-position-none:0;--base-effect-position-s:3px;--base-effect-position-s-negative:-3px;--base-effect-position-xl:6px;--base-effect-position-xl-negative:-6px;--base-effect-position-xs:2px;--base-effect-position-xs-negative:-2px;--base-effect-position-xxl:7px;--base-effect-position-xxl-negative:-7px;--base-effect-position-xxs:1px;--base-effect-position-xxs-negative:-1px;--base-effect-spread-none:0;--base-opacity-100:.1;--base-opacity-200:.2;--base-opacity-300:.3;--base-opacity-400:.4;--base-opacity-500:.5;--base-opacity-600:.6;--base-opacity-700:.7;--base-opacity-800:.8;--base-opacity-900:.9;--base-opacity-none:0;--base-opacity-opaque:1;--base-spacing-002:2px;--base-spacing-004:4px;--base-spacing-006:6px;--base-spacing-008:8px;--base-spacing-012:12px;--base-spacing-016:16px;--base-spacing-024:24px;--base-spacing-032:32px;--base-text-font-family-inter:Inter;--base-text-font-family-segoe:Segoe UI;--base-text-font-size-body:15px;--base-text-font-size-caption:12px;--base-text-font-size-description:13px;--base-text-font-size-display-large:44px;--base-text-font-size-display-medium:38px;--base-text-font-size-display-small:34px;--base-text-font-size-subtitle:18px;--base-text-font-size-title-large:28px;--base-text-font-size-title-medium:24px;--base-text-font-size-title-small:20px;--base-text-font-weight-bold:700;--base-text-font-weight-light:300;--base-text-font-weight-medium:500;--base-text-font-weight-regular:400;--base-text-font-weight-semibold:600;--base-text-line-height-body:20px;--base-text-line-height-caption:14px;--base-text-line-height-description:16px;--base-text-line-height-display-large:52px;--base-text-line-height-display-medium:46px;--base-text-line-height-display-small:40px;--base-text-line-height-subtitle:22px;--base-text-line-height-title-large:34px;--base-text-line-height-title-medium:28px;--base-text-line-height-title-small:24px;--opacity-default:var(--base-opacity-500);--opacity-stronger:var(--base-opacity-700);--opacity-strongest:var(--base-opacity-800);--opacity-weaker:var(--base-opacity-300);--opacity-weakest:var(--base-opacity-200);--radius-l:var(--base-corner-radius-300);--radius-m:var(--base-corner-radius-200);--radius-none:var(--base-corner-radius-0);--radius-round:var(--base-corner-radius-950);--radius-s:var(--base-corner-radius-100);--radius-xl:var(--base-corner-radius-400);--radius-xs:var(--base-corner-radius-50);--spacing-x1:var(--base-spacing-002);--spacing-x2:var(--base-spacing-004);--spacing-x3:var(--base-spacing-006);--spacing-x4:var(--base-spacing-008);--spacing-x6:var(--base-spacing-012);--spacing-x8:var(--base-spacing-016);--spacing-x12:var(--base-spacing-024);--spacing-x16:var(--base-spacing-032);--effect-shadow-default:var(--base-effect-position-none) var(--base-effect-position-m) var(--base-effect-blur-l) var(--base-effect-spread-none) var(--base-color-black-300);--effect-shadow-strong:var(--base-effect-position-xxs) var(--base-effect-position-m) var(--base-effect-blur-xl) var(--base-effect-spread-none) var(--base-color-black-500);--effect-shadow-weak:var(--base-effect-position-none) var(--base-effect-position-none) var(--base-effect-blur-l) var(--base-effect-spread-none) var(--base-color-black-100);--text-body:400 var(--base-text-font-size-body)/var(--base-text-line-height-body) var(--base-text-font-family-inter);--text-body-highlighted:700 var(--base-text-font-size-body)/var(--base-text-line-height-body) var(--base-text-font-family-inter);--text-body-strong:500 var(--base-text-font-size-body)/var(--base-text-line-height-body) var(--base-text-font-family-inter);--text-body-sub:300 var(--base-text-font-size-body)/var(--base-text-line-height-body) var(--base-text-font-family-inter);--text-caption:400 var(--base-text-font-size-caption)/var(--base-text-line-height-caption) var(--base-text-font-family-inter);--text-caption-strong:500 var(--base-text-font-size-caption)/var(--base-text-line-height-caption) var(--base-text-font-family-inter);--text-description:400 var(--base-text-font-size-description)/var(--base-text-line-height-description) var(--base-text-font-family-inter);--text-description-highlighted:700 var(--base-text-font-size-description)/var(--base-text-line-height-description) var(--base-text-font-family-inter);--text-description-strong:500 var(--base-text-font-size-description)/var(--base-text-line-height-description) var(--base-text-font-family-inter);--text-display-large:300 var(--base-text-font-size-display-large)/var(--base-text-line-height-display-large) var(--base-text-font-family-inter);--text-display-large-strong:500 var(--base-text-font-size-display-large)/var(--base-text-line-height-display-large) var(--base-text-font-family-inter);--text-display-medium:300 var(--base-text-font-size-display-medium)/var(--base-text-line-height-display-medium) var(--base-text-font-family-inter);--text-display-medium-strong:500 var(--base-text-font-size-display-medium)/var(--base-text-line-height-display-medium) var(--base-text-font-family-inter);--text-display-small:300 var(--base-text-font-size-display-small)/var(--base-text-line-height-display-small) var(--base-text-font-family-inter);--text-display-small-strong:500 var(--base-text-font-size-display-small)/var(--base-text-line-height-display-small) var(--base-text-font-family-inter);--text-subtitle:300 var(--base-text-font-size-subtitle)/var(--base-text-line-height-subtitle) var(--base-text-font-family-inter);--text-subtitle-strong:500 var(--base-text-font-size-subtitle)/var(--base-text-line-height-subtitle) var(--base-text-font-family-inter);--text-title-large:300 var(--base-text-font-size-title-large)/var(--base-text-line-height-title-large) var(--base-text-font-family-inter);--text-title-large-strong:500 var(--base-text-font-size-title-large)/var(--base-text-line-height-title-large) var(--base-text-font-family-inter);--text-title-medium:300 var(--base-text-font-size-title-medium)/var(--base-text-line-height-title-medium) var(--base-text-font-family-inter);--text-title-medium-strong:500 var(--base-text-font-size-title-medium)/var(--base-text-line-height-title-medium) var(--base-text-font-family-inter);--text-title-small:300 var(--base-text-font-size-title-small)/var(--base-text-line-height-title-small) var(--base-text-font-family-inter);--text-title-small-strong:500 var(--base-text-font-size-title-small)/var(--base-text-line-height-title-small) var(--base-text-font-family-inter)}body:not([sd-color-scheme]),[sd-color-scheme=light\ dark]:not(.prefers-dark),[sd-color-scheme=light]{--color-bg-accent:var(--base-color-dark-blue-500);--color-bg-action-accent-default:var(--base-color-dark-blue-500);--color-bg-action-accent-default-hover:var(--base-color-dark-blue-600);--color-bg-action-accent-default-pressed:var(--base-color-dark-blue-650);--color-bg-action-accent-weak:var(--base-color-dark-blue-100);--color-bg-action-accent-weak-hover:var(--base-color-dark-blue-150);--color-bg-action-accent-weak-pressed:var(--base-color-dark-blue-200);--color-bg-action-accent-weakest:var(--base-color-white-opaque);--color-bg-action-accent-weakest-hover:var(--base-color-dark-blue-100);--color-bg-action-accent-weakest-pressed:var(--base-color-dark-blue-200);--color-bg-action-danger-default:var(--base-color-red-100);--color-bg-action-danger-default-hover:var(--base-color-red-150);--color-bg-action-danger-default-pressed:var(--base-color-red-200);--color-bg-action-neutral-default:var(--base-color-grey-300);--color-bg-action-neutral-default-hover:var(--base-color-grey-350);--color-bg-action-neutral-default-pressed:var(--base-color-grey-400);--color-bg-action-neutral-weak:var(--base-color-grey-150);--color-bg-action-neutral-weak-hover:var(--base-color-grey-250);--color-bg-action-neutral-weak-pressed:var(--base-color-grey-300);--color-bg-action-neutral-weakest:var(--base-color-white-opaque);--color-bg-action-neutral-weakest-hover:var(--base-color-grey-150);--color-bg-action-neutral-weakest-pressed:var(--base-color-grey-250);--color-bg-assistive:var(--base-color-dark-blue-100);--color-bg-brand:var(--base-color-red-500);--color-bg-danger:var(--base-color-red-100);--color-bg-default:var(--base-color-white-opaque);--color-bg-default-translucent:var(--base-color-white-800);--color-bg-interaction-disabled:var(--base-color-grey-200);--color-bg-selection-accent-default:var(--base-color-dark-blue-500);--color-bg-selection-accent-weak:var(--base-color-dark-blue-200);--color-bg-selection-accent-weak-hover:var(--base-color-dark-blue-100);--color-bg-selection-neutral-default:var(--base-color-grey-150);--color-bg-selection-neutral-default-hover:var(--base-color-grey-250);--color-bg-selection-neutral-weakest:var(--base-color-white-opaque);--color-bg-success:var(--base-color-dark-green-100);--color-bg-warning:var(--base-color-yellow-100);--color-bg-weak:var(--base-color-grey-100);--color-bg-weaker:var(--base-color-grey-150);--color-border-accent:var(--base-color-dark-blue-500);--color-border-action-accent-default:var(--base-color-dark-blue-500);--color-border-action-accent-default-hover:var(--base-color-dark-blue-600);--color-border-action-accent-default-pressed:var(--base-color-dark-blue-650);--color-border-action-danger-default:var(--base-color-red-600);--color-border-action-danger-default-hover:var(--base-color-red-650);--color-border-action-danger-default-pressed:var(--base-color-red-700);--color-border-action-neutral-default:var(--base-color-grey-500);--color-border-action-neutral-default-hover:var(--base-color-grey-600);--color-border-action-neutral-default-pressed:var(--base-color-grey-650);--color-border-assistive-default:var(--base-color-dark-blue-200);--color-border-assistive-neutral:var(--base-color-grey-300);--color-border-assistive-strong:var(--base-color-dark-blue-500);--color-border-danger-default:var(--base-color-red-200);--color-border-danger-strong:var(--base-color-red-600);--color-border-default:var(--base-color-grey-300);--color-border-interaction-disabled:var(--base-color-grey-350);--color-border-interaction-focus:var(--base-color-black-opaque);--color-border-on-color:var(--base-color-white-opaque);--color-border-on-translucent:var(--base-color-white-100);--color-border-selection-accent-default:var(--base-color-dark-blue-500);--color-border-selection-accent-weak:var(--base-color-dark-blue-200);--color-border-selection-neutral-default:var(--base-color-grey-500);--color-border-strong:var(--base-color-grey-400);--color-border-success-default:var(--base-color-dark-green-200);--color-border-success-strong:var(--base-color-dark-green-600);--color-border-warning-default:var(--base-color-yellow-250);--color-border-warning-strong:var(--base-color-yellow-600);--color-border-weak:var(--base-color-grey-150);--color-fg-accent:var(--base-color-dark-blue-500);--color-fg-action-accent-default:var(--base-color-dark-blue-500);--color-fg-action-accent-default-hover:var(--base-color-dark-blue-600);--color-fg-action-accent-default-pressed:var(--base-color-dark-blue-650);--color-fg-action-danger-default:var(--base-color-red-600);--color-fg-action-danger-default-hover:var(--base-color-red-650);--color-fg-action-danger-default-pressed:var(--base-color-red-700);--color-fg-action-neutral-default:var(--base-color-black-opaque);--color-fg-action-neutral-default-hover:var(--base-color-black-opaque);--color-fg-action-neutral-default-pressed:var(--base-color-black-opaque);--color-fg-action-neutral-weak:var(--base-color-grey-600);--color-fg-action-neutral-weak-hover:var(--base-color-grey-650);--color-fg-action-neutral-weak-pressed:var(--base-color-grey-650);--color-fg-assistive-default:var(--base-color-dark-blue-500);--color-fg-assistive-neutral:var(--base-color-grey-600);--color-fg-danger:var(--base-color-red-600);--color-fg-default:var(--base-color-black-opaque);--color-fg-interaction-disabled:var(--base-color-grey-500);--color-fg-interaction-on-color:var(--base-color-white-opaque);--color-fg-on-color:var(--base-color-white-opaque);--color-fg-selection-accent-default:var(--base-color-dark-blue-500);--color-fg-selection-neutral-default:var(--base-color-black-opaque);--color-fg-success:var(--base-color-dark-green-600);--color-fg-warning:var(--base-color-yellow-600);--color-fg-weak:var(--base-color-grey-650);--color-fg-weaker:var(--base-color-grey-600);--color-rainbow-ai-default-gradient-end:var(--base-color-friendly-blue-500);--color-rainbow-ai-default-gradient-start:var(--base-color-friendly-dark-blue-500);--color-rainbow-ai-strong10-gradient-end:var(--base-color-friendly-blue-600);--color-rainbow-ai-strong10-gradient-start:var(--base-color-friendly-dark-blue-600);--color-rainbow-ai-strong20-gradient-end:var(--base-color-friendly-blue-650);--color-rainbow-ai-strong20-gradient-start:var(--base-color-friendly-dark-blue-650);--color-rainbow-ai-strong30-gradient-end:var(--base-color-friendly-blue-750);--color-rainbow-ai-strong30-gradient-start:var(--base-color-friendly-dark-blue-750);--color-rainbow-ai-weak10-gradient-end:var(--base-color-friendly-blue-350);--color-rainbow-ai-weak10-gradient-start:var(--base-color-friendly-dark-blue-350);--color-rainbow-ai-weak20-gradient-end:var(--base-color-friendly-blue-300);--color-rainbow-ai-weak20-gradient-start:var(--base-color-friendly-dark-blue-300);--color-rainbow-ai-weak30-gradient-end:var(--base-color-friendly-blue-200);--color-rainbow-ai-weak30-gradient-start:var(--base-color-friendly-dark-blue-200);--color-rainbow-ai-weak40-gradient-end:var(--base-color-friendly-blue-100);--color-rainbow-ai-weak40-gradient-start:var(--base-color-friendly-dark-blue-100);--color-rainbow-black:var(--base-color-black-opaque);--color-rainbow-blue-default:var(--base-color-blue-500);--color-rainbow-blue-strong10:var(--base-color-blue-600);--color-rainbow-blue-strong20:var(--base-color-blue-650);--color-rainbow-blue-strong30:var(--base-color-blue-750);--color-rainbow-blue-weak10:var(--base-color-blue-350);--color-rainbow-blue-weak20:var(--base-color-blue-300);--color-rainbow-blue-weak30:var(--base-color-blue-200);--color-rainbow-blue-weak40:var(--base-color-blue-100);--color-rainbow-brown-default:var(--base-color-brown-500);--color-rainbow-brown-strong10:var(--base-color-brown-600);--color-rainbow-brown-strong20:var(--base-color-brown-650);--color-rainbow-brown-strong30:var(--base-color-brown-750);--color-rainbow-brown-weak10:var(--base-color-brown-350);--color-rainbow-brown-weak20:var(--base-color-brown-300);--color-rainbow-brown-weak30:var(--base-color-brown-200);--color-rainbow-brown-weak40:var(--base-color-brown-100);--color-rainbow-cyan-default:var(--base-color-cyan-500);--color-rainbow-cyan-strong10:var(--base-color-cyan-600);--color-rainbow-cyan-strong20:var(--base-color-cyan-650);--color-rainbow-cyan-strong30:var(--base-color-cyan-750);--color-rainbow-cyan-weak10:var(--base-color-cyan-350);--color-rainbow-cyan-weak20:var(--base-color-cyan-300);--color-rainbow-cyan-weak30:var(--base-color-cyan-200);--color-rainbow-cyan-weak40:var(--base-color-cyan-100);--color-rainbow-dark-blue-default:var(--base-color-dark-blue-500);--color-rainbow-dark-blue-strong10:var(--base-color-dark-blue-600);--color-rainbow-dark-blue-strong20:var(--base-color-dark-blue-650);--color-rainbow-dark-blue-strong30:var(--base-color-dark-blue-750);--color-rainbow-dark-blue-weak10:var(--base-color-dark-blue-350);--color-rainbow-dark-blue-weak20:var(--base-color-dark-blue-300);--color-rainbow-dark-blue-weak30:var(--base-color-dark-blue-200);--color-rainbow-dark-blue-weak40:var(--base-color-dark-blue-100);--color-rainbow-dark-green-default:var(--base-color-dark-green-500);--color-rainbow-dark-green-strong10:var(--base-color-dark-green-600);--color-rainbow-dark-green-strong20:var(--base-color-dark-green-650);--color-rainbow-dark-green-strong30:var(--base-color-dark-green-750);--color-rainbow-dark-green-weak10:var(--base-color-dark-green-350);--color-rainbow-dark-green-weak20:var(--base-color-dark-green-300);--color-rainbow-dark-green-weak30:var(--base-color-dark-green-200);--color-rainbow-dark-green-weak40:var(--base-color-dark-green-100);--color-rainbow-green-default:var(--base-color-green-500);--color-rainbow-green-strong10:var(--base-color-green-600);--color-rainbow-green-strong20:var(--base-color-green-650);--color-rainbow-green-strong30:var(--base-color-green-750);--color-rainbow-green-weak10:var(--base-color-green-350);--color-rainbow-green-weak20:var(--base-color-green-300);--color-rainbow-green-weak30:var(--base-color-green-200);--color-rainbow-green-weak40:var(--base-color-green-100);--color-rainbow-grey-default:var(--base-color-grey-500);--color-rainbow-grey-strong10:var(--base-color-grey-600);--color-rainbow-grey-strong20:var(--base-color-grey-650);--color-rainbow-grey-strong30:var(--base-color-grey-750);--color-rainbow-grey-weak10:var(--base-color-grey-350);--color-rainbow-grey-weak20:var(--base-color-grey-300);--color-rainbow-grey-weak30:var(--base-color-grey-200);--color-rainbow-grey-weak40:var(--base-color-grey-100);--color-rainbow-mono-strong:var(--base-color-black-opaque);--color-rainbow-mono-weak:var(--base-color-white-opaque);--color-rainbow-orange-default:var(--base-color-orange-500);--color-rainbow-orange-strong10:var(--base-color-orange-600);--color-rainbow-orange-strong20:var(--base-color-orange-650);--color-rainbow-orange-strong30:var(--base-color-orange-750);--color-rainbow-orange-weak10:var(--base-color-orange-350);--color-rainbow-orange-weak20:var(--base-color-orange-300);--color-rainbow-orange-weak30:var(--base-color-orange-200);--color-rainbow-orange-weak40:var(--base-color-orange-100);--color-rainbow-pink-default:var(--base-color-pink-500);--color-rainbow-pink-strong10:var(--base-color-pink-600);--color-rainbow-pink-strong20:var(--base-color-pink-650);--color-rainbow-pink-strong30:var(--base-color-pink-750);--color-rainbow-pink-weak10:var(--base-color-pink-350);--color-rainbow-pink-weak20:var(--base-color-pink-300);--color-rainbow-pink-weak30:var(--base-color-pink-200);--color-rainbow-pink-weak40:var(--base-color-pink-100);--color-rainbow-purple-default:var(--base-color-purple-500);--color-rainbow-purple-strong10:var(--base-color-purple-600);--color-rainbow-purple-strong20:var(--base-color-purple-650);--color-rainbow-purple-strong30:var(--base-color-purple-750);--color-rainbow-purple-weak10:var(--base-color-purple-350);--color-rainbow-purple-weak20:var(--base-color-purple-300);--color-rainbow-purple-weak30:var(--base-color-purple-200);--color-rainbow-purple-weak40:var(--base-color-purple-100);--color-rainbow-red-default:var(--base-color-red-500);--color-rainbow-red-strong10:var(--base-color-red-600);--color-rainbow-red-strong20:var(--base-color-red-650);--color-rainbow-red-strong30:var(--base-color-red-750);--color-rainbow-red-weak10:var(--base-color-red-350);--color-rainbow-red-weak20:var(--base-color-red-300);--color-rainbow-red-weak30:var(--base-color-red-200);--color-rainbow-red-weak40:var(--base-color-red-100);--color-rainbow-white:var(--base-color-white-opaque);--color-rainbow-yellow-default:var(--base-color-yellow-500);--color-rainbow-yellow-strong10:var(--base-color-yellow-600);--color-rainbow-yellow-strong20:var(--base-color-yellow-650);--color-rainbow-yellow-strong30:var(--base-color-yellow-750);--color-rainbow-yellow-weak10:var(--base-color-yellow-350);--color-rainbow-yellow-weak20:var(--base-color-yellow-300);--color-rainbow-yellow-weak30:var(--base-color-yellow-200);--color-rainbow-yellow-weak40:var(--base-color-yellow-100);--color-rainbow-ai-default:linear-gradient(90deg, var(--color-rainbow-ai-default-gradient-start) 0%, var(--color-rainbow-ai-default-gradient-end) 100%);--color-rainbow-ai-strong10:linear-gradient(90deg, var(--color-rainbow-ai-strong10-gradient-start) 0%, var(--color-rainbow-ai-strong10-gradient-end) 100%);--color-rainbow-ai-strong20:linear-gradient(90deg, var(--color-rainbow-ai-strong20-gradient-start) 0%, var(--color-rainbow-ai-strong20-gradient-end) 100%);--color-rainbow-ai-strong30:linear-gradient(90deg, var(--color-rainbow-ai-strong30-gradient-start) 0%, var(--color-rainbow-ai-strong30-gradient-end) 100%);--color-rainbow-ai-weak10:linear-gradient(90deg, var(--color-rainbow-ai-weak10-gradient-start) 0%, var(--color-rainbow-ai-weak10-gradient-end) 100%);--color-rainbow-ai-weak20:linear-gradient(270deg, var(--color-rainbow-ai-weak20-gradient-start) 0%, var(--color-rainbow-ai-weak20-gradient-end) 100%);--color-rainbow-ai-weak30:linear-gradient(270deg, var(--color-rainbow-ai-weak30-gradient-start) 0%, var(--color-rainbow-ai-weak30-gradient-end) 100%);--color-rainbow-ai-weak40:linear-gradient(270deg, var(--color-rainbow-ai-weak40-gradient-start) 0%, var(--color-rainbow-ai-weak40-gradient-end) 100%)}[sd-color-scheme=light\ dark].prefers-dark,[sd-color-scheme=dark]{--color-bg-accent:var(--base-color-blue-500);--color-bg-action-accent-default:var(--base-color-blue-500);--color-bg-action-accent-default-hover:var(--base-color-blue-600);--color-bg-action-accent-default-pressed:var(--base-color-blue-650);--color-bg-action-accent-weak:var(--base-color-blue-850);--color-bg-action-accent-weak-hover:var(--base-color-blue-800);--color-bg-action-accent-weak-pressed:var(--base-color-blue-750);--color-bg-action-accent-weakest:var(--base-color-grey-800);--color-bg-action-accent-weakest-hover:var(--base-color-dark-blue-750);--color-bg-action-accent-weakest-pressed:var(--base-color-dark-blue-800);--color-bg-action-danger-default:var(--base-color-red-800);--color-bg-action-danger-default-hover:var(--base-color-red-750);--color-bg-action-danger-default-pressed:var(--base-color-red-700);--color-bg-action-neutral-default:var(--base-color-grey-700);--color-bg-action-neutral-default-hover:var(--base-color-grey-650);--color-bg-action-neutral-default-pressed:var(--base-color-grey-600);--color-bg-action-neutral-weak:var(--base-color-grey-700);--color-bg-action-neutral-weak-hover:var(--base-color-grey-650);--color-bg-action-neutral-weak-pressed:var(--base-color-grey-600);--color-bg-action-neutral-weakest:var(--base-color-grey-800);--color-bg-action-neutral-weakest-hover:var(--base-color-grey-700);--color-bg-action-neutral-weakest-pressed:var(--base-color-grey-750);--color-bg-assistive:var(--base-color-blue-750);--color-bg-brand:var(--base-color-grey-700);--color-bg-danger:var(--base-color-red-800);--color-bg-default:var(--base-color-grey-800);--color-bg-default-translucent:var(--base-color-grey-800op80);--color-bg-interaction-disabled:var(--base-color-grey-850);--color-bg-selection-accent-default:var(--base-color-blue-500);--color-bg-selection-accent-weak:var(--base-color-blue-800);--color-bg-selection-accent-weak-hover:var(--base-color-blue-850);--color-bg-selection-neutral-default:var(--base-color-grey-700);--color-bg-selection-neutral-default-hover:var(--base-color-grey-750);--color-bg-selection-neutral-weakest:var(--base-color-grey-800);--color-bg-success:var(--base-color-dark-green-750);--color-bg-warning:var(--base-color-yellow-800);--color-bg-weak:var(--base-color-grey-900);--color-bg-weaker:var(--base-color-black-opaque);--color-border-accent:var(--base-color-blue-500);--color-border-action-accent-default:var(--base-color-blue-500);--color-border-action-accent-default-hover:var(--base-color-blue-600);--color-border-action-accent-default-pressed:var(--base-color-blue-650);--color-border-action-danger-default:var(--base-color-red-400);--color-border-action-danger-default-hover:var(--base-color-red-500);--color-border-action-danger-default-pressed:var(--base-color-red-600);--color-border-action-neutral-default:var(--base-color-grey-500);--color-border-action-neutral-default-hover:var(--base-color-grey-400);--color-border-action-neutral-default-pressed:var(--base-color-grey-350);--color-border-assistive-default:var(--base-color-blue-700);--color-border-assistive-neutral:var(--base-color-grey-700);--color-border-assistive-strong:var(--base-color-blue-500);--color-border-danger-default:var(--base-color-red-750);--color-border-danger-strong:var(--base-color-red-400);--color-border-default:var(--base-color-grey-650);--color-border-interaction-disabled:var(--base-color-grey-650);--color-border-interaction-focus:var(--base-color-white-opaque);--color-border-on-color:var(--base-color-black-opaque);--color-border-on-translucent:var(--base-color-grey-750);--color-border-selection-accent-default:var(--base-color-blue-500);--color-border-selection-accent-weak:var(--base-color-blue-750);--color-border-selection-neutral-default:var(--base-color-grey-500);--color-border-strong:var(--base-color-grey-500);--color-border-success-default:var(--base-color-dark-green-700);--color-border-success-strong:var(--base-color-dark-green-400);--color-border-warning-default:var(--base-color-yellow-750);--color-border-warning-strong:var(--base-color-yellow-400);--color-border-weak:var(--base-color-grey-750);--color-fg-accent:var(--base-color-blue-500);--color-fg-action-accent-default:var(--base-color-blue-500);--color-fg-action-accent-default-hover:var(--base-color-blue-600);--color-fg-action-accent-default-pressed:var(--base-color-blue-700);--color-fg-action-danger-default:var(--base-color-red-400);--color-fg-action-danger-default-hover:var(--base-color-red-500);--color-fg-action-danger-default-pressed:var(--base-color-red-600);--color-fg-action-neutral-default:var(--base-color-white-opaque);--color-fg-action-neutral-default-hover:var(--base-color-white-opaque);--color-fg-action-neutral-default-pressed:var(--base-color-white-opaque);--color-fg-action-neutral-weak:var(--base-color-grey-400);--color-fg-action-neutral-weak-hover:var(--base-color-grey-350);--color-fg-action-neutral-weak-pressed:var(--base-color-grey-250);--color-fg-assistive-default:var(--base-color-blue-500);--color-fg-assistive-neutral:var(--base-color-grey-400);--color-fg-danger:var(--base-color-red-400);--color-fg-default:var(--base-color-white-opaque);--color-fg-interaction-disabled:var(--base-color-grey-500);--color-fg-interaction-on-color:var(--base-color-black-opaque);--color-fg-on-color:var(--base-color-black-opaque);--color-fg-selection-accent-default:var(--base-color-blue-500);--color-fg-selection-neutral-default:var(--base-color-white-opaque);--color-fg-success:var(--base-color-dark-green-400);--color-fg-warning:var(--base-color-yellow-400);--color-fg-weak:var(--base-color-grey-250);--color-fg-weaker:var(--base-color-grey-300);--color-rainbow-ai-default-gradient-end:var(--base-color-friendly-blue-500);--color-rainbow-ai-default-gradient-start:var(--base-color-blue-500);--color-rainbow-ai-strong10-gradient-end:var(--base-color-friendly-blue-400);--color-rainbow-ai-strong10-gradient-start:var(--base-color-blue-400);--color-rainbow-ai-strong20-gradient-end:var(--base-color-friendly-blue-350);--color-rainbow-ai-strong20-gradient-start:var(--base-color-blue-350);--color-rainbow-ai-strong30-gradient-end:var(--base-color-friendly-blue-200);--color-rainbow-ai-strong30-gradient-start:var(--base-color-blue-200);--color-rainbow-ai-weak10-gradient-end:var(--base-color-friendly-blue-650);--color-rainbow-ai-weak10-gradient-start:var(--base-color-blue-650);--color-rainbow-ai-weak20-gradient-end:var(--base-color-friendly-blue-700);--color-rainbow-ai-weak20-gradient-start:var(--base-color-blue-700);--color-rainbow-ai-weak30-gradient-end:var(--base-color-friendly-blue-750);--color-rainbow-ai-weak30-gradient-start:var(--base-color-blue-800);--color-rainbow-ai-weak40-gradient-end:var(--base-color-friendly-blue-800);--color-rainbow-ai-weak40-gradient-start:var(--base-color-blue-850);--color-rainbow-black:var(--base-color-black-opaque);--color-rainbow-blue-default:var(--base-color-blue-500);--color-rainbow-blue-strong10:var(--base-color-blue-400);--color-rainbow-blue-strong20:var(--base-color-blue-350);--color-rainbow-blue-strong30:var(--base-color-blue-200);--color-rainbow-blue-weak10:var(--base-color-blue-650);--color-rainbow-blue-weak20:var(--base-color-blue-700);--color-rainbow-blue-weak30:var(--base-color-blue-750);--color-rainbow-blue-weak40:var(--base-color-blue-800);--color-rainbow-brown-default:var(--base-color-brown-500);--color-rainbow-brown-strong10:var(--base-color-brown-400);--color-rainbow-brown-strong20:var(--base-color-brown-350);--color-rainbow-brown-strong30:var(--base-color-brown-200);--color-rainbow-brown-weak10:var(--base-color-brown-650);--color-rainbow-brown-weak20:var(--base-color-brown-700);--color-rainbow-brown-weak30:var(--base-color-brown-750);--color-rainbow-brown-weak40:var(--base-color-brown-800);--color-rainbow-cyan-default:var(--base-color-cyan-500);--color-rainbow-cyan-strong10:var(--base-color-cyan-400);--color-rainbow-cyan-strong20:var(--base-color-cyan-350);--color-rainbow-cyan-strong30:var(--base-color-cyan-200);--color-rainbow-cyan-weak10:var(--base-color-cyan-650);--color-rainbow-cyan-weak20:var(--base-color-cyan-700);--color-rainbow-cyan-weak30:var(--base-color-cyan-750);--color-rainbow-cyan-weak40:var(--base-color-cyan-800);--color-rainbow-dark-blue-default:var(--base-color-dark-blue-500);--color-rainbow-dark-blue-strong10:var(--base-color-dark-blue-400);--color-rainbow-dark-blue-strong20:var(--base-color-dark-blue-350);--color-rainbow-dark-blue-strong30:var(--base-color-dark-blue-200);--color-rainbow-dark-blue-weak10:var(--base-color-dark-blue-650);--color-rainbow-dark-blue-weak20:var(--base-color-dark-blue-700);--color-rainbow-dark-blue-weak30:var(--base-color-dark-blue-750);--color-rainbow-dark-blue-weak40:var(--base-color-dark-blue-800);--color-rainbow-dark-green-default:var(--base-color-dark-green-500);--color-rainbow-dark-green-strong10:var(--base-color-dark-green-400);--color-rainbow-dark-green-strong20:var(--base-color-dark-green-350);--color-rainbow-dark-green-strong30:var(--base-color-dark-green-200);--color-rainbow-dark-green-weak10:var(--base-color-dark-green-650);--color-rainbow-dark-green-weak20:var(--base-color-dark-green-700);--color-rainbow-dark-green-weak30:var(--base-color-dark-green-750);--color-rainbow-dark-green-weak40:var(--base-color-dark-green-800);--color-rainbow-green-default:var(--base-color-green-500);--color-rainbow-green-strong10:var(--base-color-green-400);--color-rainbow-green-strong20:var(--base-color-green-350);--color-rainbow-green-strong30:var(--base-color-green-200);--color-rainbow-green-weak10:var(--base-color-green-650);--color-rainbow-green-weak20:var(--base-color-green-700);--color-rainbow-green-weak30:var(--base-color-green-750);--color-rainbow-green-weak40:var(--base-color-green-800);--color-rainbow-grey-default:var(--base-color-grey-500);--color-rainbow-grey-strong10:var(--base-color-grey-400);--color-rainbow-grey-strong20:var(--base-color-grey-350);--color-rainbow-grey-strong30:var(--base-color-grey-200);--color-rainbow-grey-weak10:var(--base-color-grey-650);--color-rainbow-grey-weak20:var(--base-color-grey-700);--color-rainbow-grey-weak30:var(--base-color-grey-750);--color-rainbow-grey-weak40:var(--base-color-grey-800);--color-rainbow-mono-strong:var(--base-color-white-opaque);--color-rainbow-mono-weak:var(--base-color-grey-800);--color-rainbow-orange-default:var(--base-color-orange-500);--color-rainbow-orange-strong10:var(--base-color-orange-400);--color-rainbow-orange-strong20:var(--base-color-orange-350);--color-rainbow-orange-strong30:var(--base-color-orange-200);--color-rainbow-orange-weak10:var(--base-color-orange-650);--color-rainbow-orange-weak20:var(--base-color-orange-700);--color-rainbow-orange-weak30:var(--base-color-orange-750);--color-rainbow-orange-weak40:var(--base-color-orange-800);--color-rainbow-pink-default:var(--base-color-pink-500);--color-rainbow-pink-strong10:var(--base-color-pink-400);--color-rainbow-pink-strong20:var(--base-color-pink-350);--color-rainbow-pink-strong30:var(--base-color-pink-200);--color-rainbow-pink-weak10:var(--base-color-pink-650);--color-rainbow-pink-weak20:var(--base-color-pink-700);--color-rainbow-pink-weak30:var(--base-color-pink-750);--color-rainbow-pink-weak40:var(--base-color-pink-800);--color-rainbow-purple-default:var(--base-color-purple-500);--color-rainbow-purple-strong10:var(--base-color-purple-400);--color-rainbow-purple-strong20:var(--base-color-purple-350);--color-rainbow-purple-strong30:var(--base-color-purple-200);--color-rainbow-purple-weak10:var(--base-color-purple-650);--color-rainbow-purple-weak20:var(--base-color-purple-650);--color-rainbow-purple-weak30:var(--base-color-purple-750);--color-rainbow-purple-weak40:var(--base-color-purple-800);--color-rainbow-red-default:var(--base-color-red-500);--color-rainbow-red-strong10:var(--base-color-red-400);--color-rainbow-red-strong20:var(--base-color-red-350);--color-rainbow-red-strong30:var(--base-color-red-200);--color-rainbow-red-weak10:var(--base-color-red-650);--color-rainbow-red-weak20:var(--base-color-red-700);--color-rainbow-red-weak30:var(--base-color-red-750);--color-rainbow-red-weak40:var(--base-color-red-800);--color-rainbow-white:var(--base-color-white-opaque);--color-rainbow-yellow-default:var(--base-color-yellow-500);--color-rainbow-yellow-strong10:var(--base-color-yellow-400);--color-rainbow-yellow-strong20:var(--base-color-yellow-350);--color-rainbow-yellow-strong30:var(--base-color-yellow-200);--color-rainbow-yellow-weak10:var(--base-color-yellow-650);--color-rainbow-yellow-weak20:var(--base-color-yellow-700);--color-rainbow-yellow-weak30:var(--base-color-yellow-750);--color-rainbow-yellow-weak40:var(--base-color-yellow-800);--color-rainbow-ai-default:linear-gradient(90deg, var(--color-rainbow-ai-default-gradient-start) 0%, var(--color-rainbow-ai-default-gradient-end) 100%);--color-rainbow-ai-strong10:linear-gradient(90deg, var(--color-rainbow-ai-strong10-gradient-start) 0%, var(--color-rainbow-ai-strong10-gradient-end) 100%);--color-rainbow-ai-strong20:linear-gradient(90deg, var(--color-rainbow-ai-strong20-gradient-start) 0%, var(--color-rainbow-ai-strong20-gradient-end) 100%);--color-rainbow-ai-strong30:linear-gradient(90deg, var(--color-rainbow-ai-strong30-gradient-start) 0%, var(--color-rainbow-ai-strong30-gradient-end) 100%);--color-rainbow-ai-weak10:linear-gradient(90deg, var(--color-rainbow-ai-weak10-gradient-start) 0%, var(--color-rainbow-ai-weak10-gradient-end) 100%);--color-rainbow-ai-weak20:linear-gradient(270deg, var(--color-rainbow-ai-weak20-gradient-start) 0%, var(--color-rainbow-ai-weak20-gradient-end) 100%);--color-rainbow-ai-weak30:linear-gradient(270deg, var(--color-rainbow-ai-weak30-gradient-start) 0%, var(--color-rainbow-ai-weak30-gradient-end) 100%);--color-rainbow-ai-weak40:linear-gradient(270deg, var(--color-rainbow-ai-weak40-gradient-start) 0%, var(--color-rainbow-ai-weak40-gradient-end) 100%)}.markdown-body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#1f2328;word-wrap:break-word;background-color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;font-weight:400;line-height:1.5}.markdown-body a{text-underline-offset:.2rem;text-decoration:underline}.markdown-body .octicon{fill:currentColor;vertical-align:text-bottom;display:inline-block}.markdown-body h1:hover .anchor .octicon-link:before,.markdown-body h2:hover .anchor .octicon-link:before,.markdown-body h3:hover .anchor .octicon-link:before,.markdown-body h4:hover .anchor .octicon-link:before,.markdown-body h5:hover .anchor .octicon-link:before,.markdown-body h6:hover .anchor .octicon-link:before{content:" ";background-color:currentColor;width:16px;height:16px;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>")}.markdown-body details,.markdown-body figcaption,.markdown-body figure{display:block}.markdown-body summary{display:list-item}.markdown-body [hidden]{display:none!important}.markdown-body a{color:#0969da;background-color:#0000;text-decoration:none}.markdown-body abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.markdown-body b,.markdown-body strong{font-weight:600}.markdown-body dfn{font-style:italic}.markdown-body h1{border-bottom:1px solid #d1d9e0b3;margin:.67em 0;padding-bottom:.3em;font-size:2em;font-weight:600}.markdown-body mark{color:#1f2328;background-color:#fff8c5}.markdown-body small{font-size:90%}.markdown-body sub,.markdown-body sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body img{box-sizing:content-box;border-style:none;max-width:100%}.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp{font-family:monospace;font-size:1em}.markdown-body figure{margin:1em 2.5rem}.markdown-body hr{box-sizing:content-box;background:#d1d9e0;border:0;height:.25em;margin:1.5rem 0;padding:0;overflow:hidden}.markdown-body input{font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible}.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit]{appearance:button}.markdown-body [type=checkbox],.markdown-body [type=radio]{box-sizing:border-box;padding:0}.markdown-body [type=number]::-webkit-inner-spin-button{height:auto}.markdown-body [type=number]::-webkit-outer-spin-button{height:auto}.markdown-body [type=search]::-webkit-search-cancel-button{appearance:none}.markdown-body [type=search]::-webkit-search-decoration{appearance:none}.markdown-body ::-webkit-input-placeholder{color:inherit;opacity:.54}.markdown-body ::-webkit-file-upload-button{appearance:button;font:inherit}.markdown-body a:hover{text-decoration:underline}.markdown-body ::placeholder{color:#59636e;opacity:1}.markdown-body hr:before{content:"";display:table}.markdown-body hr:after{clear:both;content:"";display:table}.markdown-body table{border-spacing:0;border-collapse:collapse;font-variant:tabular-nums;width:max-content;max-width:100%;display:block;overflow:auto}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body a:focus,.markdown-body [role=button]:focus,.markdown-body input[type=radio]:focus,.markdown-body input[type=checkbox]:focus{outline:2px solid var(--borderColor-accent-emphasis);outline-offset:-2px;box-shadow:none}.markdown-body a:focus:not(:focus-visible),.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible){outline:1px solid #0000}.markdown-body a:focus-visible,.markdown-body [role=button]:focus-visible,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus-visible{outline:2px solid var(--borderColor-accent-emphasis);outline-offset:-2px;box-shadow:none}.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible{outline-offset:0}.markdown-body kbd{color:#1f2328;vertical-align:middle;border:solid 1px var(--borderColor-muted);border-bottom-color:var(--borderColor-muted);box-shadow:inset 0 -1px 0 var(--borderColor-muted);background-color:#f6f8fa;border-radius:6px;padding:.25rem;font:11px/10px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;display:inline-block}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.25}.markdown-body h2{border-bottom:1px solid #d1d9e0b3;padding-bottom:.3em;font-size:1.5em;font-weight:600}.markdown-body h3{font-size:1.25em;font-weight:600}.markdown-body h4{font-size:1em;font-weight:600}.markdown-body h5{font-size:.875em;font-weight:600}.markdown-body h6{color:#59636e;font-size:.85em;font-weight:600}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{color:#59636e;border-left:.25em solid #d1d9e0;margin:0;padding:0 1em}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body tt,.markdown-body code,.markdown-body samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-body pre{word-wrap:normal;margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-body .octicon{vertical-align:text-bottom;fill:currentColor;display:inline-block;overflow:visible!important}.markdown-body input::-webkit-outer-spin-button{appearance:none;margin:0}.markdown-body input::-webkit-inner-spin-button{appearance:none;margin:0}.markdown-body .mr-2{margin-right:.5rem!important}.markdown-body:before{content:"";display:table}.markdown-body:after{clear:both;content:"";display:table}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#d1242f}.markdown-body .anchor{float:left;margin-left:-20px;padding-right:.25rem;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:1rem}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1f2328;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{font-size:inherit;padding:0 .2em}.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6{display:inline-block}.markdown-body summary h1 .anchor,.markdown-body summary h2 .anchor,.markdown-body summary h3 .anchor,.markdown-body summary h4 .anchor,.markdown-body summary h5 .anchor,.markdown-body summary h6 .anchor{margin-left:-40px}.markdown-body summary h1,.markdown-body summary h2{border-bottom:0;padding-bottom:0}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type=a\ s]{list-style-type:lower-alpha}.markdown-body ol[type=A\ s]{list-style-type:upper-alpha}.markdown-body ol[type=i\ s]{list-style-type:lower-roman}.markdown-body ol[type=I\ s]{list-style-type:upper-roman}.markdown-body ol[type="1"],.markdown-body div>ol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:1rem}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{margin-top:1rem;padding:0;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{margin-bottom:1rem;padding:0 1rem}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{border:1px solid #d1d9e0;padding:6px 13px}.markdown-body table td>:last-child{margin-bottom:0}.markdown-body table tr{background-color:#fff;border-top:1px solid #d1d9e0b3}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:#0000}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{vertical-align:text-top;background-color:#0000;max-width:none}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{float:left;border:1px solid #d1d9e0;width:auto;margin:13px 0 0;padding:7px;display:block;overflow:hidden}.markdown-body span.frame span img{float:left;display:block}.markdown-body span.frame span span{clear:both;color:#1f2328;padding:5px 0 0;display:block}.markdown-body span.align-center{clear:both;display:block;overflow:hidden}.markdown-body span.align-center>span{text-align:center;margin:13px auto 0;display:block;overflow:hidden}.markdown-body span.align-center span img{text-align:center;margin:0 auto}.markdown-body span.align-right{clear:both;display:block;overflow:hidden}.markdown-body span.align-right>span{text-align:right;margin:13px 0 0;display:block;overflow:hidden}.markdown-body span.align-right span img{text-align:right;margin:0}.markdown-body span.float-left{float:left;margin-right:13px;display:block;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{float:right;margin-left:13px;display:block;overflow:hidden}.markdown-body span.float-right>span{text-align:right;margin:13px auto 0;display:block;overflow:hidden}.markdown-body code,.markdown-body tt{white-space:break-spaces;background-color:#818b981f;border-radius:6px;margin:0;padding:.2em .4em;font-size:85%}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{-webkit-text-decoration:inherit;text-decoration:inherit}.markdown-body samp{font-size:85%}.markdown-body pre code{font-size:100%}.markdown-body pre>code{word-break:normal;white-space:pre;background:0 0;border:0;margin:0;padding:0}.markdown-body .highlight{margin-bottom:1rem}.markdown-body .highlight pre{word-break:normal;margin-bottom:0}.markdown-body .highlight pre,.markdown-body pre{color:#1f2328;background-color:#f6f8fa;border-radius:6px;padding:1rem;font-size:85%;line-height:1.45;overflow:auto}.markdown-body pre code,.markdown-body pre tt{line-height:inherit;word-wrap:normal;background-color:#0000;border:0;margin:0;padding:0;display:inline;overflow:visible}.markdown-body .csv-data td,.markdown-body .csv-data th{text-align:left;white-space:nowrap;padding:5px;font-size:12px;line-height:1;overflow:hidden}.markdown-body .csv-data .blob-num{text-align:right;background:#fff;border:0;padding:10px .5rem 9px}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{background:#f6f8fa;border-top:0;font-weight:600}.markdown-body [data-footnote-ref]:before{content:"["}.markdown-body [data-footnote-ref]:after{content:"]"}.markdown-body .footnotes{color:#59636e;border-top:1px solid #d1d9e0;font-size:12px}.markdown-body .footnotes ol{padding-left:1rem}.markdown-body .footnotes ol ul{margin-top:1rem;padding-left:1rem;display:inline-block}.markdown-body .footnotes li{position:relative}.markdown-body .footnotes li:target:before{pointer-events:none;content:"";border:2px solid #0969da;border-radius:6px;position:absolute;inset:-.5rem -.5rem -.5rem -1.5rem}.markdown-body .footnotes li:target{color:#1f2328}.markdown-body .footnotes .data-footnote-backref g-emoji{font-family:monospace}.markdown-body .pl-c{color:#59636e}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0550ae}.markdown-body .pl-e,.markdown-body .pl-en{color:#6639ba}.markdown-body .pl-smi,.markdown-body .pl-s .pl-s1{color:#1f2328}.markdown-body .pl-ent{color:#0550ae}.markdown-body .pl-k{color:#cf222e}.markdown-body .pl-s,.markdown-body .pl-pds,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sre,.markdown-body .pl-sr .pl-sra{color:#0a3069}.markdown-body .pl-v,.markdown-body .pl-smw{color:#953800}.markdown-body .pl-bu{color:#82071e}.markdown-body .pl-ii{color:var(--fgColor-danger);background-color:var(--bgColor-danger-muted)}.markdown-body .pl-c2{color:#f6f8fa;background-color:#cf222e}.markdown-body .pl-sr .pl-cce{color:#116329;font-weight:700}.markdown-body .pl-ml{color:#3b2300}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{color:#0550ae;font-weight:700}.markdown-body .pl-mi{color:#1f2328;font-style:italic}.markdown-body .pl-mb{color:#1f2328;font-weight:700}.markdown-body .pl-md{color:#82071e;background-color:#ffebe9}.markdown-body .pl-mi1{color:#116329;background-color:#dafbe1}.markdown-body .pl-mc{color:#953800;background-color:#ffd8b5}.markdown-body .pl-mi2{color:#d1d9e0;background-color:#0550ae}.markdown-body .pl-mdr{color:#8250df;font-weight:700}.markdown-body .pl-ba{color:#59636e}.markdown-body .pl-sg{color:#818b98}.markdown-body .pl-corl{color:#0a3069;text-decoration:underline}.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),.markdown-body button:focus:not(:focus-visible),.markdown-body summary:focus:not(:focus-visible),.markdown-body a:focus:not(:focus-visible){box-shadow:none;outline:none}.markdown-body [tabindex="0"]:focus:not(:focus-visible),.markdown-body details-dialog:focus:not(:focus-visible){outline:none}.markdown-body g-emoji{vertical-align:-.075em;min-width:1ch;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1em;font-weight:400;line-height:1;display:inline-block;font-style:normal!important}.markdown-body g-emoji img{width:1em;height:1em}.markdown-body a:has(>p,>div,>pre,>blockquote){display:block}.markdown-body a:has(>p,>div,>pre,>blockquote):not(:has(.snippet-clipboard-content,>pre)){width:fit-content}.markdown-body a:has(>p,>div,>pre,>blockquote):has(.snippet-clipboard-content,>pre):focus-visible{outline:2px solid var(--borderColor-accent-emphasis);outline-offset:2px}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item label{font-weight:400}.markdown-body .task-list-item.enabled label{cursor:pointer}.markdown-body .task-list-item+.task-list-item{margin-top:.25rem}.markdown-body .task-list-item .handle{display:none}.markdown-body .task-list-item-checkbox{vertical-align:middle;margin:0 .2em .25em -1.4em}.markdown-body ul:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .task-list-item-checkbox,.markdown-body ol:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body .contains-task-list:hover .task-list-item-convert-container,.markdown-body .contains-task-list:focus-within .task-list-item-convert-container{clip-path:none;width:auto;height:24px;display:block;overflow:visible}.markdown-body ::-webkit-calendar-picker-indicator{filter:invert(50%)}.markdown-body .markdown-alert{color:inherit;border-left:.25em solid #d1d9e0;margin-bottom:1rem;padding:.5rem 1rem}.markdown-body .markdown-alert>:first-child{margin-top:0}.markdown-body .markdown-alert>:last-child{margin-bottom:0}.markdown-body .markdown-alert .markdown-alert-title{align-items:center;font-weight:500;line-height:1;display:flex}.markdown-body .markdown-alert.markdown-alert-note{border-left-color:#0969da}.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title{color:#0969da}.markdown-body .markdown-alert.markdown-alert-important{border-left-color:#8250df}.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title{color:#8250df}.markdown-body .markdown-alert.markdown-alert-warning{border-left-color:#9a6700}.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title{color:#9a6700}.markdown-body .markdown-alert.markdown-alert-tip{border-left-color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title{color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-caution{border-left-color:#cf222e}.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title{color:#d1242f}.markdown-body>:first-child>.heading-element:first-child{margin-top:0!important}.markdown-body .highlight pre:has(+.zeroclipboard-container){min-height:52px}