@spw-ds/spw-stencil-library 0.0.1

package/dist/collection/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.js

@@ -0,0 +1,83 @@
+import { Host, h } from "@stencil/core";
+export class SpwBreadcrumbItem {
+    constructor() {
+        this.href = '';
+        this.surface = 'light';
+    }
+    surfaceChanged() {
+        this.updateSurfaceClass();
+    }
+    componentWillLoad() {
+        this.getSurfaceFromParent();
+    }
+    getSurfaceFromParent() {
+        let parent = this.el.parentElement;
+        while (parent) {
+            if (parent.tagName.toLowerCase() === 'spw-breadcrumb') {
+                this.surface = parent.getAttribute('surface');
+                this.updateSurfaceClass();
+                break;
+            }
+            if (parent.shadowRoot) {
+                parent = parent.shadowRoot.host;
+            }
+            else {
+                parent = parent.parentElement;
+            }
+        }
+    }
+    updateSurfaceClass() {
+        this.el.classList.remove('spw-breadcrumb-item--light', 'spw-breadcrumb-item--dark');
+        this.el.classList.add(`spw-breadcrumb-item--${this.surface}`);
+    }
+    render() {
+        return (h(Host, { key: '3419cfd4160ec76a7248f4b75da50930d99c7701' }, h("li", { key: 'fbf8a68953e1b174a8b17041eeb6d41cae3ff336', class: `spw-breadcrumb-item spw-breadcrumb-item--${this.surface}` }, this.href ? (h("spw-link", { href: this.href, surface: this.surface }, h("slot", null))) : (h("span", { class: "spw-breadcrumb-item__text", "aria-current": "page" }, h("slot", null))))));
+    }
+    static get is() { return "spw-breadcrumb-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-breadcrumb-item.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-breadcrumb-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Permet de d\u00E9finir un lien sur l'\u00E9l\u00E9ment du breadcrumb"
+                },
+                "attribute": "href",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "surface": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "surface",
+                "methodName": "surfaceChanged"
+            }];
+    }
+}
+//# sourceMappingURL=spw-breadcrumb-item.js.map

