@cas-smartdesign/button 6.0.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 (16) hide show
  1. package/dist/button.d.ts +8 -4
  2. package/dist/button.d.ts.map +1 -1
  3. package/dist/button.mjs +44 -15
  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 +387 -166
  8. package/dist/docs/index.html +1 -4
  9. package/dist/docs/new.svg +2 -5
  10. package/npm-third-party-licenses.json +11 -1
  11. package/package.json +13 -3
  12. package/readme.md +77 -3
  13. package/scss/_button.scss +85 -0
  14. package/scss/_config.scss +158 -0
  15. package/dist/docs/declarative_with_source.js +0 -1
  16. package/dist/docs/new_white.svg +0 -6
package/dist/button.d.ts CHANGED
@@ -1,19 +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
12
  static ensureDefined: () => void;
13
+ static styleSheet: CSSStyleSheet;
10
14
  private _image?;
11
15
  private _isSpaceOrEnterKeyDown;
12
- get imageElement(): HTMLImageElement | undefined;
16
+ get imageElement(): ImageEmbed | HTMLImageElement | undefined;
13
17
  get icon(): string | undefined | null;
14
18
  set icon(icon: string | undefined | null);
15
- get primary(): boolean;
16
- set primary(primary: boolean);
19
+ get variant(): ButtonVariant;
20
+ set variant(value: ButtonVariant | (string & {}) | null);
17
21
  get disabled(): boolean;
18
22
  set disabled(disabled: boolean);
19
23
  static get observedAttributes(): string[];
@@ -23,7 +27,7 @@ export declare class Button extends ElementBase {
23
27
  private isSpaceOrEnter;
24
28
  click(): void;
25
29
  connectedCallback(): void;
26
- attributeChangedCallback(): void;
30
+ attributeChangedCallback(name: string, oldValue: string | null): void;
27
31
  private updateIcon;
28
32
  }
29
33
  //# sourceMappingURL=button.d.ts.map
package/dist/button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAI5D,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;KACvB;CACJ;AAED,qBAAa,MAAO,SAAQ,WAAW;IACnC,gBAAuB,EAAE,eAAe;IACxC,OAAc,aAAa,aAIzB;IAEF,OAAO,CAAC,MAAM,CAAC,CAAmB;IAClC,OAAO,CAAC,sBAAsB,CAAS;IAEvC,IAAW,YAAY,iCAEtB;IAED,IAAW,IAAI,IAAI,MAAM,GAAG,SAAS,GAAG,IAAI,CAE3C;IAED,IAAW,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EAS9C;IAED,IAAW,OAAO,IAAI,OAAO,CAE5B;IAED,IAAW,OAAO,CAAC,OAAO,EAAE,OAAO,EAMlC;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;IAejB,wBAAwB,IAAI,IAAI;IAIhD,OAAO,CAAC,UAAU;CAQrB"}
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,14 +1,34 @@
1
1
  import { ElementBase as e } from "@cas-smartdesign/element-base";
2
+ import { ImageEmbed as t } from "@cas-smartdesign/image-embed";
2
3
  //#region button.html?raw
