blip-ds 1.237.0 → 1.239.0

package/dist/collection/components/grid/grid.css

@@ -401,7 +401,7 @@
 }
 @media (min-width: 1921px) {
   :host(.container) {
-    max-width: 1520px;
+    max-width: 1424px;
     margin-left: auto;
     margin-right: auto;
   }
@@ -464,6 +464,84 @@
     margin-left: 100%;
   }
 }
+@media (min-width: 600px) {
+  :host(.container-fluid) {
+    max-width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  :host[container-fluid] :host-context(.container-fluid) {
+    padding-left: 8px;
+    padding-right: 8px;
+    box-sizing: border-box;
+  }
+}
+@media (min-width: 905px) {
+  :host(.container-fluid) {
+    max-width: 848px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  :host[container-fluid] :host-context(.container-fluid) {
+    padding-left: 8px;
+    padding-right: 8px;
+    box-sizing: border-box;
+  }
+}
+@media (min-width: 993px) {
+  :host(.container-fluid) {
+    max-width: 944px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  :host[container-fluid] :host-context(.container-fluid) {
+    padding-left: 8px;
+    padding-right: 8px;
+    box-sizing: border-box;
+  }
+}
+@media (min-width: 1280px) {
+  :host(.container-fluid) {
+    max-width: 1232px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  :host[container-fluid] :host-context(.container-fluid) {
+    padding-left: 8px;
+    padding-right: 8px;
+    box-sizing: border-box;
+  }
+}
+@media (min-width: 1440px) {
+  :host(.container-fluid) {
+    max-width: 1328px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  :host[container-fluid] :host-context(.container-fluid) {
+    padding-left: 8px;
+    padding-right: 8px;
+    box-sizing: border-box;
+  }
+}
+@media (min-width: 1920px) {
+  :host(.container-fluid) {
+    max-width: 1424px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  :host[container-fluid] :host-context(.container-fluid) {
+    padding-left: 8px;
+    padding-right: 8px;
+    box-sizing: border-box;
+  }
+}
 :host(.flex_wrap--wrap) {
   flex-wrap: wrap;
 }
@@ -963,6 +1041,204 @@
     width: 100%;
   }
 }
+@media (min-width: 1280px) {
+  :host(.lg--auto .container-fluid) {
+    flex: 1 0 auto;
+    width: auto;
+  }
+
+  :host(.lg--1.container-fluid) {
+    flex: 0 0 auto;
+    width: 8.33%;
+  }
+
+  :host(.lg--2.container-fluid) {
+    flex: 0 0 auto;
+    width: 16.66%;
+  }
+
+  :host(.lg--3.container-fluid) {
+    flex: 0 0 auto;
+    width: 24.99%;
+  }
+
+  :host(.lg--4.container-fluid) {
+    flex: 0 0 auto;
+    width: 33.32%;
+  }
+
+  :host(.lg--5.container-fluid) {
+    flex: 0 0 auto;
+    width: 41.65%;
+  }
+
+  :host(.lg--6.container-fluid) {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+
+  :host(.lg--7.container-fluid) {
+    flex: 0 0 auto;
+    width: 58.33%;
+  }
+
+  :host(.lg--8.container-fluid) {
+    flex: 0 0 auto;
+    width: 66.66%;
+  }
+
+  :host(.lg--9.container-fluid) {
+    flex: 0 0 auto;
+    width: 74.99%;
+  }
+
+  :host(.lg--10.container-fluid) {
+    flex: 0 0 auto;
+    width: 83.32%;
+  }
+
+  :host(.lg--11.container-fluid) {
+    flex: 0 0 auto;
+    width: 91.65%;
+  }
+
+  :host(.lg--12.container-fluid) {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+}
+@media (min-width: 1440px) {
+  :host(.xg--auto .container-fluid) {
+    flex: 1 0 auto;
+    width: auto;
+  }
+
+  :host(.xg--1.container-fluid) {
+    flex: 0 0 auto;
+    width: 8.33%;
+  }
+
+  :host(.xg--2.container-fluid) {
+    flex: 0 0 auto;
+    width: 16.66%;
+  }
+
+  :host(.xg--3.container-fluid) {
+    flex: 0 0 auto;
+    width: 24.99%;
+  }
+
+  :host(.xg--4.container-fluid) {
+    flex: 0 0 auto;
+    width: 33.32%;
+  }
+
+  :host(.xg--5.container-fluid) {
+    flex: 0 0 auto;
+    width: 41.65%;
+  }
+
+  :host(.xg--6.container-fluid) {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+
+  :host(.xg--7.container-fluid) {
+    flex: 0 0 auto;
+    width: 58.33%;
+  }
+
+  :host(.xg--8.container-fluid) {
+    flex: 0 0 auto;
+    width: 66.66%;
+  }
+
+  :host(.xg--9.container-fluid) {
+    flex: 0 0 auto;
+    width: 74.99%;
+  }
+
+  :host(.xg--10.container-fluid) {
+    flex: 0 0 auto;
+    width: 83.32%;
+  }
+
+  :host(.xg--11.container-fluid) {
+    flex: 0 0 auto;
+    width: 91.65%;
+  }
+
+  :host(.xg--12.container-fluid) {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+}
+@media (min-width: 1920px) {
+  :host(.xxg--auto .container-fluid) {
+    flex: 1 0 auto;
+    width: auto;
+  }
+
+  :host(.xxg--1.container-fluid) {
+    flex: 0 0 auto;
+    width: 8.33%;
+  }
+
+  :host(.xxg--2.container-fluid) {
+    flex: 0 0 auto;
+    width: 16.66%;
+  }
+
+  :host(.xxg--3.container-fluid) {
+    flex: 0 0 auto;
+    width: 24.99%;
+  }
+
+  :host(.xxg--4.container-fluid) {
+    flex: 0 0 auto;
+    width: 33.32%;
+  }
+
+  :host(.xxg--5.container-fluid) {
+    flex: 0 0 auto;
+    width: 41.65%;
+  }
+
+  :host(.xxg--6.container-fluid) {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+
+  :host(.xxg--7.container-fluid) {
+    flex: 0 0 auto;
+    width: 58.33%;
+  }
+
+  :host(.xxg--8.container-fluid) {
+    flex: 0 0 auto;
+    width: 66.66%;
+  }
+
+  :host(.xxg--9.container-fluid) {
+    flex: 0 0 auto;
+    width: 74.99%;
+  }
+
+  :host(.xxg--10.container-fluid) {
+    flex: 0 0 auto;
+    width: 83.32%;
+  }
+
+  :host(.xxg--11.container-fluid) {
+    flex: 0 0 auto;
+    width: 91.65%;
+  }
+
+  :host(.xxg--12.container-fluid) {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+}
 :host(.padding--none) {
   padding: 0;
   box-sizing: border-box;

package/dist/collection/components/grid/grid.js

@@ -7,6 +7,7 @@ export class Grid {
     this.flexWrap = undefined;
     this.alignItems = undefined;
     this.container = undefined;
+    this.containerFluid = undefined;
     this.xxs = undefined;
     this.xs = undefined;
     this.sm = undefined;
@@ -29,6 +30,7 @@ export class Grid {
         [`direction--${this.direction}`]: true,
         [`justify_content--${this.justifyContent}`]: true,
         [`${this.container === true ? 'container' : ''}`]: true,
+        [`${this.containerFluid === true ? 'container-fluid' : ''}`]: true,
         [`flex_wrap--${this.flexWrap}`]: true,
         [`align_items--${this.alignItems}`]: true,
         [`xxs--${this.xxs}`]: true,
@@ -184,6 +186,23 @@ export class Grid {
         "attribute": "container",
         "reflect": false
       },
+      "containerFluid": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "container-fluid",
+        "reflect": false
+      },
       "xxs": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/paper/paper.css

@@ -18,7 +18,7 @@
  */
 :host {
   display: block;
-  background: #ffffff;
+  background: var(--color-surface-2, #f3f6fa);
   border-radius: 7px;
 }
 

package/dist/collection/components/toast/toast.css

@@ -40,7 +40,7 @@
   box-sizing: border-box;
   border-radius: 8px;
   box-shadow: 0px 8px 12px rgba(96, 123, 153, 0.4), 0px 0px 4px rgba(96, 123, 153, 0.3);
-  color: #202c44;
+  color: var(--color-content-default, #202c44);
   opacity: 0;
   margin-top: 16px;
   overflow: hidden;
@@ -74,25 +74,25 @@
   }
 }
 .toast--system {
-  background: #80e3eb;
+  background: var(--color-system, #80e3eb);
 }
 .toast--error {
-  background: #ffa5a5;
+  background: var(--color-error, #ffa5a5);
 }
 .toast--success {
-  background: #90e6bc;
+  background: var(--color-success, #90e6bc);
 }
 .toast--warning {
-  background: #fff6a8;
+  background: var(--color-warning, #fff6a8);
 }
 .toast--undo {
-  background-color: #00c6d7;
+  background-color: var(--color-system, #80e3eb);
 }
 .toast--redo {
-  background-color: #485c73;
+  background-color: var(--color-system, #80e3eb);
 }
 .toast--notification {
-  background-color: #ffffff;
+  background-color: var(--color-surface-1, #ffffff);
 }
 .toast bds-icon {
   display: flex;
@@ -132,7 +132,7 @@
   outline: none;
 }
 .toast__action bds-button-icon:focus-visible::before, .toast__action bds-button:focus-visible::before {
-  border-color: #c226fb;
+  border-color: var(--color-focus, #c226fb);
 }
 .toast__action__button {
   white-space: nowrap;

package/dist/esm/bds-alert-header.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-365b378f.js';
 
-const alertHeaderCss = ".alert__header{width:100%;min-height:64px;padding:12px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.alert__header bds-icon{min-width:32px}.alert__header bds-typo{margin-left:8px;color:#202c44}.alert__header--system{background:#b3d4ff}.alert__header--system bds-typo{color:#202c44}.alert__header--system .color-icon{color:#202c44}.alert__header--error{background:#ffa5a5}.alert__header--error bds-typo{color:#202c44}.alert__header--error .color-icon{color:#202c44}.alert__header--warning{background:#fff6a8}.alert__header--warning bds-typo{color:#202c44}.alert__header--warning .color-icon{color:#202c44}.alert__header--delete{background:#ff4c4c}.alert__header--delete bds-typo{color:#ffffff}.alert__header--delete .color-icon{color:#ffffff}";
+const alertHeaderCss = ".alert__header{width:100%;min-height:64px;padding:12px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.alert__header bds-icon{min-width:32px}.alert__header bds-typo{margin-left:8px;color:var(--color-content-default, #202c44)}.alert__header--system{background:var(--color-system, #80e3eb)}.alert__header--system bds-typo{color:var(--color-content-default, #202c44)}.alert__header--system .color-icon{color:var(--color-content-default, #202c44)}.alert__header--error{background:var(--color-error, #ffa5a5)}.alert__header--error bds-typo{color:var(--color-content-default, #202c44)}.alert__header--error .color-icon{color:var(--color-content-default, #202c44)}.alert__header--warning{background:var(--color-warning, #fff6a8)}.alert__header--warning bds-typo{color:var(--color-content-default, #202c44)}.alert__header--warning .color-icon{color:var(--color-content-default, #202c44)}.alert__header--delete{background:var(--color-delete, #ff4c4c)}.alert__header--delete bds-typo{color:var(--color-surface-1, #ffffff)}.alert__header--delete .color-icon{color:var(--color-surface-1, #ffffff)}";
 
 const AlertHeader = class {
   constructor(hostRef) {

package/dist/esm/bds-alert.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-365b378f.js';
 
-const alertCss = ".alert__dialog{opacity:0;visibility:hidden;background-color:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;z-index:80000}.alert__dialog .alert{position:absolute;top:200px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:424px;border-radius:8px;background:#ffffff;-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);overflow:hidden;position:relative}.alert__dialog--open{opacity:1;visibility:visible}";
+const alertCss = ".alert__dialog{opacity:0;visibility:hidden;background-color:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;z-index:80000}.alert__dialog .alert{position:absolute;top:200px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:424px;border-radius:8px;background:var(--color-surface-1, #ffffff);-webkit-box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);box-shadow:0px 4px 10px rgba(51, 51, 51, 0.3);overflow:hidden;position:relative}.alert__dialog--open{opacity:1;visibility:visible}";
 
 const BdsAlert = class {
   constructor(hostRef) {

package/dist/esm/bds-banner.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-365b378f.js';
 
-const bannerCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;font-weight:700}:host .banner__holder{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%;padding:8px 16px;min-height:40px;color:#212a3c}:host .banner__holder--context--inside{border-radius:8px}:host .banner__holder--align--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--align--right{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--warning{background-color:#fff6a8}:host .banner__holder--system{background-color:#b3d4ff}:host .banner__holder--info{background-color:#80e3eb}:host .banner__holder--error{background-color:#ffa5a5}:host .banner__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}:host .banner__content--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--center{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--right{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content .slot{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-left:8px;width:100%;color:#212a3c}:host .banner__action{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host .banner__action .close{cursor:pointer;display:-ms-flexbox;display:flex;margin-left:8px}.space_left{display:-ms-flexbox;display:flex}:host(.banner--hide){display:none}";
+const bannerCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-family:\"Nunito Sans\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:0.875rem;font-weight:700}:host .banner__holder{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%;padding:8px 16px;min-height:40px;color:var(--color-content-default, #202c44)}:host .banner__holder--context--inside{border-radius:8px}:host .banner__holder--align--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--align--right{-ms-flex-pack:start;justify-content:flex-start}:host .banner__holder--warning{background-color:var(--color-warning, #fff6a8)}:host .banner__holder--system{background-color:var(--color-system, #80e3eb)}:host .banner__holder--info{background-color:var(--color-info, #e9f7f8)}:host .banner__holder--error{background-color:var(--color-error, #ffa5a5)}:host .banner__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}:host .banner__content--left{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--center{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content--right{-ms-flex-pack:start;justify-content:flex-start}:host .banner__content .slot{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-left:8px;width:100%;color:var(--color-content-default, #202c44)}:host .banner__action{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host .banner__action .close{cursor:pointer;display:-ms-flexbox;display:flex;margin-left:8px}.space_left{display:-ms-flexbox;display:flex}:host(.banner--hide){display:none}";
 
 const Banner = class {
   constructor(hostRef) {

package/dist/esm/bds-grid.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, f as Host } from './index-365b378f.js';
 
-const gridCss = ".sc-bds-grid-h{display:-ms-flexbox;display:flex}.container.sc-bds-grid-h{width:100%}.xxsoffset--auto.sc-bds-grid-h{margin-left:auto}.xxsoffset--1.sc-bds-grid-h{margin-left:8.33%}.xxsoffset--2.sc-bds-grid-h{margin-left:16.66%}.xxsoffset--3.sc-bds-grid-h{margin-left:24.99%}.xxsoffset--4.sc-bds-grid-h{margin-left:33.32%}.xxsoffset--5.sc-bds-grid-h{margin-left:41.65%}.xxsoffset--6.sc-bds-grid-h{margin-left:50%}.xxsoffset--7.sc-bds-grid-h{margin-left:58.33%}.xxsoffset--8.sc-bds-grid-h{margin-left:66.66%}.xxsoffset--9.sc-bds-grid-h{margin-left:74.99%}.xxsoffset--10.sc-bds-grid-h{margin-left:83.32%}.xxsoffset--11.sc-bds-grid-h{margin-left:91.65%}.xxsoffset--12.sc-bds-grid-h{margin-left:100%}@media (max-width: 599px){.container.sc-bds-grid-h{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}[container].sc-bds-grid-h .container.sc-bds-grid-h,.container .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.xxsoffset--auto.sc-bds-grid-h{margin-left:auto}.xxsoffset--1.sc-bds-grid-h{margin-left:8.33%}.xxsoffset--2.sc-bds-grid-h{margin-left:16.66%}.xxsoffset--3.sc-bds-grid-h{margin-left:24.99%}.xxsoffset--4.sc-bds-grid-h{margin-left:33.32%}.xxsoffset--5.sc-bds-grid-h{margin-left:41.65%}.xxsoffset--6.sc-bds-grid-h{margin-left:50%}.xxsoffset--7.sc-bds-grid-h{margin-left:58.33%}.xxsoffset--8.sc-bds-grid-h{margin-left:66.66%}.xxsoffset--9.sc-bds-grid-h{margin-left:74.99%}.xxsoffset--10.sc-bds-grid-h{margin-left:83.32%}.xxsoffset--11.sc-bds-grid-h{margin-left:91.65%}.xxsoffset--12.sc-bds-grid-h{margin-left:100%}}@media (min-width: 600px){.container.sc-bds-grid-h{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}[container].sc-bds-grid-h .container.sc-bds-grid-h,.container .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.xxsoffset--auto.sc-bds-grid-h{margin-left:auto}.xsoffset--1.sc-bds-grid-h{margin-left:8.33%}.xsoffset--2.sc-bds-grid-h{margin-left:16.66%}.xsoffset--3.sc-bds-grid-h{margin-left:24.99%}.xsoffset--4.sc-bds-grid-h{margin-left:33.32%}.xsoffset--5.sc-bds-grid-h{margin-left:41.65%}.xsoffset--6.sc-bds-grid-h{margin-left:50%}.xsoffset--7.sc-bds-grid-h{margin-left:58.33%}.xsoffset--8.sc-bds-grid-h{margin-left:66.66%}.xsoffset--9.sc-bds-grid-h{margin-left:74.99%}.xsoffset--10.sc-bds-grid-h{margin-left:83.32%}.xsoffset--11.sc-bds-grid-h{margin-left:91.65%}.xsoffset--12.sc-bds-grid-h{margin-left:100%}}@media (min-width: 905px){.container.sc-bds-grid-h{max-width:848px;margin-left:auto;margin-right:auto}[container].sc-bds-grid-h .container.sc-bds-grid-h,.container .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.smoffset--auto.sc-bds-grid-h{margin-left:auto}.smoffset--1.sc-bds-grid-h{margin-left:8.33%}.smoffset--2.sc-bds-grid-h{margin-left:16.66%}.smoffset--3.sc-bds-grid-h{margin-left:24.99%}.smoffset--4.sc-bds-grid-h{margin-left:33.32%}.smoffset--5.sc-bds-grid-h{margin-left:41.65%}.smoffset--6.sc-bds-grid-h{margin-left:50%}.smoffset--7.sc-bds-grid-h{margin-left:58.33%}.smoffset--8.sc-bds-grid-h{margin-left:66.66%}.smoffset--9.sc-bds-grid-h{margin-left:74.99%}.smoffset--10.sc-bds-grid-h{margin-left:83.32%}.smoffset--11.sc-bds-grid-h{margin-left:91.65%}.smoffset--12.sc-bds-grid-h{margin-left:100%}}@media (min-width: 993px){.container.sc-bds-grid-h{max-width:944px;margin-left:auto;margin-right:auto}[container].sc-bds-grid-h .container.sc-bds-grid-h,.container .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.mdoffset--auto.sc-bds-grid-h{margin-left:auto}.mdoffset--1.sc-bds-grid-h{margin-left:8.33%}.mdoffset--2.sc-bds-grid-h{margin-left:16.66%}.mdoffset--3.sc-bds-grid-h{margin-left:24.99%}.mdoffset--4.sc-bds-grid-h{margin-left:33.32%}.mdoffset--5.sc-bds-grid-h{margin-left:41.65%}.mdoffset--6.sc-bds-grid-h{margin-left:50%}.mdoffset--7.sc-bds-grid-h{margin-left:58.33%}.mdoffset--8.sc-bds-grid-h{margin-left:66.66%}.mdoffset--9.sc-bds-grid-h{margin-left:74.99%}.mdoffset--10.sc-bds-grid-h{margin-left:83.32%}.mdoffset--11.sc-bds-grid-h{margin-left:91.65%}.mdoffset--12.sc-bds-grid-h{margin-left:100%}}@media (min-width: 1601px){.container.sc-bds-grid-h{max-width:1328px;margin-left:auto;margin-right:auto}[container].sc-bds-grid-h .container.sc-bds-grid-h,.container .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.lgoffset--auto.sc-bds-grid-h{margin-left:auto}.lgoffset--1.sc-bds-grid-h{margin-left:8.33%}.lgoffset--2.sc-bds-grid-h{margin-left:16.66%}.lgoffset--3.sc-bds-grid-h{margin-left:24.99%}.lgoffset--4.sc-bds-grid-h{margin-left:33.32%}.lgoffset--5.sc-bds-grid-h{margin-left:41.65%}.lgoffset--6.sc-bds-grid-h{margin-left:50%}.lgoffset--7.sc-bds-grid-h{margin-left:58.33%}.lgoffset--8.sc-bds-grid-h{margin-left:66.66%}.lgoffset--9.sc-bds-grid-h{margin-left:74.99%}.lgoffset--10.sc-bds-grid-h{margin-left:83.32%}.lgoffset--11.sc-bds-grid-h{margin-left:91.65%}.lgoffset--12.sc-bds-grid-h{margin-left:100%}}@media (min-width: 1921px){.container.sc-bds-grid-h{max-width:1520px;margin-left:auto;margin-right:auto}[container].sc-bds-grid-h .container.sc-bds-grid-h,.container .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.xgoffset--auto.sc-bds-grid-h{margin-left:auto}.xgoffset--1.sc-bds-grid-h{margin-left:8.33%}.xgoffset--2.sc-bds-grid-h{margin-left:16.66%}.xgoffset--3.sc-bds-grid-h{margin-left:24.99%}.xgoffset--4.sc-bds-grid-h{margin-left:33.32%}.xgoffset--5.sc-bds-grid-h{margin-left:41.65%}.xgoffset--6.sc-bds-grid-h{margin-left:50%}.xgoffset--7.sc-bds-grid-h{margin-left:58.33%}.xgoffset--8.sc-bds-grid-h{margin-left:66.66%}.xgoffset--9.sc-bds-grid-h{margin-left:74.99%}.xgoffset--10.sc-bds-grid-h{margin-left:83.32%}.xgoffset--11.sc-bds-grid-h{margin-left:91.65%}.xgoffset--12.sc-bds-grid-h{margin-left:100%}}.flex_wrap--wrap.sc-bds-grid-h{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex_wrap--wrap-reverse.sc-bds-grid-h{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.direction--row.sc-bds-grid-h{-ms-flex-direction:row;flex-direction:row}.direction--column.sc-bds-grid-h{-ms-flex-direction:column;flex-direction:column}.direction--row-reverse.sc-bds-grid-h{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.direction--column-reverse.sc-bds-grid-h{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.justify_content--center.sc-bds-grid-h{-ms-flex-pack:center;justify-content:center}.justify_content--flex-start.sc-bds-grid-h{-ms-flex-pack:start;justify-content:flex-start}.justify_content--flex-end.sc-bds-grid-h{-ms-flex-pack:end;justify-content:flex-end}.justify_content--space-between.sc-bds-grid-h{-ms-flex-pack:justify;justify-content:space-between}.justify_content--space-around.sc-bds-grid-h{-ms-flex-pack:distribute;justify-content:space-around}.justify_content--space-evenly.sc-bds-grid-h{-ms-flex-pack:space-evenly;justify-content:space-evenly}.justify_content--stretch.sc-bds-grid-h{-ms-flex-pack:stretch;justify-content:stretch}.align_items--flex-start.sc-bds-grid-h{-ms-flex-align:start;align-items:flex-start}.align_items--flex-end.sc-bds-grid-h{-ms-flex-align:end;align-items:flex-end}.align_items--center.sc-bds-grid-h{-ms-flex-align:center;align-items:center}.align_items--stretch.sc-bds-grid-h{-ms-flex-align:stretch;align-items:stretch}.align_items--baseline.sc-bds-grid-h{-ms-flex-align:baseline;align-items:baseline}.gap--none.sc-bds-grid-h{gap:0}.gap--half.sc-bds-grid-h{gap:4px}.gap--1.sc-bds-grid-h{gap:8px}.gap--2.sc-bds-grid-h{gap:16px}.gap--3.sc-bds-grid-h{gap:24px}.gap--4.sc-bds-grid-h{gap:32px}.gap--8.sc-bds-grid-h{gap:64px}.gap--12.sc-bds-grid-h{gap:96px}.xxs--auto.sc-bds-grid-h{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.xxs--1.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.xxs--2.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.xxs--3.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.xxs--4.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.xxs--5.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.xxs--6.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.xxs--7.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.xxs--8.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.xxs--9.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.xxs--10.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.xxs--11.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.xxs--12.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}@media (min-width: 600px){.xs--auto.sc-bds-grid-h{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.xs--1.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.xs--2.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.xs--3.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.xs--4.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.xs--5.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.xs--6.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.xs--7.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.xs--8.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.xs--9.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.xs--10.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.xs--11.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.xs--12.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 905px){.sm--auto.sc-bds-grid-h{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.sm--1.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.sm--2.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.sm--3.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.sm--4.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.sm--5.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.sm--6.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.sm--7.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.sm--8.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.sm--9.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.sm--10.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.sm--11.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.sm--12.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 993px){.md--auto.sc-bds-grid-h{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.md--1.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.md--2.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.md--3.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.md--4.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.md--5.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.md--6.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.md--7.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.md--8.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.md--9.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.md--10.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.md--11.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.md--12.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1601px){.lg--auto.sc-bds-grid-h{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.lg--1.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.lg--2.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.lg--3.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.lg--4.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.lg--5.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.lg--6.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.lg--7.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.lg--8.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.lg--9.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.lg--10.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.lg--11.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.lg--12.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1921px){.xg--auto.sc-bds-grid-h{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.xg--1.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.xg--2.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.xg--3.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.xg--4.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.xg--5.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.xg--6.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.xg--7.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.xg--8.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.xg--9.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.xg--10.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.xg--11.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.xg--12.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}.padding--none.sc-bds-grid-h{padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-none.sc-bds-grid-h{padding-left:0;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-none.sc-bds-grid-h{padding-right:0;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-none.sc-bds-grid-h{padding-top:0;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-none.sc-bds-grid-h{padding-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-none.sc-bds-grid-h{padding-left:0;padding-right:0;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-none.sc-bds-grid-h{padding-top:0;padding-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--half.sc-bds-grid-h{padding:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-half.sc-bds-grid-h{padding-left:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-half.sc-bds-grid-h{padding-right:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-half.sc-bds-grid-h{padding-top:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-half.sc-bds-grid-h{padding-bottom:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-half.sc-bds-grid-h{padding-left:4px;padding-right:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-half.sc-bds-grid-h{padding-top:4px;padding-bottom:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--1.sc-bds-grid-h{padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-1.sc-bds-grid-h{padding-left:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-1.sc-bds-grid-h{padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-1.sc-bds-grid-h{padding-top:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-1.sc-bds-grid-h{padding-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-1.sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-1.sc-bds-grid-h{padding-top:8px;padding-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--2.sc-bds-grid-h{padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-2.sc-bds-grid-h{padding-left:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-2.sc-bds-grid-h{padding-right:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-2.sc-bds-grid-h{padding-top:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-2.sc-bds-grid-h{padding-bottom:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-2.sc-bds-grid-h{padding-left:16px;padding-right:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-2.sc-bds-grid-h{padding-top:16px;padding-bottom:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--3.sc-bds-grid-h{padding:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-3.sc-bds-grid-h{padding-left:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-3.sc-bds-grid-h{padding-right:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-3.sc-bds-grid-h{padding-top:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-3.sc-bds-grid-h{padding-bottom:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-3.sc-bds-grid-h{padding-left:24px;padding-right:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-3.sc-bds-grid-h{padding-top:24px;padding-bottom:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--4.sc-bds-grid-h{padding:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-4.sc-bds-grid-h{padding-left:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-4.sc-bds-grid-h{padding-right:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-4.sc-bds-grid-h{padding-top:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-4.sc-bds-grid-h{padding-bottom:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-4.sc-bds-grid-h{padding-left:32px;padding-right:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-4.sc-bds-grid-h{padding-top:32px;padding-bottom:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--8.sc-bds-grid-h{padding:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-8.sc-bds-grid-h{padding-left:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-8.sc-bds-grid-h{padding-right:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-8.sc-bds-grid-h{padding-top:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-8.sc-bds-grid-h{padding-bottom:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-8.sc-bds-grid-h{padding-left:64px;padding-right:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-8.sc-bds-grid-h{padding-top:64px;padding-bottom:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--12.sc-bds-grid-h{padding:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-12.sc-bds-grid-h{padding-left:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-12.sc-bds-grid-h{padding-right:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-12.sc-bds-grid-h{padding-top:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-12.sc-bds-grid-h{padding-bottom:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-12.sc-bds-grid-h{padding-left:96px;padding-right:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-12.sc-bds-grid-h{padding-top:96px;padding-bottom:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.margin--auto.sc-bds-grid-h{margin:auto}.margin--l-auto.sc-bds-grid-h{margin-left:auto}.margin--r-auto.sc-bds-grid-h{margin-right:auto}.margin--t-auto.sc-bds-grid-h{margin-top:auto}.margin--b-auto.sc-bds-grid-h{margin-bottom:auto}.margin--x-auto.sc-bds-grid-h{margin-left:auto;margin-right:auto}.margin--y-auto.sc-bds-grid-h{margin-top:auto;margin-bottom:auto}.margin--none.sc-bds-grid-h{margin:0}.margin--l-none.sc-bds-grid-h{margin-left:0}.margin--r-none.sc-bds-grid-h{margin-right:0}.margin--t-none.sc-bds-grid-h{margin-top:0}.margin--b-none.sc-bds-grid-h{margin-bottom:0}.margin--x-none.sc-bds-grid-h{margin-left:0;margin-right:0}.margin--y-none.sc-bds-grid-h{margin-top:0;margin-bottom:0}.margin--half.sc-bds-grid-h{margin:4px}.margin--l-half.sc-bds-grid-h{margin-left:4px}.margin--r-half.sc-bds-grid-h{margin-right:4px}.margin--t-half.sc-bds-grid-h{margin-top:4px}.margin--b-half.sc-bds-grid-h{margin-bottom:4px}.margin--x-half.sc-bds-grid-h{margin-left:4px;margin-right:4px}.margin--y-half.sc-bds-grid-h{margin-top:4px;margin-bottom:4px}.margin--1.sc-bds-grid-h{margin:8px}.margin--l-1.sc-bds-grid-h{margin-left:8px}.margin--r-1.sc-bds-grid-h{margin-right:8px}.margin--t-1.sc-bds-grid-h{margin-top:8px}.margin--b-1.sc-bds-grid-h{margin-bottom:8px}.margin--x-1.sc-bds-grid-h{margin-left:8px;margin-right:8px}.margin--y-1.sc-bds-grid-h{margin-top:8px;margin-bottom:8px}.margin--2.sc-bds-grid-h{margin:16px}.margin--l-2.sc-bds-grid-h{margin-left:16px}.margin--r-2.sc-bds-grid-h{margin-right:16px}.margin--t-2.sc-bds-grid-h{margin-top:16px}.margin--b-2.sc-bds-grid-h{margin-bottom:16px}.margin--x-2.sc-bds-grid-h{margin-left:16px;margin-right:16px}.margin--y-2.sc-bds-grid-h{margin-top:16px;margin-bottom:16px}.margin--3.sc-bds-grid-h{margin:24px}.margin--l-3.sc-bds-grid-h{margin-left:24px}.margin--r-3.sc-bds-grid-h{margin-right:24px}.margin--t-3.sc-bds-grid-h{margin-top:24px}.margin--b-3.sc-bds-grid-h{margin-bottom:24px}.margin--x-3.sc-bds-grid-h{margin-left:24px;margin-right:24px}.margin--y-3.sc-bds-grid-h{margin-top:24px;margin-bottom:24px}.margin--4.sc-bds-grid-h{margin:32px}.margin--l-4.sc-bds-grid-h{margin-left:32px}.margin--r-4.sc-bds-grid-h{margin-right:32px}.margin--t-4.sc-bds-grid-h{margin-top:32px}.margin--b-4.sc-bds-grid-h{margin-bottom:32px}.margin--x-4.sc-bds-grid-h{margin-left:32px;margin-right:32px}.margin--y-4.sc-bds-grid-h{margin-top:32px;margin-bottom:32px}.margin--8.sc-bds-grid-h{margin:64px}.margin--l-8.sc-bds-grid-h{margin-left:64px}.margin--r-8.sc-bds-grid-h{margin-right:64px}.margin--t-8.sc-bds-grid-h{margin-top:64px}.margin--b-8.sc-bds-grid-h{margin-bottom:64px}.margin--x-8.sc-bds-grid-h{margin-left:64px;margin-right:64px}.margin--y-8.sc-bds-grid-h{margin-top:64px;margin-bottom:64px}.margin--12.sc-bds-grid-h{margin:96px}.margin--l-12.sc-bds-grid-h{margin-left:96px}.margin--r-12.sc-bds-grid-h{margin-right:96px}.margin--t-12.sc-bds-grid-h{margin-top:96px}.margin--b-12.sc-bds-grid-h{margin-bottom:96px}.margin--x-12.sc-bds-grid-h{margin-left:96px;margin-right:96px}.margin--y-12.sc-bds-grid-h{margin-top:96px;margin-bottom:96px}";
+const gridCss = ".sc-bds-grid-h{display:-ms-flexbox;display:flex}.container.sc-bds-grid-h{width:100%}.xxsoffset--auto.sc-bds-grid-h{margin-left:auto}.xxsoffset--1.sc-bds-grid-h{margin-left:8.33%}.xxsoffset--2.sc-bds-grid-h{margin-left:16.66%}.xxsoffset--3.sc-bds-grid-h{margin-left:24.99%}.xxsoffset--4.sc-bds-grid-h{margin-left:33.32%}.xxsoffset--5.sc-bds-grid-h{margin-left:41.65%}.xxsoffset--6.sc-bds-grid-h{margin-left:50%}.xxsoffset--7.sc-bds-grid-h{margin-left:58.33%}.xxsoffset--8.sc-bds-grid-h{margin-left:66.66%}.xxsoffset--9.sc-bds-grid-h{margin-left:74.99%}.xxsoffset--10.sc-bds-grid-h{margin-left:83.32%}.xxsoffset--11.sc-bds-grid-h{margin-left:91.65%}.xxsoffset--12.sc-bds-grid-h{margin-left:100%}@media (max-width: 599px){.container.sc-bds-grid-h{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}[container].sc-bds-grid-h .container.sc-bds-grid-h,.container .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.xxsoffset--auto.sc-bds-grid-h{margin-left:auto}.xxsoffset--1.sc-bds-grid-h{margin-left:8.33%}.xxsoffset--2.sc-bds-grid-h{margin-left:16.66%}.xxsoffset--3.sc-bds-grid-h{margin-left:24.99%}.xxsoffset--4.sc-bds-grid-h{margin-left:33.32%}.xxsoffset--5.sc-bds-grid-h{margin-left:41.65%}.xxsoffset--6.sc-bds-grid-h{margin-left:50%}.xxsoffset--7.sc-bds-grid-h{margin-left:58.33%}.xxsoffset--8.sc-bds-grid-h{margin-left:66.66%}.xxsoffset--9.sc-bds-grid-h{margin-left:74.99%}.xxsoffset--10.sc-bds-grid-h{margin-left:83.32%}.xxsoffset--11.sc-bds-grid-h{margin-left:91.65%}.xxsoffset--12.sc-bds-grid-h{margin-left:100%}}@media (min-width: 600px){.container.sc-bds-grid-h{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}[container].sc-bds-grid-h .container.sc-bds-grid-h,.container .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.xxsoffset--auto.sc-bds-grid-h{margin-left:auto}.xsoffset--1.sc-bds-grid-h{margin-left:8.33%}.xsoffset--2.sc-bds-grid-h{margin-left:16.66%}.xsoffset--3.sc-bds-grid-h{margin-left:24.99%}.xsoffset--4.sc-bds-grid-h{margin-left:33.32%}.xsoffset--5.sc-bds-grid-h{margin-left:41.65%}.xsoffset--6.sc-bds-grid-h{margin-left:50%}.xsoffset--7.sc-bds-grid-h{margin-left:58.33%}.xsoffset--8.sc-bds-grid-h{margin-left:66.66%}.xsoffset--9.sc-bds-grid-h{margin-left:74.99%}.xsoffset--10.sc-bds-grid-h{margin-left:83.32%}.xsoffset--11.sc-bds-grid-h{margin-left:91.65%}.xsoffset--12.sc-bds-grid-h{margin-left:100%}}@media (min-width: 905px){.container.sc-bds-grid-h{max-width:848px;margin-left:auto;margin-right:auto}[container].sc-bds-grid-h .container.sc-bds-grid-h,.container .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.smoffset--auto.sc-bds-grid-h{margin-left:auto}.smoffset--1.sc-bds-grid-h{margin-left:8.33%}.smoffset--2.sc-bds-grid-h{margin-left:16.66%}.smoffset--3.sc-bds-grid-h{margin-left:24.99%}.smoffset--4.sc-bds-grid-h{margin-left:33.32%}.smoffset--5.sc-bds-grid-h{margin-left:41.65%}.smoffset--6.sc-bds-grid-h{margin-left:50%}.smoffset--7.sc-bds-grid-h{margin-left:58.33%}.smoffset--8.sc-bds-grid-h{margin-left:66.66%}.smoffset--9.sc-bds-grid-h{margin-left:74.99%}.smoffset--10.sc-bds-grid-h{margin-left:83.32%}.smoffset--11.sc-bds-grid-h{margin-left:91.65%}.smoffset--12.sc-bds-grid-h{margin-left:100%}}@media (min-width: 993px){.container.sc-bds-grid-h{max-width:944px;margin-left:auto;margin-right:auto}[container].sc-bds-grid-h .container.sc-bds-grid-h,.container .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.mdoffset--auto.sc-bds-grid-h{margin-left:auto}.mdoffset--1.sc-bds-grid-h{margin-left:8.33%}.mdoffset--2.sc-bds-grid-h{margin-left:16.66%}.mdoffset--3.sc-bds-grid-h{margin-left:24.99%}.mdoffset--4.sc-bds-grid-h{margin-left:33.32%}.mdoffset--5.sc-bds-grid-h{margin-left:41.65%}.mdoffset--6.sc-bds-grid-h{margin-left:50%}.mdoffset--7.sc-bds-grid-h{margin-left:58.33%}.mdoffset--8.sc-bds-grid-h{margin-left:66.66%}.mdoffset--9.sc-bds-grid-h{margin-left:74.99%}.mdoffset--10.sc-bds-grid-h{margin-left:83.32%}.mdoffset--11.sc-bds-grid-h{margin-left:91.65%}.mdoffset--12.sc-bds-grid-h{margin-left:100%}}@media (min-width: 1601px){.container.sc-bds-grid-h{max-width:1328px;margin-left:auto;margin-right:auto}[container].sc-bds-grid-h .container.sc-bds-grid-h,.container .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.lgoffset--auto.sc-bds-grid-h{margin-left:auto}.lgoffset--1.sc-bds-grid-h{margin-left:8.33%}.lgoffset--2.sc-bds-grid-h{margin-left:16.66%}.lgoffset--3.sc-bds-grid-h{margin-left:24.99%}.lgoffset--4.sc-bds-grid-h{margin-left:33.32%}.lgoffset--5.sc-bds-grid-h{margin-left:41.65%}.lgoffset--6.sc-bds-grid-h{margin-left:50%}.lgoffset--7.sc-bds-grid-h{margin-left:58.33%}.lgoffset--8.sc-bds-grid-h{margin-left:66.66%}.lgoffset--9.sc-bds-grid-h{margin-left:74.99%}.lgoffset--10.sc-bds-grid-h{margin-left:83.32%}.lgoffset--11.sc-bds-grid-h{margin-left:91.65%}.lgoffset--12.sc-bds-grid-h{margin-left:100%}}@media (min-width: 1921px){.container.sc-bds-grid-h{max-width:1424px;margin-left:auto;margin-right:auto}[container].sc-bds-grid-h .container.sc-bds-grid-h,.container .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.xgoffset--auto.sc-bds-grid-h{margin-left:auto}.xgoffset--1.sc-bds-grid-h{margin-left:8.33%}.xgoffset--2.sc-bds-grid-h{margin-left:16.66%}.xgoffset--3.sc-bds-grid-h{margin-left:24.99%}.xgoffset--4.sc-bds-grid-h{margin-left:33.32%}.xgoffset--5.sc-bds-grid-h{margin-left:41.65%}.xgoffset--6.sc-bds-grid-h{margin-left:50%}.xgoffset--7.sc-bds-grid-h{margin-left:58.33%}.xgoffset--8.sc-bds-grid-h{margin-left:66.66%}.xgoffset--9.sc-bds-grid-h{margin-left:74.99%}.xgoffset--10.sc-bds-grid-h{margin-left:83.32%}.xgoffset--11.sc-bds-grid-h{margin-left:91.65%}.xgoffset--12.sc-bds-grid-h{margin-left:100%}}@media (min-width: 600px){.container-fluid.sc-bds-grid-h{max-width:100%;margin-left:auto;margin-right:auto}[container-fluid].sc-bds-grid-h .container-fluid.sc-bds-grid-h,.container-fluid .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}}@media (min-width: 905px){.container-fluid.sc-bds-grid-h{max-width:848px;margin-left:auto;margin-right:auto}[container-fluid].sc-bds-grid-h .container-fluid.sc-bds-grid-h,.container-fluid .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}}@media (min-width: 993px){.container-fluid.sc-bds-grid-h{max-width:944px;margin-left:auto;margin-right:auto}[container-fluid].sc-bds-grid-h .container-fluid.sc-bds-grid-h,.container-fluid .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}}@media (min-width: 1280px){.container-fluid.sc-bds-grid-h{max-width:1232px;margin-left:auto;margin-right:auto}[container-fluid].sc-bds-grid-h .container-fluid.sc-bds-grid-h,.container-fluid .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}}@media (min-width: 1440px){.container-fluid.sc-bds-grid-h{max-width:1328px;margin-left:auto;margin-right:auto}[container-fluid].sc-bds-grid-h .container-fluid.sc-bds-grid-h,.container-fluid .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}}@media (min-width: 1920px){.container-fluid.sc-bds-grid-h{max-width:1424px;margin-left:auto;margin-right:auto}[container-fluid].sc-bds-grid-h .container-fluid.sc-bds-grid-h,.container-fluid .sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}}.flex_wrap--wrap.sc-bds-grid-h{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex_wrap--wrap-reverse.sc-bds-grid-h{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.direction--row.sc-bds-grid-h{-ms-flex-direction:row;flex-direction:row}.direction--column.sc-bds-grid-h{-ms-flex-direction:column;flex-direction:column}.direction--row-reverse.sc-bds-grid-h{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.direction--column-reverse.sc-bds-grid-h{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.justify_content--center.sc-bds-grid-h{-ms-flex-pack:center;justify-content:center}.justify_content--flex-start.sc-bds-grid-h{-ms-flex-pack:start;justify-content:flex-start}.justify_content--flex-end.sc-bds-grid-h{-ms-flex-pack:end;justify-content:flex-end}.justify_content--space-between.sc-bds-grid-h{-ms-flex-pack:justify;justify-content:space-between}.justify_content--space-around.sc-bds-grid-h{-ms-flex-pack:distribute;justify-content:space-around}.justify_content--space-evenly.sc-bds-grid-h{-ms-flex-pack:space-evenly;justify-content:space-evenly}.justify_content--stretch.sc-bds-grid-h{-ms-flex-pack:stretch;justify-content:stretch}.align_items--flex-start.sc-bds-grid-h{-ms-flex-align:start;align-items:flex-start}.align_items--flex-end.sc-bds-grid-h{-ms-flex-align:end;align-items:flex-end}.align_items--center.sc-bds-grid-h{-ms-flex-align:center;align-items:center}.align_items--stretch.sc-bds-grid-h{-ms-flex-align:stretch;align-items:stretch}.align_items--baseline.sc-bds-grid-h{-ms-flex-align:baseline;align-items:baseline}.gap--none.sc-bds-grid-h{gap:0}.gap--half.sc-bds-grid-h{gap:4px}.gap--1.sc-bds-grid-h{gap:8px}.gap--2.sc-bds-grid-h{gap:16px}.gap--3.sc-bds-grid-h{gap:24px}.gap--4.sc-bds-grid-h{gap:32px}.gap--8.sc-bds-grid-h{gap:64px}.gap--12.sc-bds-grid-h{gap:96px}.xxs--auto.sc-bds-grid-h{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.xxs--1.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.xxs--2.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.xxs--3.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.xxs--4.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.xxs--5.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.xxs--6.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.xxs--7.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.xxs--8.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.xxs--9.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.xxs--10.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.xxs--11.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.xxs--12.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}@media (min-width: 600px){.xs--auto.sc-bds-grid-h{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.xs--1.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.xs--2.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.xs--3.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.xs--4.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.xs--5.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.xs--6.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.xs--7.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.xs--8.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.xs--9.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.xs--10.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.xs--11.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.xs--12.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 905px){.sm--auto.sc-bds-grid-h{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.sm--1.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.sm--2.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.sm--3.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.sm--4.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.sm--5.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.sm--6.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.sm--7.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.sm--8.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.sm--9.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.sm--10.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.sm--11.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.sm--12.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 993px){.md--auto.sc-bds-grid-h{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.md--1.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.md--2.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.md--3.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.md--4.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.md--5.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.md--6.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.md--7.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.md--8.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.md--9.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.md--10.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.md--11.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.md--12.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1601px){.lg--auto.sc-bds-grid-h{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.lg--1.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.lg--2.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.lg--3.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.lg--4.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.lg--5.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.lg--6.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.lg--7.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.lg--8.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.lg--9.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.lg--10.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.lg--11.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.lg--12.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1921px){.xg--auto.sc-bds-grid-h{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.xg--1.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.xg--2.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.xg--3.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.xg--4.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.xg--5.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.xg--6.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.xg--7.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.xg--8.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.xg--9.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.xg--10.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.xg--11.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.xg--12.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1280px){.lg--auto.sc-bds-grid-h .container-fluid.sc-bds-grid{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.lg--1.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.lg--2.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.lg--3.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.lg--4.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.lg--5.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.lg--6.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.lg--7.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.lg--8.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.lg--9.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.lg--10.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.lg--11.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.lg--12.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1440px){.xg--auto.sc-bds-grid-h .container-fluid.sc-bds-grid{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.xg--1.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.xg--2.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.xg--3.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.xg--4.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.xg--5.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.xg--6.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.xg--7.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.xg--8.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.xg--9.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.xg--10.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.xg--11.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.xg--12.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width: 1920px){.xxg--auto.sc-bds-grid-h .container-fluid.sc-bds-grid{-ms-flex:1 0 auto;flex:1 0 auto;width:auto}.xxg--1.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33%}.xxg--2.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66%}.xxg--3.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:24.99%}.xxg--4.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:33.32%}.xxg--5.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:41.65%}.xxg--6.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.xxg--7.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33%}.xxg--8.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66%}.xxg--9.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:74.99%}.xxg--10.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:83.32%}.xxg--11.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:91.65%}.xxg--12.container-fluid.sc-bds-grid-h{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}.padding--none.sc-bds-grid-h{padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-none.sc-bds-grid-h{padding-left:0;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-none.sc-bds-grid-h{padding-right:0;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-none.sc-bds-grid-h{padding-top:0;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-none.sc-bds-grid-h{padding-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-none.sc-bds-grid-h{padding-left:0;padding-right:0;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-none.sc-bds-grid-h{padding-top:0;padding-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--half.sc-bds-grid-h{padding:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-half.sc-bds-grid-h{padding-left:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-half.sc-bds-grid-h{padding-right:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-half.sc-bds-grid-h{padding-top:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-half.sc-bds-grid-h{padding-bottom:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-half.sc-bds-grid-h{padding-left:4px;padding-right:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-half.sc-bds-grid-h{padding-top:4px;padding-bottom:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--1.sc-bds-grid-h{padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-1.sc-bds-grid-h{padding-left:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-1.sc-bds-grid-h{padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-1.sc-bds-grid-h{padding-top:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-1.sc-bds-grid-h{padding-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-1.sc-bds-grid-h{padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-1.sc-bds-grid-h{padding-top:8px;padding-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--2.sc-bds-grid-h{padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-2.sc-bds-grid-h{padding-left:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-2.sc-bds-grid-h{padding-right:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-2.sc-bds-grid-h{padding-top:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-2.sc-bds-grid-h{padding-bottom:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-2.sc-bds-grid-h{padding-left:16px;padding-right:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-2.sc-bds-grid-h{padding-top:16px;padding-bottom:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--3.sc-bds-grid-h{padding:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-3.sc-bds-grid-h{padding-left:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-3.sc-bds-grid-h{padding-right:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-3.sc-bds-grid-h{padding-top:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-3.sc-bds-grid-h{padding-bottom:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-3.sc-bds-grid-h{padding-left:24px;padding-right:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-3.sc-bds-grid-h{padding-top:24px;padding-bottom:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--4.sc-bds-grid-h{padding:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-4.sc-bds-grid-h{padding-left:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-4.sc-bds-grid-h{padding-right:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-4.sc-bds-grid-h{padding-top:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-4.sc-bds-grid-h{padding-bottom:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-4.sc-bds-grid-h{padding-left:32px;padding-right:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-4.sc-bds-grid-h{padding-top:32px;padding-bottom:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--8.sc-bds-grid-h{padding:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-8.sc-bds-grid-h{padding-left:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-8.sc-bds-grid-h{padding-right:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-8.sc-bds-grid-h{padding-top:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-8.sc-bds-grid-h{padding-bottom:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-8.sc-bds-grid-h{padding-left:64px;padding-right:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-8.sc-bds-grid-h{padding-top:64px;padding-bottom:64px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--12.sc-bds-grid-h{padding:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--l-12.sc-bds-grid-h{padding-left:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--r-12.sc-bds-grid-h{padding-right:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--t-12.sc-bds-grid-h{padding-top:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--b-12.sc-bds-grid-h{padding-bottom:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--x-12.sc-bds-grid-h{padding-left:96px;padding-right:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.padding--y-12.sc-bds-grid-h{padding-top:96px;padding-bottom:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.margin--auto.sc-bds-grid-h{margin:auto}.margin--l-auto.sc-bds-grid-h{margin-left:auto}.margin--r-auto.sc-bds-grid-h{margin-right:auto}.margin--t-auto.sc-bds-grid-h{margin-top:auto}.margin--b-auto.sc-bds-grid-h{margin-bottom:auto}.margin--x-auto.sc-bds-grid-h{margin-left:auto;margin-right:auto}.margin--y-auto.sc-bds-grid-h{margin-top:auto;margin-bottom:auto}.margin--none.sc-bds-grid-h{margin:0}.margin--l-none.sc-bds-grid-h{margin-left:0}.margin--r-none.sc-bds-grid-h{margin-right:0}.margin--t-none.sc-bds-grid-h{margin-top:0}.margin--b-none.sc-bds-grid-h{margin-bottom:0}.margin--x-none.sc-bds-grid-h{margin-left:0;margin-right:0}.margin--y-none.sc-bds-grid-h{margin-top:0;margin-bottom:0}.margin--half.sc-bds-grid-h{margin:4px}.margin--l-half.sc-bds-grid-h{margin-left:4px}.margin--r-half.sc-bds-grid-h{margin-right:4px}.margin--t-half.sc-bds-grid-h{margin-top:4px}.margin--b-half.sc-bds-grid-h{margin-bottom:4px}.margin--x-half.sc-bds-grid-h{margin-left:4px;margin-right:4px}.margin--y-half.sc-bds-grid-h{margin-top:4px;margin-bottom:4px}.margin--1.sc-bds-grid-h{margin:8px}.margin--l-1.sc-bds-grid-h{margin-left:8px}.margin--r-1.sc-bds-grid-h{margin-right:8px}.margin--t-1.sc-bds-grid-h{margin-top:8px}.margin--b-1.sc-bds-grid-h{margin-bottom:8px}.margin--x-1.sc-bds-grid-h{margin-left:8px;margin-right:8px}.margin--y-1.sc-bds-grid-h{margin-top:8px;margin-bottom:8px}.margin--2.sc-bds-grid-h{margin:16px}.margin--l-2.sc-bds-grid-h{margin-left:16px}.margin--r-2.sc-bds-grid-h{margin-right:16px}.margin--t-2.sc-bds-grid-h{margin-top:16px}.margin--b-2.sc-bds-grid-h{margin-bottom:16px}.margin--x-2.sc-bds-grid-h{margin-left:16px;margin-right:16px}.margin--y-2.sc-bds-grid-h{margin-top:16px;margin-bottom:16px}.margin--3.sc-bds-grid-h{margin:24px}.margin--l-3.sc-bds-grid-h{margin-left:24px}.margin--r-3.sc-bds-grid-h{margin-right:24px}.margin--t-3.sc-bds-grid-h{margin-top:24px}.margin--b-3.sc-bds-grid-h{margin-bottom:24px}.margin--x-3.sc-bds-grid-h{margin-left:24px;margin-right:24px}.margin--y-3.sc-bds-grid-h{margin-top:24px;margin-bottom:24px}.margin--4.sc-bds-grid-h{margin:32px}.margin--l-4.sc-bds-grid-h{margin-left:32px}.margin--r-4.sc-bds-grid-h{margin-right:32px}.margin--t-4.sc-bds-grid-h{margin-top:32px}.margin--b-4.sc-bds-grid-h{margin-bottom:32px}.margin--x-4.sc-bds-grid-h{margin-left:32px;margin-right:32px}.margin--y-4.sc-bds-grid-h{margin-top:32px;margin-bottom:32px}.margin--8.sc-bds-grid-h{margin:64px}.margin--l-8.sc-bds-grid-h{margin-left:64px}.margin--r-8.sc-bds-grid-h{margin-right:64px}.margin--t-8.sc-bds-grid-h{margin-top:64px}.margin--b-8.sc-bds-grid-h{margin-bottom:64px}.margin--x-8.sc-bds-grid-h{margin-left:64px;margin-right:64px}.margin--y-8.sc-bds-grid-h{margin-top:64px;margin-bottom:64px}.margin--12.sc-bds-grid-h{margin:96px}.margin--l-12.sc-bds-grid-h{margin-left:96px}.margin--r-12.sc-bds-grid-h{margin-right:96px}.margin--t-12.sc-bds-grid-h{margin-top:96px}.margin--b-12.sc-bds-grid-h{margin-bottom:96px}.margin--x-12.sc-bds-grid-h{margin-left:96px;margin-right:96px}.margin--y-12.sc-bds-grid-h{margin-top:96px;margin-bottom:96px}";
 
 const Grid = class {
   constructor(hostRef) {
@@ -11,6 +11,7 @@ const Grid = class {
     this.flexWrap = undefined;
     this.alignItems = undefined;
     this.container = undefined;
+    this.containerFluid = undefined;
     this.xxs = undefined;
     this.xs = undefined;
     this.sm = undefined;
@@ -33,6 +34,7 @@ const Grid = class {
         [`direction--${this.direction}`]: true,
         [`justify_content--${this.justifyContent}`]: true,
         [`${this.container === true ? 'container' : ''}`]: true,
+        [`${this.containerFluid === true ? 'container-fluid' : ''}`]: true,
         [`flex_wrap--${this.flexWrap}`]: true,
         [`align_items--${this.alignItems}`]: true,
         [`xxs--${this.xxs}`]: true,

package/dist/esm/bds-paper.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, f as Host } from './index-365b378f.js';
 
-const paperCss = ":host{display:block;background:#ffffff;border-radius:7px}:host(.paper__elevation--static){-webkit-box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15);box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15)}:host(.paper__elevation--primary){-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12)}:host(.paper__elevation--secondary){-webkit-box-shadow:0px 16px 20px rgba(7, 71, 166, 0.16), 0px 0px 2px rgba(7, 71, 166, 0.2);box-shadow:0px 16px 20px rgba(7, 71, 166, 0.16), 0px 0px 2px rgba(7, 71, 166, 0.2)}.paper__display{display:contents}";
+const paperCss = ":host{display:block;background:var(--color-surface-2, #f3f6fa);border-radius:7px}:host(.paper__elevation--static){-webkit-box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15);box-shadow:0px 2px 8px rgba(7, 71, 166, 0.15)}:host(.paper__elevation--primary){-webkit-box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12);box-shadow:0px 10px 16px rgba(7, 71, 166, 0.12)}:host(.paper__elevation--secondary){-webkit-box-shadow:0px 16px 20px rgba(7, 71, 166, 0.16), 0px 0px 2px rgba(7, 71, 166, 0.2);box-shadow:0px 16px 20px rgba(7, 71, 166, 0.16), 0px 0px 2px rgba(7, 71, 166, 0.2)}.paper__display{display:contents}";
 
 const Paper = class {
   constructor(hostRef) {

package/dist/esm/bds-toast.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, e as createEvent, h, g as getElement } from './i
 
 const notificationBallonSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA1MiA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljk1NzEgLTJDMTAuMzMwNCAtMiAyLjQzNzczIC0wLjc5NTMwOCAtMi45NzE4NyAyLjM4ODUzQy0xMS43NTE0IDcuNjM3NTUgLTE0LjMyMzIgMTcuODc3NCAtMTMuOTY4NCAyNy4zNDI5Qy0xMy43MDI0IDM1LjUxNzYgLTExLjQ4NTMgNDQuMjk0NyAtNS40NTQ5NiA1MC4zMTgxQzAuMjIwNjkyIDU2LjA4MzQgMTEuOTI2NyA1OC42NjQ5IDE5Ljk5NjggNTguNjY0OUMyMC4zNTE1IDU4LjY2NDkgMjAuNzA2MyA1OC45MjMxIDIwLjcwNjMgNTkuMzUzM1Y2Ny42MTQxQzIwLjcwNjMgNjguMzg4NSAyMS4zMjcgNjkuMDc2OSAyMi4yMTM5IDY5LjA3NjlDMjIuMzAyNSA2OS4wNzY5IDIyLjMwMjUgNjkuMDc2OSAyMi4zOTEyIDY5LjA3NjlDMjIuNzQ1OSA2OS4wNzY5IDIzLjAxMiA2OC45MDQ4IDIzLjE4OTMgNjguNzMyN0MyNy4xOCA2NS4zNzY4IDMxLjI1OTQgNjEuOTM0OCAzNS4xNjE0IDU4LjQ5MjhDMzguODg2MSA1NS4xMzY5IDQzLjE0MjggNTEuNjk0OSA0NS45ODA2IDQ3LjY1MDZDNTIuMDk5NyAzOS4xMzE3IDUzLjA3NTIgMjcuMTcwOCA1MS4wMzU1IDE3LjE4OUM0OS4wODQ1IDcuNjM3NTUgNDIuMDc4NiAxLjM1NTkzIDMyLjMyMzYgLTAuNjIzMjA5QzI4LjE1NTYgLTEuNDgzNyAyMy4xMDA3IC0yIDE3Ljk1NzEgLTJaIiBmaWxsPSIjODBFM0VCIi8+Cjwvc3ZnPgo=';
 
-const toastCss = ":host .show,:host .hide{display:-ms-flexbox;display:flex}:host .show{opacity:1}:host .show--top-right,:host .show--bottom-right{-webkit-animation:toastAnimationFadeInFromRight 1s;animation:toastAnimationFadeInFromRight 1s}:host .show--top-left,:host .show--bottom-left{-webkit-animation:toastAnimationFadeInFromLeft 1s;animation:toastAnimationFadeInFromLeft 1s}:host .hide{-webkit-transition:all 1s;transition:all 1s;-webkit-animation:toastAnimationFadeOut 0.5s;animation:toastAnimationFadeOut 0.5s}.toast{display:none;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0px 8px 12px rgba(96, 123, 153, 0.4), 0px 0px 4px rgba(96, 123, 153, 0.3);box-shadow:0px 8px 12px rgba(96, 123, 153, 0.4), 0px 0px 4px rgba(96, 123, 153, 0.3);color:#202c44;opacity:0;margin-top:16px;overflow:hidden;gap:16px}.toast--action--icon{min-width:440px;max-width:440px;padding:8px 16px}.toast--action--icon bds-icon-button{height:32px}@media (max-width: 780px){.toast--action--icon{min-width:220px;width:95%;margin:16px auto 0px auto}}.toast--action--button{min-width:440px;max-width:456px;padding:8px 16px}@media (max-width: 780px){.toast--action--button{min-width:220px;width:95%;margin:16px auto 0px auto}}.toast--system{background:#80e3eb}.toast--error{background:#ffa5a5}.toast--success{background:#90e6bc}.toast--warning{background:#fff6a8}.toast--undo{background-color:#00c6d7}.toast--redo{background-color:#485c73}.toast--notification{background-color:#ffffff}.toast bds-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:8px 0}.toast__ballon{display:-ms-flexbox;display:flex;position:absolute;top:0;left:0}.toast__content{height:100%;width:100%;-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:8px 0}.toast__action{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.toast__action bds-button-icon,.toast__action bds-button{position:relative}.toast__action bds-button-icon::before,.toast__action bds-button::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.toast__action bds-button-icon:focus-visible,.toast__action bds-button:focus-visible{outline:none}.toast__action bds-button-icon:focus-visible::before,.toast__action bds-button:focus-visible::before{border-color:#c226fb}.toast__action__button{white-space:nowrap}@-webkit-keyframes toastAnimationFadeInFromRight{0%{opacity:0;right:-200px}50%{opacity:0.9;right:1px}100%{opacity:1}}@keyframes toastAnimationFadeInFromRight{0%{opacity:0;right:-200px}50%{opacity:0.9;right:1px}100%{opacity:1}}@-webkit-keyframes toastAnimationFadeInFromLeft{0%{opacity:0;left:-200px}50%{opacity:0.9;left:1px}100%{opacity:1}}@keyframes toastAnimationFadeInFromLeft{0%{opacity:0;left:-200px}50%{opacity:0.9;left:1px}100%{opacity:1}}@-webkit-keyframes toastAnimationFadeOut{0%{opacity:1}30%{max-height:60px}80%{opacity:0;max-height:30px}100%{max-height:0px}}@keyframes toastAnimationFadeOut{0%{opacity:1}30%{max-height:60px}80%{opacity:0;max-height:30px}100%{max-height:0px}}";
+const toastCss = ":host .show,:host .hide{display:-ms-flexbox;display:flex}:host .show{opacity:1}:host .show--top-right,:host .show--bottom-right{-webkit-animation:toastAnimationFadeInFromRight 1s;animation:toastAnimationFadeInFromRight 1s}:host .show--top-left,:host .show--bottom-left{-webkit-animation:toastAnimationFadeInFromLeft 1s;animation:toastAnimationFadeInFromLeft 1s}:host .hide{-webkit-transition:all 1s;transition:all 1s;-webkit-animation:toastAnimationFadeOut 0.5s;animation:toastAnimationFadeOut 0.5s}.toast{display:none;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-box-shadow:0px 8px 12px rgba(96, 123, 153, 0.4), 0px 0px 4px rgba(96, 123, 153, 0.3);box-shadow:0px 8px 12px rgba(96, 123, 153, 0.4), 0px 0px 4px rgba(96, 123, 153, 0.3);color:var(--color-content-default, #202c44);opacity:0;margin-top:16px;overflow:hidden;gap:16px}.toast--action--icon{min-width:440px;max-width:440px;padding:8px 16px}.toast--action--icon bds-icon-button{height:32px}@media (max-width: 780px){.toast--action--icon{min-width:220px;width:95%;margin:16px auto 0px auto}}.toast--action--button{min-width:440px;max-width:456px;padding:8px 16px}@media (max-width: 780px){.toast--action--button{min-width:220px;width:95%;margin:16px auto 0px auto}}.toast--system{background:var(--color-system, #80e3eb)}.toast--error{background:var(--color-error, #ffa5a5)}.toast--success{background:var(--color-success, #90e6bc)}.toast--warning{background:var(--color-warning, #fff6a8)}.toast--undo{background-color:var(--color-system, #80e3eb)}.toast--redo{background-color:var(--color-system, #80e3eb)}.toast--notification{background-color:var(--color-surface-1, #ffffff)}.toast bds-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:8px 0}.toast__ballon{display:-ms-flexbox;display:flex;position:absolute;top:0;left:0}.toast__content{height:100%;width:100%;-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:8px 0}.toast__action{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.toast__action bds-button-icon,.toast__action bds-button{position:relative}.toast__action bds-button-icon::before,.toast__action bds-button::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.toast__action bds-button-icon:focus-visible,.toast__action bds-button:focus-visible{outline:none}.toast__action bds-button-icon:focus-visible::before,.toast__action bds-button:focus-visible::before{border-color:var(--color-focus, #c226fb)}.toast__action__button{white-space:nowrap}@-webkit-keyframes toastAnimationFadeInFromRight{0%{opacity:0;right:-200px}50%{opacity:0.9;right:1px}100%{opacity:1}}@keyframes toastAnimationFadeInFromRight{0%{opacity:0;right:-200px}50%{opacity:0.9;right:1px}100%{opacity:1}}@-webkit-keyframes toastAnimationFadeInFromLeft{0%{opacity:0;left:-200px}50%{opacity:0.9;left:1px}100%{opacity:1}}@keyframes toastAnimationFadeInFromLeft{0%{opacity:0;left:-200px}50%{opacity:0.9;left:1px}100%{opacity:1}}@-webkit-keyframes toastAnimationFadeOut{0%{opacity:1}30%{max-height:60px}80%{opacity:0;max-height:30px}100%{max-height:0px}}@keyframes toastAnimationFadeOut{0%{opacity:1}30%{max-height:60px}80%{opacity:0;max-height:30px}100%{max-height:0px}}";
 
 const BdsToast = class {
   constructor(hostRef) {