package/dist/collection/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spw-breadcrumb-item.js","sourceRoot":"","sources":["../../../../src/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOhF,MAAM,OAAO,iBAAiB;;oBAIJ,EAAE;uBAEW,OAAO;;IAG5C,cAAc;QACZ,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAEO,oBAAoB;QAC1B,IAAI,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;QACnC,OAAO,MAAM,EAAE,CAAC;YACd,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAC;gBACtD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,SAAS,CAAqB,CAAC;gBAClE,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC1B,MAAM;YACR,CAAC;YAED,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;gBACtB,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,IAAmB,CAAC;YACjD,CAAC;iBAAM,CAAC;gBACN,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC;YAChC,CAAC;QACH,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,4BAA4B,EAAE,2BAA2B,CAAC,CAAC;QACpF,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,wBAAwB,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IAChE,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,2DAAI,KAAK,EAAE,4CAA4C,IAAI,CAAC,OAAO,EAAE,IAClE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;gBAC9C,eAAa,CACJ,CACZ,CAAC,CAAC,CAAC,CACF,YAAM,KAAK,EAAC,2BAA2B,kBAAc,MAAM;gBACzD,eAAa,CACR,CACR,CACE,CACA,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, State, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-breadcrumb-item',\n  styleUrl: 'spw-breadcrumb-item.scss',\n  shadow: true,\n})\nexport class SpwBreadcrumbItem {\n  @Element() el: HTMLSpwBreadcrumbItemElement;\n\n  /** Permet de définir un lien sur l'élément du breadcrumb */\n  @Prop() href?: string = '';\n\n  @State() surface: 'light' | 'dark' = 'light';\n\n  @Watch('surface')\n  surfaceChanged() {\n    this.updateSurfaceClass();\n  }\n\n  componentWillLoad() {\n    this.getSurfaceFromParent();\n  }\n\n  private getSurfaceFromParent() {\n    let parent = this.el.parentElement;\n    while (parent) {\n      if (parent.tagName.toLowerCase() === 'spw-breadcrumb') {\n        this.surface = parent.getAttribute('surface') as 'light' | 'dark';\n        this.updateSurfaceClass();\n        break;\n      }\n\n      if (parent.shadowRoot) {\n        parent = parent.shadowRoot.host as HTMLElement;\n      } else {\n        parent = parent.parentElement;\n      }\n    }\n  }\n\n  private updateSurfaceClass() {\n    this.el.classList.remove('spw-breadcrumb-item--light', 'spw-breadcrumb-item--dark');\n    this.el.classList.add(`spw-breadcrumb-item--${this.surface}`);\n  }\n\n  render() {\n    return (\n      <Host>\n        <li class={`spw-breadcrumb-item spw-breadcrumb-item--${this.surface}`}>\n          {this.href ? (\n            <spw-link href={this.href} surface={this.surface}>\n              <slot></slot>\n            </spw-link>\n          ) : (\n            <span class=\"spw-breadcrumb-item__text\" aria-current=\"page\">\n              <slot></slot>\n            </span>\n          )}\n        </li>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/spw-breadcrumb/spw-breadcrumb.css

@@ -0,0 +1,2 @@
+
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1220px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-breadcrumb{font-size:16px;max-width:100%;width:100%}.spw-breadcrumb__list{display:flex;list-style:none;margin:0;max-width:100%;padding:0;width:100%}@media (min-width:1024px){.spw-breadcrumb--multiline .spw-breadcrumb__list{display:block}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:last-child){display:block;margin-top:12px}}::slotted(spw-breadcrumb-item){display:none;margin-right:16px;padding-left:20px;position:relative}::slotted(spw-breadcrumb-item):after{content:"\f060";font-family:Font Awesome\ 6 Free;font-size:14px;font-weight:700;left:0;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:1024px){::slotted(spw-breadcrumb-item):after{content:"\f054";font-size:12px;left:auto;right:0;transform:translateY(-50%)}::slotted(spw-breadcrumb-item){display:inline-block;padding-left:0;padding-right:20px}}::slotted(spw-breadcrumb-item:last-child){-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;display:none;flex:1;margin-right:0;overflow:hidden;padding-right:0;text-overflow:ellipsis}::slotted(spw-breadcrumb-item:last-child):after{display:none}@media (min-width:1024px){::slotted(spw-breadcrumb-item:last-child){display:-webkit-box}}.spw-breadcrumb:not(.spw-breadcrumb--multiline):not(.spw-breadcrumb--one-line) ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:-webkit-box!important}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item){display:none}@media (min-width:1024px){.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item){display:inline-block}}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child){display:-webkit-box!important;overflow:initial}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child):after{display:block}@media (min-width:1024px){.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child):after{display:none}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child){display:inline-block}}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item){display:none}@media (min-width:1024px){.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item){display:inline-block}}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:-webkit-box!important;overflow:initial}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)):after{display:block}@media (min-width:1024px){.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:inline-block!important}}::slotted(.hidden-item){display:none}::slotted(.collapsed-item){font-size:0;position:relative}::slotted(.collapsed-item):before{color:var(--spw-color-themes-grey-grey-500);content:"\f141";font-family:Font Awesome\ 6 Free;font-size:16px;font-weight:700}.spw-breadcrumb--surface-light ::slotted(spw-breadcrumb-item):after{color:var(--spw-ds-primary);opacity:1}@media (min-width:1024px){.spw-breadcrumb--surface-light ::slotted(spw-breadcrumb-item):after{color:var(--spw-color-themes-grey-grey-600)}}.spw-breadcrumb--surface-dark{color:var(--spw-ds-white)!important}.spw-breadcrumb--surface-dark ::slotted(spw-breadcrumb-item):after{color:var(--spw-ds-white);opacity:.7}.spw-breadcrumb--surface-dark ::slotted(.collapsed-item):before{color:var(--spw-ds-white);opacity:.7}

package/dist/collection/components/spw-breadcrumb/spw-breadcrumb.js