3
- var t = "<style>\n :host {\n contain: content;\n background: rgba(20, 103, 186, 0);\n color: #1467ba;\n border: none;\n outline: none;\n padding: 0 8px;\n height: 32px;\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n vertical-align: middle;\n border-radius: var(--sd-button-border-radius, 0px);\n }\n\n :host(:focus),\n :host(:not([disabled], [aria-disabled=\"true\"]):hover) {\n background: rgba(20, 103, 186, 0.1);\n }\n\n @media (forced-colors: active) {\n :host(:not([disabled], [aria-disabled=\"true\"]):focus-visible) {\n outline: 1px solid;\n }\n :host {\n margin: 1px;\n }\n }\n\n :host(:not([disabled], [aria-disabled=\"true\"]):focus-visible) {\n box-shadow: 0 0 0 1px #1467ba inset;\n }\n\n :host(:not([disabled], [aria-disabled=\"true\"]):active) {\n background: rgba(20, 103, 186, 0.2);\n }\n\n :host([primary]) {\n background: #1467ba;\n color: #fff;\n }\n\n :host([primary]:focus),\n :host(:not([disabled], [aria-disabled=\"true\"])[primary]:hover) {\n background: #125da8;\n }\n\n :host([primary]:focus-visible) {\n box-shadow: 0 0 0 1px white inset;\n }\n\n :host(:not([disabled], [aria-disabled=\"true\"])[primary]:focus-visible) {\n outline: 1px solid #1467ba;\n }\n\n :host(:not([disabled], [aria-disabled=\"true\"])[primary]:active) {\n background: #0e4883;\n }\n\n :host([disabled]),\n :host([aria-disabled=\"true\"]) {\n filter: grayscale(100%);\n opacity: 0.5;\n cursor: default;\n }\n\n :host([disabled]:focus-visible),\n :host([aria-disabled=\"true\"]:focus-visible) {\n outline: 1px dashed #111;\n }\n\n .icon:not([src]),\n .icon[src=\"\"],\n .icon[src=\"data:,\"] {\n display: none;\n }\n\n .content {\n display: flex;\n align-items: center;\n min-width: 0px;\n }\n\n .content ::slotted(*) {\n margin-left: var(--sd-button-content-padding, 8px);\n }\n\n .content ::slotted(*:last-child) {\n margin-right: var(--sd-button-content-padding, 8px);\n }\n\n .icon {\n max-height: var(--sd-button-max-icon-size, 32px);\n max-width: var(--sd-button-max-icon-size, 32px);\n }\n</style>\n<slot name=\"icon\">\n <img class=\"icon\" src=\"data:,\" alt part=\"icon\" />\n</slot>\n<div class=\"content\">\n <slot></slot>\n</div>\n", n = class n extends e {
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 {
4
18
  static {
5
19
  this.ID = "sd-button";
6
20
  }
7
21
  static {
8
22
  this.ensureDefined = () => {
9
- customElements.get(n.ID) || customElements.define(n.ID, n);
23
+ customElements.get(i.ID) || (customElements.define(i.ID, i), t.ensureDefined());
10
24
  };
11
25
  }
26
+ static {
27
+ this.styleSheet = new CSSStyleSheet();
28
+ }
29
+ static {
30
+ this.styleSheet.replaceSync(r);
31
+ }
12
32
  get imageElement() {
13
33
  return this._image;
14
34
  }
@@ -18,11 +38,12 @@ var t = "<style>\n :host {\n contain: content;\n background: rgba(20, 103, 186
18
38
  set icon(e) {
19
39
  this.icon !== e && (e ? this.setAttribute("icon", e) : this.removeAttribute("icon"), this.updateIcon());
20
40
  }
21
- get primary() {
22
- return this.hasAttribute("primary");
41
+ get variant() {
42
+ let e = this.getAttribute("variant");
43
+ return o(e) ? e : a;
23
44
  }
24
- set primary(e) {
25
- e ? this.setAttribute("primary", "") : this.removeAttribute("primary");
45
+ set variant(e) {
46
+ this.setAttribute("variant", o(e) ? e : a);
26
47
  }
27
48
  get disabled() {
28
49
  return this.getAttribute("aria-disabled") == "true";
@@ -31,14 +52,14 @@ var t = "<style>\n :host {\n contain: content;\n background: rgba(20, 103, 186
31
52
  this.setAttribute("aria-disabled", e.toString());
32
53
  }
33
54
  static get observedAttributes() {
34
- return ["icon"];
55
+ return ["icon", "variant"];
35
56
  }
36
57
  is() {
37
- return n.ID;
58
+ return i.ID;
38
59
  }
39
60
  template() {
40
61
  let e = document.createElement("template");
41
- return e.innerHTML = t, e;
62
+ return e.innerHTML = n, e;
42
63
  }
43
64
  constructor() {
44
65
  super(), this._isSpaceOrEnterKeyDown = !1, this.addEventListener("keydown", (e) => {
@@ -68,10 +89,18 @@ var t = "<style>\n :host {\n contain: content;\n background: rgba(20, 103, 186
68
89
  !this.disabled && !this.hasAttribute("disabled") && super.click();
69
90
  }
70
91
  connectedCallback() {
71
- super.connectedCallback(), this.hasAttribute("tabIndex") || (this.tabIndex = 0), this._image = this.shadowRoot.querySelector(".icon"), this.updateIcon(), this.hasAttribute("role") || this.setAttribute("role", "button");
72
- }
73
- attributeChangedCallback() {
74
- this.updateIcon();
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
+ }
75
104
  }
76
105
  updateIcon() {
77
106
  if (this._image) {
@@ -80,8 +109,8 @@ var t = "<style>\n :host {\n contain: content;\n background: rgba(20, 103, 186
80
109
  }
81
110
  }
82
111
  };
83
- n.ensureDefined();
112
+ s.ensureDefined();
84
113
  //#endregion
85
- export { n as Button };
114
+ export { i as BUTTON_VARIANTS, s as Button };
86
115
 
87
116
  //# sourceMappingURL=button.mjs.map
package/dist/button.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.mjs","names":[],"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 public static ensureDefined = () => {\n if (!customElements.get(Button.ID)) {\n customElements.define(Button.ID, Button);\n }\n };\n\n private _image?: 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 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 override click() {\n if (!this.disabled && !this.hasAttribute(\"disabled\")) {\n super.click();\n }\n }\n\n public override 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 override 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}\nButton.ensureDefined();\n"],"mappings":";;AAAA,IAAA,IAAe,quECUF,IAAb,MAAa,UAAe,EAAY;;YACR;;;6BACQ;AAChC,GAAK,eAAe,IAAI,EAAO,GAAG,IAC9B,eAAe,OAAO,EAAO,IAAI,EAAO;;;CAOhD,IAAW,eAAe;AACtB,SAAO,KAAK;;CAGhB,IAAW,OAAkC;AACzC,SAAO,KAAK,aAAa,OAAO;;CAGpC,IAAW,KAAK,GAAiC;AAC7C,EAAI,KAAK,SAAS,MACV,IACA,KAAK,aAAa,QAAQ,EAAK,GAE/B,KAAK,gBAAgB,OAAO,EAEhC,KAAK,YAAY;;CAIzB,IAAW,UAAmB;AAC1B,SAAO,KAAK,aAAa,UAAU;;CAGvC,IAAW,QAAQ,GAAkB;AACjC,EAAI,IACA,KAAK,aAAa,WAAW,GAAG,GAEhC,KAAK,gBAAgB,UAAU;;CAIvC,IAAW,WAAoB;AAC3B,SAAO,KAAK,aAAa,gBAAgB,IAAI;;CAGjD,IAAW,SAAS,GAAmB;AACnC,OAAK,aAAa,iBAAiB,EAAS,UAAU,CAAC;;CAG3D,WAAW,qBAAqB;AAC5B,SAAO,CAAC,OAAO;;CAGnB,KAAoB;AAChB,SAAO,EAAO;;CAGlB,WAA0C;EACtC,IAAM,IAAW,SAAS,cAAc,WAAW;AAEnD,SADA,EAAS,YAAY,GACd;;CAGX,cAAc;AAeV,EAdA,OAAO,gCAxDsB,IAyD7B,KAAK,iBAAiB,YAAY,MAAM;AACpC,GAAI,KAAK,eAAe,EAAE,KACtB,KAAK,yBAAyB,IAC9B,EAAE,gBAAgB;IAExB,EACF,KAAK,iBAAiB,UAAU,MAAM;AAClC,GAAI,KAAK,eAAe,EAAE,IAAI,KAAK,0BAA0B,MACzD,KAAK,yBAAyB,IAC9B,KAAK,OAAO;IAElB,EAEF,KAAK,iBACD,UACC,MAAU;AACP,OAAI,KAAK,YAAY,KAAK,aAAa,WAAW,EAAE;AAChD,MAAM,0BAA0B;AAChC;;GAGJ,IAAM,IAAO,KAAK,aAAa,OAAO,EAAE,aAAa,EAAE,MAAM;AAE7D,OAAI,MAAS,YAAY,MAAS,QAC9B;GAGJ,IAAM,IAAO,KAAK,QAAQ,OAAO;AAMjC,GAJI,KAAQ,MAAS,YACjB,EAAK,eAAe,EAGpB,KAAQ,MAAS,WACjB,EAAK,OAAO;KAGpB,EAAE,SAAS,IAAM,CACpB;;CAGL,eAAuB,GAA+B;AAClD,UAAQ,EAAM,KAAd;GACI,KAAK;GACL,KAAK;GACL,KAAK,QACD,QAAO;GACX,QACI,QAAO;;;CAInB,QAAwB;AACpB,EAAI,CAAC,KAAK,YAAY,CAAC,KAAK,aAAa,WAAW,IAChD,MAAM,OAAO;;CAIrB,oBAAoC;AAUhC,EATA,MAAM,mBAAmB,EAEpB,KAAK,aAAa,WAAW,KAC9B,KAAK,WAAW,IAGpB,KAAK,SAAS,KAAK,WAAY,cAAc,QAAQ,EAErD,KAAK,YAAY,EACZ,KAAK,aAAa,OAAO,IAC1B,KAAK,aAAa,QAAQ,SAAS;;CAI3C,2BAAiD;AAC7C,OAAK,YAAY;;CAGrB,aAAqB;AACjB,MAAI,KAAK,QAAQ;GACb,IAAM,IAAU,KAAK,aAAa,OAAO;AACzC,GAAI,MACA,KAAK,OAAO,MAAM;;;;AAKlC,EAAO,eAAe"}
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":";;;AAAA,IAAA,IAAe,0zOEqBF,IAAmC;CAC5C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACH,EACK,IAAwC;AAC9C,SAAS,EAAgB,GAA8C;AACnE,QAAO,EAAgB,SAAS,EAAuB;;AAG3D,IAAa,IAAb,MAAa,UAAe,EAAY;;YACR;;;6BACQ;AAChC,GAAK,eAAe,IAAI,EAAO,GAAG,KAC9B,eAAe,OAAO,EAAO,IAAI,EAAO,EACxC,EAAW,eAAe;;;;oBAId,IAAI,eAAe;;CAEvC;AACI,OAAK,WAAW,YAAY,EAAO;;CAMvC,IAAW,eAAe;AACtB,SAAO,KAAK;;CAGhB,IAAW,OAAkC;AACzC,SAAO,KAAK,aAAa,OAAO;;CAGpC,IAAW,KAAK,GAAiC;AAC7C,EAAI,KAAK,SAAS,MACV,IACA,KAAK,aAAa,QAAQ,EAAK,GAE/B,KAAK,gBAAgB,OAAO,EAEhC,KAAK,YAAY;;CAIzB,IAAI,UAAyB;EACzB,IAAM,IAAO,KAAK,aAAa,UAAU;AACzC,SAAO,EAAgB,EAAK,GAAG,IAAO;;CAG1C,IAAI,QAAQ,GAA6C;AACrD,OAAK,aAAa,WAAW,EAAgB,EAAM,GAAG,IAAQ,EAAuB;;CAGzF,IAAW,WAAoB;AAC3B,SAAO,KAAK,aAAa,gBAAgB,IAAI;;CAGjD,IAAW,SAAS,GAAmB;AACnC,OAAK,aAAa,iBAAiB,EAAS,UAAU,CAAC;;CAG3D,WAAW,qBAAqB;AAC5B,SAAO,CAAC,QAAQ,UAAU;;CAG9B,KAAoB;AAChB,SAAO,EAAO;;CAGlB,WAA0C;EACtC,IAAM,IAAW,SAAS,cAAc,WAAW;AAEnD,SADA,EAAS,YAAY,GACd;;CAGX,cAAc;AAeV,EAdA,OAAO,gCArDsB,IAsD7B,KAAK,iBAAiB,YAAY,MAAM;AACpC,GAAI,KAAK,eAAe,EAAE,KACtB,KAAK,yBAAyB,IAC9B,EAAE,gBAAgB;IAExB,EACF,KAAK,iBAAiB,UAAU,MAAM;AAClC,GAAI,KAAK,eAAe,EAAE,IAAI,KAAK,0BAA0B,MACzD,KAAK,yBAAyB,IAC9B,KAAK,OAAO;IAElB,EAEF,KAAK,iBACD,UACC,MAAU;AACP,OAAI,KAAK,YAAY,KAAK,aAAa,WAAW,EAAE;AAChD,MAAM,0BAA0B;AAChC;;GAGJ,IAAM,IAAO,KAAK,aAAa,OAAO,EAAE,aAAa,EAAE,MAAM;AAE7D,OAAI,MAAS,YAAY,MAAS,QAC9B;GAGJ,IAAM,IAAO,KAAK,QAAQ,OAAO;AAMjC,GAJI,KAAQ,MAAS,YACjB,EAAK,eAAe,EAGpB,KAAQ,MAAS,WACjB,EAAK,OAAO;KAGpB,EAAE,SAAS,IAAM,CACpB;;CAGL,eAAuB,GAA+B;AAClD,UAAQ,EAAM,KAAd;GACI,KAAK;GACL,KAAK;GACL,KAAK,QACD,QAAO;GACX,QACI,QAAO;;;CAInB,QAAwB;AACpB,EAAI,CAAC,KAAK,YAAY,CAAC,KAAK,aAAa,WAAW,IAChD,MAAM,OAAO;;CAIrB,oBAAoC;EAChC,IAAM,IAAa,KAAK,cAAc;AAatC,EAZA,MAAM,mBAAmB,EACrB,MACA,KAAK,WAAY,qBAAqB,CAAC,EAAO,WAAW,GAGxD,KAAK,aAAa,WAAW,KAC9B,KAAK,WAAW,IAGpB,KAAK,SAAS,KAAK,WAAY,cAAc,QAAQ,EAErD,KAAK,YAAY,EACZ,KAAK,aAAa,OAAO,IAC1B,KAAK,aAAa,QAAQ,SAAS;;CAI3C,yBAAyC,GAAc,GAA+B;AAClF,UAAQ,GAAR;GACI,KAAK;AACD,SAAK,YAAY;AACjB;GAEJ,KAAK;AACD,IAAI,KAAK,YAAY,cAGZ,KAAK,aAAa,eAAe,IAClC,KAAK,aAAa,gBAAgB,QAAQ,GAEvC,GAAU,aAAa,KAAK,eACnC,KAAK,gBAAgB,eAAe;AAExC;;;CAKZ,aAAqB;AACjB,MAAI,KAAK,QAAQ;GACb,IAAM,IAAU,KAAK,aAAa,OAAO;AACzC,GAAI,MACA,KAAK,OAAO,MAAM;;;;AAKlC,EAAO,eAAe"}
package/dist/docs/created_from_source.js CHANGED
@@ -1 +1 @@
1
- import{t as e}from"./doc.mjs";var t=`./new.svg`,n=`./new_white.svg`;function r(r){let i=document.createElement(`span`);i.innerText=r;let a=new e;return a.appendChild(i),a.addEventListener(`click`,()=>{a.primary=!a.primary,a.icon=a.primary?n:t}),a.primary=!0,a.icon=n,document.querySelector(`#button-from-source-container`).appendChild(a),a}r(`Enabled button with icon`),r(`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{--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}
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}