@@ -0,0 +1,97 @@
+import { Host, h } from "@stencil/core";
+export class SpwBreadcrumb {
+    constructor() {
+        /** Permet de limiter le breadcrumb à x éléments visibles */
+        this.maxItems = 9999;
+        this.variant = 'default';
+        this.surface = 'light';
+    }
+    componentDidLoad() {
+        this.updateBreadcrumbVisibility();
+    }
+    componentDidUpdate() {
+        this.updateBreadcrumbVisibility();
+    }
+    updateBreadcrumbVisibility() {
+        const items = this.host.querySelectorAll('spw-breadcrumb-item');
+        const totalItems = items.length;
+        items.forEach(item => {
+            item.classList.remove('hidden-item', 'collapsed-item');
+        });
+        if (totalItems > this.maxItems) {
+            const visibleAtStart = this.maxItems - 1;
+            items.forEach((item, index) => {
+                if (index >= visibleAtStart && index < totalItems - 1) {
+                    if (index === totalItems - 2) {
+                        item.classList.add('collapsed-item');
+                    }
+                    else {
+                        item.classList.add('hidden-item');
+                    }
+                }
+            });
+        }
+    }
+    render() {
+        const elementClass = {
+            'spw-breadcrumb': true,
+            [`spw-breadcrumb--surface-${this.surface}`]: true,
+            [`spw-breadcrumb--${this.variant}`]: true,
+        };
+        return (h(Host, { key: 'd925d2237678ae45058398dc06ed5f5b0e7ec20c' }, h("nav", { key: '3f488018409942abdab9c297cb6ceea522768f0d', "aria-label": "breadcrumb", class: elementClass }, h("ol", { key: '83d66d21e544eb2676929ab7e6163ad21bb9452f', class: "spw-breadcrumb__list" }, h("slot", { key: '5531fedbd8e3032444e4c2403b284663d274dff6' })))));
+    }
+    static get is() { return "spw-breadcrumb"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-breadcrumb.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-breadcrumb.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'multiline' | 'one-line' | 'default'",
+                    "resolved": "\"default\" | \"multiline\" | \"one-line\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Permet de s\u00E9lectionner la variante de breadcrumb"
+                },
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "surface": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'light' | 'dark'",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Permet de choisir la surface d'arri\u00E8re-plan du breadcrumb"
+                },
+                "attribute": "surface",
+                "reflect": false,
+                "defaultValue": "'light'"
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=spw-breadcrumb.js.map

package/dist/collection/components/spw-breadcrumb/spw-breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spw-breadcrumb.js","sourceRoot":"","sources":["../../../src/components/spw-breadcrumb/spw-breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,aAAa;;QACxB,4DAA4D;QAC5D,aAAQ,GAAY,IAAI,CAAC;uBAE+B,SAAS;uBAE5B,OAAO;;IAG5C,gBAAgB;QACd,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IAEO,0BAA0B;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;QAChE,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;QAEhC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;QAEH,IAAI,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC/B,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;YAEzC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC5B,IAAI,KAAK,IAAI,cAAc,IAAI,KAAK,GAAG,UAAU,GAAG,CAAC,EAAE,CAAC;oBACtD,IAAI,KAAK,KAAK,UAAU,GAAG,CAAC,EAAE,CAAC;wBAC7B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;oBACvC,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;oBACpC,CAAC;gBACH,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,YAAY,GAAG;YACnB,gBAAgB,EAAE,IAAI;YACtB,CAAC,2BAA2B,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;YACjD,CAAC,mBAAmB,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;SAC1C,CAAC;QAEF,OAAO,CACL,EAAC,IAAI;YACH,0EAAgB,YAAY,EAAC,KAAK,EAAE,YAAY;gBAC9C,2DAAI,KAAK,EAAC,sBAAsB;oBAC9B,8DAAa,CACV,CACD,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-breadcrumb',\n  styleUrl: 'spw-breadcrumb.scss',\n  shadow: true,\n})\nexport class SpwBreadcrumb {\n  /** Permet de limiter le breadcrumb à x éléments visibles */\n  maxItems?: number = 9999;\n  /** Permet de sélectionner la variante de breadcrumb */\n  @Prop() variant: 'multiline' | 'one-line' | 'default' = 'default';\n  /** Permet de choisir la surface d'arrière-plan du breadcrumb */\n  @Prop() surface?: 'light' | 'dark' = 'light';\n  @Element() host: HTMLSpwBreadcrumbElement;\n\n  componentDidLoad() {\n    this.updateBreadcrumbVisibility();\n  }\n\n  componentDidUpdate() {\n    this.updateBreadcrumbVisibility();\n  }\n\n  private updateBreadcrumbVisibility() {\n    const items = this.host.querySelectorAll('spw-breadcrumb-item');\n    const totalItems = items.length;\n\n    items.forEach(item => {\n      item.classList.remove('hidden-item', 'collapsed-item');\n    });\n\n    if (totalItems > this.maxItems) {\n      const visibleAtStart = this.maxItems - 1;\n\n      items.forEach((item, index) => {\n        if (index >= visibleAtStart && index < totalItems - 1) {\n          if (index === totalItems - 2) {\n            item.classList.add('collapsed-item');\n          } else {\n            item.classList.add('hidden-item');\n          }\n        }\n      });\n    }\n  }\n\n  render() {\n    const elementClass = {\n      'spw-breadcrumb': true,\n      [`spw-breadcrumb--surface-${this.surface}`]: true,\n      [`spw-breadcrumb--${this.variant}`]: true,\n    };\n\n    return (\n      <Host>\n        <nav aria-label=\"breadcrumb\" class={elementClass}>\n          <ol class=\"spw-breadcrumb__list\">\n            <slot></slot>\n          </ol>\n        </nav>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/spw-button/spw-button.css

@@ -0,0 +1,2 @@
+
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-button-font-size-small:14px;--spw-button-font-size-medium:16px;--spw-button-font-size-large:18px;--spw-button-px-small:16px;--spw-button-px-medium:20px;--spw-button-px-large:24px;--spw-button-py-small:8px;--spw-button-py-medium:12px;--spw-button-py-large:16px;box-sizing:border-box;display:inline-block;font-size:100%;line-height:1.3;vertical-align:top}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1220px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-button{border:2px solid transparent;border-radius:9999px;cursor:pointer;display:block;font-weight:700;letter-spacing:.18px;line-height:1;outline:3px solid transparent;overflow:hidden;transition:all .1s ease-in;width:100%}.spw-button--fullwidth{width:100%!important}.spw-button--fullwidth-mobile{width:100%}@media (min-width:768px){.spw-button--fullwidth-mobile{width:auto}}.spw-button:focus-visible{outline:3px solid var(--spw-ds-focus)}.spw-button__inner{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.spw-button:is(a){text-decoration:none}.spw-button--primary{background:var(--spw-ds-primary);color:var(--spw-ds-white)}.spw-button--primary:not([disabled]):hover{background:var(--spw-ds-variant)}.spw-button--primary:not([disabled]):active{background:var(--spw-ds-active)}.spw-button--secondary{background:var(--spw-color-themes-grey-grey-200);color:var(--spw-color-themes-grey-grey-900)}.spw-button--secondary:not([disabled]):hover{background:var(--spw-color-themes-grey-grey-300)}.spw-button--secondary:not([disabled]):active{background:var(--spw-color-themes-grey-grey-400)}.spw-button--tertiary{background:none;border-radius:4px;color:var(--spw-ds-primary);transition:none}.spw-button--tertiary:not([disabled]):active,.spw-button--tertiary:not([disabled]):hover{text-decoration:underline}.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-active)}.spw-button--primary[disabled],.spw-button--secondary[disabled]{background:var(--spw-color-themes-grey-grey-100)}.spw-button--tertiary[disabled]{background:none}.spw-button--primary[disabled],.spw-button--secondary[disabled],.spw-button--tertiary[disabled]{border-color:none;color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-button--surface-dark{box-shadow:var(--spw-effect-elevation-8)}.spw-button--surface-dark:not([disabled]):active{box-shadow:var(--spw-effect-elevation-active-0),var(--spw-effect-elevation-active-1),var(--spw-effect-elevation-active-2)}.spw-button--surface-dark[disabled]{box-shadow:none}.spw-button--surface-dark.spw-button--primary{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--primary:not([disabled]):hover{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):active{background:transparent;border-color:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-dark.spw-button--primary[disabled]{background:var(--spw-colors-support-grey-grey-700);border-color:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--secondary{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):hover{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-400);border-color:var(--spw-colors-support-grey-grey-400);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--secondary[disabled]{background:var(--spw-colors-support-grey-grey-700);border-color:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active,.spw-button--surface-dark.spw-button--tertiary:not([disabled]):hover{box-shadow:none}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-700)}.spw-button--surface-light.spw-button--primary[disabled]{background:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-light.spw-button--secondary{background:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--secondary:not([disabled]):hover{background:var(--spw-colors-support-grey-grey-300)}.spw-button--surface-light.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary[disabled]{background:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-light.spw-button--tertiary{color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-light.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-600)}.spw-button--large{font-size:var(--spw-button-font-size-large);padding:var(--spw-button-py-large) var(--spw-button-px-large)}.spw-button--large .spw-button__inner{gap:12px}.spw-button--medium{font-size:var(--spw-button-font-size-medium);padding:var(--spw-button-py-medium) var(--spw-button-px-medium)}.spw-button--medium .spw-button__inner{gap:8px}.spw-button--small{font-size:var(--spw-button-font-size-small);padding:var(--spw-button-py-small) var(--spw-button-px-small)}.spw-button--small .spw-button__inner{gap:6px}.spw-button--large.spw-button--tertiary,.spw-button--medium.spw-button--tertiary,.spw-button--small.spw-button--tertiary{padding:4px}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-mx-auto{margin-left:auto;margin-right:auto}.spw-tw-mr-4{margin-right:1rem}.spw-tw-flex{display:flex}.spw-tw-w-full{width:100%}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}.spw-tw-gap-x-2{column-gap:.5rem}.spw-tw-gap-y-2{row-gap:.5rem}.spw-tw-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.spw-tw-px-4{padding-left:1rem;padding-right:1rem}