@baloise/ds-core 20.0.0-next.4 → 20.0.0-next.7

package/dist/cjs/{tslib.es6-BTi-SLnA.js → tslib.es6-BIB10hMZ.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CdD-TT_n.js');
+var index = require('./index-CqInh7Vc.js');
 
 const defaultLoggerConfig = {
     components: [],

package/dist/cjs/type-Br_NbeTX.js

@@ -0,0 +1,33 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+'use strict';
+
+var createValidatorDecorator = require('./create-validator-decorator-Ctd288ve.js');
+
+/**
+ * Property decorator that validates the property value is of the specified type.
+ *
+ * Validation runs on `componentDidLoad` and whenever the property value changes.
+ *
+ * @param type - The expected type ('boolean', 'number', 'string', 'array', 'object', 'function').
+ */
+function Type(type) {
+    return createValidatorDecorator.createValidatorDecorator({
+        priority: 1,
+        blocking: false,
+        run(component, property) {
+            const { value, showError } = createValidatorDecorator.getValidationContext(component, property);
+            const typeIsArray = type === 'array';
+            const valueIsArray = Array.isArray(value);
+            const isValid = typeIsArray || valueIsArray ? valueIsArray === typeIsArray : typeof value === type;
+            if (!isValid) {
+                showError(`must be of type "${type}"`);
+                return false;
+            }
+            return true;
+        },
+    });
+}
+
+exports.Type = Type;

package/dist/collection/collection-manifest.json

@@ -14,39 +14,68 @@
     "components/card/card-header/card-header.js",
     "components/card/card-subtitle/card-subtitle.js",
     "components/card/card-title/card-title.js",
+    "components/carousel/carousel/carousel.js",
+    "components/carousel/carousel-item/carousel-item.js",
     "components/checkbox/checkbox.js",
     "components/checkbox/checkbox-group/checkbox-group.js",
     "components/close/close.js",
     "components/content/content.js",
+    "components/data/data-item.js",
+    "components/data/data-label.js",
+    "components/data/data-value.js",
+    "components/data/data.js",
+    "components/date/date.js",
     "components/divider/divider.js",
+    "components/drawer/drawer.js",
+    "components/file-upload/file-upload.js",
+    "components/footer/footer.js",
     "components/heading/heading.js",
+    "components/hint/hint.js",
+    "components/hint/hint-text/hint-text.js",
+    "components/hint/hint-title/hint-title.js",
     "components/icon/icon.js",
     "components/input/input.js",
+    "components/input-slider/input-slider.js",
     "components/label/label.js",
     "components/list/list.js",
     "components/list/item/item.js",
     "components/logo/logo.js",
+    "components/modal/modal.js",
+    "components/modal/modal-body/modal-body.js",
+    "components/modal/modal-header/modal-header.js",
+    "components/navbar/navbar.js",
     "components/notification/notification.js",
     "components/number-input/number-input.js",
     "components/pagination/pagination.js",
+    "components/popup/popup.js",
     "components/progress-bar/progress-bar.js",
     "components/radio/radio.js",
     "components/radio/radio-group/radio-group.js",
     "components/segment/segment-item.js",
     "components/segment/segment/segment.js",
+    "components/select/select-optgroup.js",
+    "components/select/select-option.js",
+    "components/select/select.js",
     "components/shape/shape.js",
     "components/spinner/spinner.js",
     "components/stack/stack.js",
+    "components/steps/step/step.js",
+    "components/steps/step-panel/step-panel.js",
+    "components/steps/steps/steps.js",
+    "components/tabs/tab/tab.js",
+    "components/tabs/tab-panel/tab-panel.js",
+    "components/tabs/tabs/tabs.js",
     "components/tag/tag.js",
     "components/tag/tag-group/tag-group.js",
     "components/text/text.js",
     "components/textarea/textarea.js",
-    "components/toggle/toggle.js"
+    "components/toggle/toggle.js",
+    "components/tooltip/tooltip.js"
   ],
   "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.43.4",
+    "version": "4.43.5",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/collection/components/accordion/accordion.host.css

@@ -1 +1 @@
-.button{--_button-position: var(--button-position, var(--mod-button-position, static));--_button-top: var(--button-top, var(--mod-button-top));--_button-right: var(--button-right, var(--mod-button-right));--_button-bottom: var(--button-bottom, var(--mod-button-bottom));--_button-left: var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m: var(--button-m, var(--mod-button-m, 0));--_button-my: var(--button-my, var(--mod-button-my));--_button-mx: var(--button-mx, var(--mod-button-mx));--_button-ml: var(--button-ml, var(--mod-button-ml));--_button-mr: var(--button-mr, var(--mod-button-mr));--_button-mt: var(--button-mt, var(--mod-button-mt));--_button-mb: var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family: var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight: var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size: var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height: var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius: var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text: var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border: var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background: var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover: var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover: var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover: var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active: var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active: var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active: var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width: var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style: var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap: var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height: var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width: var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline: var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow: var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow: var(--button-text-shadow, var(--mod-button-text-shadow, none))}.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.button{display:none !important}}.button{appearance:auto;position:relative;display:inline-flex;flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;box-shadow:none;outline:none;box-sizing:border-box;text-decoration:none;user-select:none;box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);touch-action:manipulation;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}.button::-moz-focus-inner{border:0}.button{--spinner-size: 1.5rem;--icon-color: var(--_button-color-text)}.button:focus,.button:active{outline:none}@media(hover: hover)and (pointer: fine){.button:focus-visible:not(:active),.button.is-focused:not(:active){box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}@media(hover: hover)and (pointer: fine){.button:hover,.button.is-hovered{--icon-color: var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}.button:active,.button.is-pressed{--icon-color: var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}.button.is-wide{width:100%;flex:1 1 auto}.button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}.button .badge,.button ds-badge{--badge-position: absolute;--badge-top: -0.5rem;--badge-right: -0.5rem}.button.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-primary-base-text);--mod-button-color-background: var(--ds-button-color-primary-base-background);--mod-button-color-border: var(--ds-button-color-primary-base-border);--mod-button-color-text-hover: var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover: var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover: var(--ds-button-color-primary-hover-border);--mod-button-color-text-active: var(--ds-button-color-primary-active-text);--mod-button-color-background-active: var(--ds-button-color-primary-active-background);--mod-button-color-border-active: var(--ds-button-color-primary-active-border)}.button.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-secondary-base-text);--mod-button-color-background: var(--ds-button-color-secondary-base-background);--mod-button-color-border: var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover: var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover: var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover: var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active: var(--ds-button-color-secondary-active-text);--mod-button-color-background-active: var(--ds-button-color-secondary-active-background);--mod-button-color-border-active: var(--ds-button-color-secondary-active-border)}.button.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-tertiary-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-active-border)}.button.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-yellow-active-border)}.button.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-purple-active-border)}.button.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-green-active-border)}.button.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-red-active-border)}.button.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-info-base-text);--mod-button-color-background: var(--ds-button-color-info-base-background);--mod-button-color-border: var(--ds-button-color-info-base-border);--mod-button-color-text-hover: var(--ds-button-color-info-hover-text);--mod-button-color-background-hover: var(--ds-button-color-info-hover-background);--mod-button-color-border-hover: var(--ds-button-color-info-hover-border);--mod-button-color-text-active: var(--ds-button-color-info-active-text);--mod-button-color-background-active: var(--ds-button-color-info-active-background);--mod-button-color-border-active: var(--ds-button-color-info-active-border)}.button.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-success-base-text);--mod-button-color-background: var(--ds-button-color-success-base-background);--mod-button-color-border: var(--ds-button-color-success-base-border);--mod-button-color-text-hover: var(--ds-button-color-success-hover-text);--mod-button-color-background-hover: var(--ds-button-color-success-hover-background);--mod-button-color-border-hover: var(--ds-button-color-success-hover-border);--mod-button-color-text-active: var(--ds-button-color-success-active-text);--mod-button-color-background-active: var(--ds-button-color-success-active-background);--mod-button-color-border-active: var(--ds-button-color-success-active-border)}.button.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-warning-base-text);--mod-button-color-background: var(--ds-button-color-warning-base-background);--mod-button-color-border: var(--ds-button-color-warning-base-border);--mod-button-color-text-hover: var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover: var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover: var(--ds-button-color-warning-hover-border);--mod-button-color-text-active: var(--ds-button-color-warning-active-text);--mod-button-color-background-active: var(--ds-button-color-warning-active-background);--mod-button-color-border-active: var(--ds-button-color-warning-active-border)}.button.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-danger-base-text);--mod-button-color-background: var(--ds-button-color-danger-base-background);--mod-button-color-border: var(--ds-button-color-danger-base-border);--mod-button-color-text-hover: var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover: var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover: var(--ds-button-color-danger-hover-border);--mod-button-color-text-active: var(--ds-button-color-danger-active-text);--mod-button-color-background-active: var(--ds-button-color-danger-active-background);--mod-button-color-border-active: var(--ds-button-color-danger-active-border)}.button.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-link-base-text);--mod-button-color-background: var(--ds-button-color-link-base-background);--mod-button-color-border: var(--ds-button-color-link-base-border);--mod-button-color-text-hover: var(--ds-button-color-link-hover-text);--mod-button-color-background-hover: var(--ds-button-color-link-hover-background);--mod-button-color-border-hover: var(--ds-button-color-link-hover-border);--mod-button-color-text-active: var(--ds-button-color-link-active-text);--mod-button-color-background-active: var(--ds-button-color-link-active-background);--mod-button-color-border-active: var(--ds-button-color-link-active-border)}.button.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-text-base-text);--mod-button-color-background: var(--ds-button-color-text-base-background);--mod-button-color-border: var(--ds-button-color-text-base-border);--mod-button-color-text-hover: var(--ds-button-color-text-hover-text);--mod-button-color-background-hover: var(--ds-button-color-text-hover-background);--mod-button-color-border-hover: var(--ds-button-color-text-hover-border);--mod-button-color-text-active: var(--ds-button-color-text-active-text);--mod-button-color-background-active: var(--ds-button-color-text-active-background);--mod-button-color-border-active: var(--ds-button-color-text-active-border)}.button.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background: var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border: var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-secondary-active-border)}.button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background: var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border: var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-tertiary-active-border)}.button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-text-base-text);--mod-button-color-background: var(--ds-button-color-inverted-text-base-background);--mod-button-color-border: var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-text-active-border)}.button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-link-base-text);--mod-button-color-background: var(--ds-button-color-inverted-link-base-background);--mod-button-color-border: var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-link-active-border)}.button.is-sm,.button.is-small{--mod-button-font-size: var(--ds-button-size-sm);--mod-button-min-height: 2rem;--mod-button-min-width: 2rem;--mod-button-padding-inline: 0.75rem}.button.is-lg,.button.is-large{--mod-button-font-size: var(--ds-button-size-lg);--mod-button-min-height: 3.5rem;--mod-button-min-width: 3.5rem;--mod-button-padding-inline: 1.5rem}.button.is-xl{--mod-button-font-size: var(--ds-button-size-xl);--mod-button-min-height: 5.5rem;--mod-button-min-width: 5.5rem;--mod-button-padding-inline: 1.5rem}.button.is-flat{--mod-button-padding-inline: 0;--mod-button-min-height: 1.75rem}.button.is-rounded{--mod-button-radius: var(--ds-button-radius-rounded)}.button.is-square:not(.is-sm),.button.is-square:not(.is-small){--mod-button-padding-inline: 0;--mod-button-gap: 0;--mod-button-min-height: 3rem;--mod-button-min-width: 3rem;--icon-size: 1.5rem}.button.is-square.is-sm,.button.is-square.is-small{--mod-button-padding-inline: 0;--mod-button-gap: 0;--mod-button-min-height: 2rem;--mod-button-min-width: 2rem;--icon-size: var(--ds-icon-size-sm)}.button.is-circle:not(.is-sm),.button.is-circle:not(.is-small){--mod-button-radius: var(--ds-button-radius-rounded);--mod-button-padding-inline: 0;--mod-button-gap: 0;--mod-button-min-height: 3rem;--mod-button-min-width: 3rem;--icon-size: 1.5rem}.button.is-circle.is-small,.button.is-circle.is-sm{--mod-button-radius: var(--ds-button-radius-rounded);--mod-button-padding-inline: 0;--mod-button-gap: 0;--mod-button-min-height: 2rem;--mod-button-min-width: 2rem;--icon-size: var(--ds-icon-size-sm)}.button.is-tertiary-purple.is-dashed{--mod-button-border-style: dashed;--icon-shape: var(--_button-color-border);--mod-button-color-text: var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-purple-dashed-active-border)}.button.is-tertiary-red.is-dashed{--mod-button-border-style: dashed;--icon-shape: var(--_button-color-border);--mod-button-color-text: var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-red-dashed-active-border)}.button.is-tertiary-green.is-dashed{--mod-button-border-style: dashed;--icon-shape: var(--_button-color-border);--mod-button-color-text: var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-green-dashed-active-border)}.button.is-tertiary-yellow.is-dashed{--mod-button-border-style: dashed;--icon-shape: var(--_button-color-border);--mod-button-color-text: var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-yellow-dashed-active-border)}.button.has-shadow:not(.is-link,.is-text){--mod-button-box-shadow: var(--ds-alias-shadow-box-base)}.button.is-text.has-shadow,.button.is-link.has-shadow{--mod-button-text-shadow: var(--ds-alias-shadow-text)}.button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:stretch}.button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content: attr(aria-label);content:var(--_button-content)}.button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text: var(--ds-button-color-secondary-base-text);--mod-button-color-background: var(--ds-button-color-secondary-base-background);--mod-button-color-border: var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover: var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover: var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover: var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active: var(--ds-button-color-secondary-active-text);--mod-button-color-background-active: var(--ds-button-color-secondary-active-background);--mod-button-color-border-active: var(--ds-button-color-secondary-active-border);appearance:none;vertical-align:middle}.button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text: var(--ds-button-color-primary-base-text);--mod-button-color-background: var(--ds-button-color-primary-base-background);--mod-button-color-border: var(--ds-button-color-primary-base-border);--mod-button-color-text-hover: var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover: var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover: var(--ds-button-color-primary-hover-border);--mod-button-color-text-active: var(--ds-button-color-primary-active-text);--mod-button-color-background-active: var(--ds-button-color-primary-active-background);--mod-button-color-border-active: var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .button,fieldset[disabled] .button:hover,fieldset[disabled] .button.is-hovered,fieldset[disabled] .button:active,fieldset[disabled] .button.is-pressed,fieldset[disabled] .button:focus,fieldset[disabled] .button.is-focused,.button.is-loading,.button.is-loading:hover,.button.is-loading.is-hovered,.button.is-loading:active,.button.is-loading.is-pressed,.button.is-loading:focus,.button.is-loading.is-focused,.button.is-disabled,.button.is-disabled:hover,.button.is-disabled.is-hovered,.button.is-disabled:active,.button.is-disabled.is-pressed,.button.is-disabled:focus,.button.is-disabled.is-focused,.button.is-inverted.is-disabled,.button.is-inverted.is-disabled:hover,.button.is-inverted.is-disabled.is-hovered,.button.is-inverted.is-disabled:active,.button.is-inverted.is-disabled.is-pressed,.button.is-inverted.is-disabled:focus,.button.is-inverted.is-disabled.is-focused,.button[disabled],.button[disabled]:hover,.button[disabled].is-hovered,.button[disabled]:active,.button[disabled].is-pressed,.button[disabled]:focus,.button[disabled].is-focused{pointer-events:none;opacity:1;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-icon,fieldset[disabled] .button:hover>ds-icon,fieldset[disabled] .button.is-hovered>ds-icon,fieldset[disabled] .button:active>ds-icon,fieldset[disabled] .button.is-pressed>ds-icon,fieldset[disabled] .button:focus>ds-icon,fieldset[disabled] .button.is-focused>ds-icon,.button.is-loading>ds-icon,.button.is-loading:hover>ds-icon,.button.is-loading.is-hovered>ds-icon,.button.is-loading:active>ds-icon,.button.is-loading.is-pressed>ds-icon,.button.is-loading:focus>ds-icon,.button.is-loading.is-focused>ds-icon,.button.is-disabled>ds-icon,.button.is-disabled:hover>ds-icon,.button.is-disabled.is-hovered>ds-icon,.button.is-disabled:active>ds-icon,.button.is-disabled.is-pressed>ds-icon,.button.is-disabled:focus>ds-icon,.button.is-disabled.is-focused>ds-icon,.button.is-inverted.is-disabled>ds-icon,.button.is-inverted.is-disabled:hover>ds-icon,.button.is-inverted.is-disabled.is-hovered>ds-icon,.button.is-inverted.is-disabled:active>ds-icon,.button.is-inverted.is-disabled.is-pressed>ds-icon,.button.is-inverted.is-disabled:focus>ds-icon,.button.is-inverted.is-disabled.is-focused>ds-icon,.button[disabled]>ds-icon,.button[disabled]:hover>ds-icon,.button[disabled].is-hovered>ds-icon,.button[disabled]:active>ds-icon,.button[disabled].is-pressed>ds-icon,.button[disabled]:focus>ds-icon,.button[disabled].is-focused>ds-icon{--icon-color: var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner,fieldset[disabled] .button:hover>ds-spinner,fieldset[disabled] .button.is-hovered>ds-spinner,fieldset[disabled] .button:active>ds-spinner,fieldset[disabled] .button.is-pressed>ds-spinner,fieldset[disabled] .button:focus>ds-spinner,fieldset[disabled] .button.is-focused>ds-spinner,.button.is-loading>ds-spinner,.button.is-loading:hover>ds-spinner,.button.is-loading.is-hovered>ds-spinner,.button.is-loading:active>ds-spinner,.button.is-loading.is-pressed>ds-spinner,.button.is-loading:focus>ds-spinner,.button.is-loading.is-focused>ds-spinner,.button.is-disabled>ds-spinner,.button.is-disabled:hover>ds-spinner,.button.is-disabled.is-hovered>ds-spinner,.button.is-disabled:active>ds-spinner,.button.is-disabled.is-pressed>ds-spinner,.button.is-disabled:focus>ds-spinner,.button.is-disabled.is-focused>ds-spinner,.button.is-inverted.is-disabled>ds-spinner,.button.is-inverted.is-disabled:hover>ds-spinner,.button.is-inverted.is-disabled.is-hovered>ds-spinner,.button.is-inverted.is-disabled:active>ds-spinner,.button.is-inverted.is-disabled.is-pressed>ds-spinner,.button.is-inverted.is-disabled:focus>ds-spinner,.button.is-inverted.is-disabled.is-focused>ds-spinner,.button[disabled]>ds-spinner,.button[disabled]:hover>ds-spinner,.button[disabled].is-hovered>ds-spinner,.button[disabled]:active>ds-spinner,.button[disabled].is-pressed>ds-spinner,.button[disabled]:focus>ds-spinner,.button[disabled].is-focused>ds-spinner{--spinner-color: var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner.is-circle,fieldset[disabled] .button:hover>ds-spinner.is-circle,fieldset[disabled] .button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .button:active>ds-spinner.is-circle,fieldset[disabled] .button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .button:focus>ds-spinner.is-circle,fieldset[disabled] .button.is-focused>ds-spinner.is-circle,.button.is-loading>ds-spinner.is-circle,.button.is-loading:hover>ds-spinner.is-circle,.button.is-loading.is-hovered>ds-spinner.is-circle,.button.is-loading:active>ds-spinner.is-circle,.button.is-loading.is-pressed>ds-spinner.is-circle,.button.is-loading:focus>ds-spinner.is-circle,.button.is-loading.is-focused>ds-spinner.is-circle,.button.is-disabled>ds-spinner.is-circle,.button.is-disabled:hover>ds-spinner.is-circle,.button.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-disabled:active>ds-spinner.is-circle,.button.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-disabled:focus>ds-spinner.is-circle,.button.is-disabled.is-focused>ds-spinner.is-circle,.button.is-inverted.is-disabled>ds-spinner.is-circle,.button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-inverted.is-disabled:active>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.button[disabled]>ds-spinner.is-circle,.button[disabled]:hover>ds-spinner.is-circle,.button[disabled].is-hovered>ds-spinner.is-circle,.button[disabled]:active>ds-spinner.is-circle,.button[disabled].is-pressed>ds-spinner.is-circle,.button[disabled]:focus>ds-spinner.is-circle,.button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background: var(--ds-global-color-grey-4);--spinner-circle-color-border-progress: var(--ds-button-color-disabled-base-text)}.buttons{--_buttons-align-items: var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content: var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction: var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap: var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap: var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:flex;gap:var(--_buttons-gap);flex-direction:var(--_buttons-direction);align-items:var(--_buttons-align-items);justify-content:var(--_buttons-justify-content);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){.buttons ::slotted(.button:not(.is-square,.is-circle)),.buttons .button:not(.is-square,.is-circle){flex:1 1 auto}.buttons ::slotted(ds-button:not(.is-square,.is-circle)),.buttons ds-button:not(.is-square,.is-circle){flex:1 1 auto;--button-width: 100%}}.buttons.as-col-reverse{--mod-buttons-direction: column-reverse}.buttons.as-row-reverse{--mod-buttons-direction: row-reverse}.buttons.as-row{--mod-buttons-direction: row}.buttons.as-col{--mod-buttons-direction: column}@media screen and (max-width: 768px){.buttons.as-col ::slotted(.button),.buttons.as-col .button,.buttons.as-col ::slotted(ds-button),.buttons.as-col ds-button,.buttons.as-col-reverse ::slotted(.button),.buttons.as-col-reverse .button,.buttons.as-col-reverse ::slotted(ds-button),.buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.buttons.as-col.is-center,.buttons.as-col.is-centered,.buttons.as-col-reverse.is-center,.buttons.as-col-reverse.is-centered{--mod-buttons-align-items: center}.buttons.as-col.is-left,.buttons.as-col-reverse.is-left{--mod-buttons-align-items: flex-start}.buttons.as-col.is-right,.buttons.as-col-reverse.is-right{--mod-buttons-align-items: flex-end}}@media screen and (min-width: 769px){.buttons.as-row.is-center,.buttons.as-row.is-centered,.buttons.is-center:not(.as-col),.buttons.is-centered:not(.as-col){--mod-buttons-justify-content: center}.buttons.as-row.is-left,.buttons.is-left:not(.as-col){--mod-buttons-justify-content: flex-start}.buttons.as-row.is-right,.buttons.is-right:not(.as-col){--mod-buttons-justify-content: flex-end}}@media screen and (min-width: 769px){.buttons.is-wide ::slotted(.button:not(.is-square,.is-circle)),.buttons.is-wide .button:not(.is-square,.is-circle),.buttons.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),.buttons.is-wide ds-button:not(.is-square,.is-circle){flex:1 1 auto;--button-width: 100%}}:host{--_accordion-focus: var(--accordion-focus, var(--mod-accordion-focus, var(--ds-alias-interaction-focus-color-base)));--_accordion-marker-size: var(--accordion-marker-size, var(--mod-accordion-marker-size, 1rem));--_accordion-summary-color: var(--accordion-summary-color, var(--mod-accordion-summary-color, var(--ds-accordion-summary-color-base)));--_accordion-summary-font-family: var(--accordion-summary-font-family, var(--mod-accordion-summary-font-family, var(--ds-accordion-summary-font-family)));--_accordion-summary-font-weight: var(--accordion-summary-font-weight, var(--mod-accordion-summary-font-weight, var(--ds-accordion-summary-font-weight)));--_accordion-summary-font-line-height: var(--accordion-summary-font-line-height, var(--mod-accordion-summary-font-line-height, var(--ds-accordion-summary-font-line-height)));--_accordion-summary-font-size: var(--accordion-summary-font-size, var(--mod-accordion-summary-font-size, var(--ds-accordion-summary-font-size-device)));--_accordion-summary-color-hover: var(--accordion-summary-color-hover, var(--mod-accordion-summary-color-hover, var(--ds-accordion-summary-color-hover)));--_accordion-summary-color-active: var(--accordion-summary-color-active, var(--mod-accordion-summary-color-active, var(--ds-accordion-summary-color-active)));--_accordion-radius: var(--accordion-radius, var(--mod-accordion-radius, var(--ds-accordion-radius-base)))}:host{display:flex;flex-direction:column;justify-content:center;position:relative}:host #header{min-height:2.5rem;display:flex;justify-content:center;align-items:center}:host #summary:not(.button){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:inherit;border:none;width:100%;padding:0;margin:0;outline:none;color:var(--_accordion-summary-color);font-family:var(--_accordion-summary-font-family);font-weight:var(--_accordion-summary-font-weight);line-height:var(--_accordion-summary-font-line-height);font-size:var(--_accordion-summary-font-size)}:host #summary:not(.button).has-marker-left #marker{order:-1}@media(hover: hover)and (pointer: fine){:host #summary:not(.button):hover,:host #summary:not(.button).is-hovered{color:var(--_accordion-summary-color-hover)}:host #summary:not(.button):hover ds-icon,:host #summary:not(.button).is-hovered ds-icon{--icon-color: var(--_accordion-summary-color-hover)}}:host #summary:not(.button):active,:host #summary:not(.button).is-pressed{color:var(--_accordion-summary-color-active)}:host #summary:not(.button):active ds-icon,:host #summary:not(.button).is-pressed ds-icon{--icon-color: var(--_accordion-summary-color-active)}:host #summary:not(.button):focus-visible:not(:active):before,:host #summary:not(.button).is-focused:not(:active):before{box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_accordion-focus) 0 0 0 5px !important;content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:var(--_accordion-radius)}:host #label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block}:host #label:not(.is-button){flex:1;text-align:left}:host(.is-title){--mod-accordion-summary-font-family: var(--ds-heading-family);--mod-accordion-summary-font-weight: var(--ds-heading-weight);--mod-accordion-summary-font-line-height: var(--ds-heading-line-height)}:host(.is-h1){--mod-accordion-summary-font-size: var(--ds-heading-1-size-device)}:host(.is-h2){--mod-accordion-summary-font-size: var(--ds-heading-2-size-device)}:host(.is-h3){--mod-accordion-summary-font-size: var(--ds-heading-3-size-device)}:host(.is-h4){--mod-accordion-summary-font-size: var(--ds-heading-4-size-device)}:host(.is-h5){--mod-accordion-summary-font-size: var(--ds-heading-5-size-device)}:host(:not(.is-button)) #marker{min-width:var(--_accordion-marker-size);width:1.5rem;height:var(--_accordion-marker-size);cursor:pointer}:host(:not(.is-button)[open]:not([open=" false "])) #marker{transform:rotate(180deg)}:host(:not(.is-button)[open]:not([open=" false "])) #marker.has-marker-plus{transform:rotate(45deg)}:root{interpolate-size:allow-keywords}@media(prefers-reduced-motion: no-preference){:host(.is-animated) #marker{transition:transform 300ms ease}:host(.is-animated) #content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:content-visibility .3s,grid-template-rows .3s;transition-behavior:allow-discrete}:host(.is-animated) #content>#inner{min-height:0;transition:visibility .3s;visibility:hidden}:host(.is-animated[open]:not([open=" false "])) #content{grid-template-rows:1fr}:host(.is-animated[open]:not([open=" false "])) #content>#inner{visibility:visible}:host(.is-animated[open]:not([open=" false "]):not(.is-animating)) #content{overflow:visible}:host(.is-animated.is-animating) #content{overflow:hidden}}
+.button{--_button-position: var(--button-position, var(--mod-button-position, static));--_button-top: var(--button-top, var(--mod-button-top));--_button-right: var(--button-right, var(--mod-button-right));--_button-bottom: var(--button-bottom, var(--mod-button-bottom));--_button-left: var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m: var(--button-m, var(--mod-button-m, 0));--_button-my: var(--button-my, var(--mod-button-my));--_button-mx: var(--button-mx, var(--mod-button-mx));--_button-ml: var(--button-ml, var(--mod-button-ml));--_button-mr: var(--button-mr, var(--mod-button-mr));--_button-mt: var(--button-mt, var(--mod-button-mt));--_button-mb: var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family: var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight: var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size: var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height: var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius: var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text: var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border: var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background: var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover: var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover: var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover: var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active: var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active: var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active: var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width: var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style: var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap: var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height: var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width: var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline: var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow: var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow: var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow: var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.button{display:none !important}}.button{appearance:auto;position:relative;display:inline-flex;flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;box-shadow:none;outline:none;box-sizing:border-box;text-decoration:none;user-select:none;box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);touch-action:manipulation;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}.button::-moz-focus-inner{border:0}.button{--spinner-size: 1.5rem;--icon-color: var(--_button-color-text)}.button:focus,.button:active{outline:none}@media(hover: hover)and (pointer: fine){.button:focus-visible:not(:active),.button.is-focused:not(:active){box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media(hover: hover)and (pointer: fine){.button:hover,.button.is-hovered{--icon-color: var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}.button:active,.button.is-pressed{--icon-color: var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}.button.is-wide{width:100%;flex:1 1 auto}.button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}.button .badge,.button ds-badge{--badge-position: absolute;--badge-top: -0.5rem;--badge-right: -0.5rem}.button.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-primary-base-text);--mod-button-color-background: var(--ds-button-color-primary-base-background);--mod-button-color-border: var(--ds-button-color-primary-base-border);--mod-button-color-text-hover: var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover: var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover: var(--ds-button-color-primary-hover-border);--mod-button-color-text-active: var(--ds-button-color-primary-active-text);--mod-button-color-background-active: var(--ds-button-color-primary-active-background);--mod-button-color-border-active: var(--ds-button-color-primary-active-border)}.button.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-secondary-base-text);--mod-button-color-background: var(--ds-button-color-secondary-base-background);--mod-button-color-border: var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover: var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover: var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover: var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active: var(--ds-button-color-secondary-active-text);--mod-button-color-background-active: var(--ds-button-color-secondary-active-background);--mod-button-color-border-active: var(--ds-button-color-secondary-active-border)}.button.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-tertiary-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-active-border)}.button.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-yellow-active-border)}.button.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-purple-active-border)}.button.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-green-active-border)}.button.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-red-active-border)}.button.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-info-base-text);--mod-button-color-background: var(--ds-button-color-info-base-background);--mod-button-color-border: var(--ds-button-color-info-base-border);--mod-button-color-text-hover: var(--ds-button-color-info-hover-text);--mod-button-color-background-hover: var(--ds-button-color-info-hover-background);--mod-button-color-border-hover: var(--ds-button-color-info-hover-border);--mod-button-color-text-active: var(--ds-button-color-info-active-text);--mod-button-color-background-active: var(--ds-button-color-info-active-background);--mod-button-color-border-active: var(--ds-button-color-info-active-border)}.button.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-success-base-text);--mod-button-color-background: var(--ds-button-color-success-base-background);--mod-button-color-border: var(--ds-button-color-success-base-border);--mod-button-color-text-hover: var(--ds-button-color-success-hover-text);--mod-button-color-background-hover: var(--ds-button-color-success-hover-background);--mod-button-color-border-hover: var(--ds-button-color-success-hover-border);--mod-button-color-text-active: var(--ds-button-color-success-active-text);--mod-button-color-background-active: var(--ds-button-color-success-active-background);--mod-button-color-border-active: var(--ds-button-color-success-active-border)}.button.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-warning-base-text);--mod-button-color-background: var(--ds-button-color-warning-base-background);--mod-button-color-border: var(--ds-button-color-warning-base-border);--mod-button-color-text-hover: var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover: var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover: var(--ds-button-color-warning-hover-border);--mod-button-color-text-active: var(--ds-button-color-warning-active-text);--mod-button-color-background-active: var(--ds-button-color-warning-active-background);--mod-button-color-border-active: var(--ds-button-color-warning-active-border)}.button.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-danger-base-text);--mod-button-color-background: var(--ds-button-color-danger-base-background);--mod-button-color-border: var(--ds-button-color-danger-base-border);--mod-button-color-text-hover: var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover: var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover: var(--ds-button-color-danger-hover-border);--mod-button-color-text-active: var(--ds-button-color-danger-active-text);--mod-button-color-background-active: var(--ds-button-color-danger-active-background);--mod-button-color-border-active: var(--ds-button-color-danger-active-border)}.button.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-link-base-text);--mod-button-color-background: var(--ds-button-color-link-base-background);--mod-button-color-border: var(--ds-button-color-link-base-border);--mod-button-color-text-hover: var(--ds-button-color-link-hover-text);--mod-button-color-background-hover: var(--ds-button-color-link-hover-background);--mod-button-color-border-hover: var(--ds-button-color-link-hover-border);--mod-button-color-text-active: var(--ds-button-color-link-active-text);--mod-button-color-background-active: var(--ds-button-color-link-active-background);--mod-button-color-border-active: var(--ds-button-color-link-active-border)}.button.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-text-base-text);--mod-button-color-background: var(--ds-button-color-text-base-background);--mod-button-color-border: var(--ds-button-color-text-base-border);--mod-button-color-text-hover: var(--ds-button-color-text-hover-text);--mod-button-color-background-hover: var(--ds-button-color-text-hover-background);--mod-button-color-border-hover: var(--ds-button-color-text-hover-border);--mod-button-color-text-active: var(--ds-button-color-text-active-text);--mod-button-color-background-active: var(--ds-button-color-text-active-background);--mod-button-color-border-active: var(--ds-button-color-text-active-border)}.button.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-base-text);--mod-button-color-background: var(--ds-button-color-inverted-base-background);--mod-button-color-border: var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-active-border)}.button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background: var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border: var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-secondary-active-border)}.button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background: var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border: var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-tertiary-active-border)}.button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-text-base-text);--mod-button-color-background: var(--ds-button-color-inverted-text-base-background);--mod-button-color-border: var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-text-active-border)}.button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text: var(--ds-button-color-inverted-link-base-text);--mod-button-color-background: var(--ds-button-color-inverted-link-base-background);--mod-button-color-border: var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover: var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover: var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover: var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active: var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active: var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active: var(--ds-button-color-inverted-link-active-border)}.button.is-sm,.button.is-small{--mod-button-font-size: var(--ds-button-size-sm);--mod-button-min-height: 2rem;--mod-button-min-width: 2rem;--mod-button-padding-inline: 0.75rem}.button.is-lg,.button.is-large{--mod-button-font-size: var(--ds-button-size-lg);--mod-button-min-height: 3.5rem;--mod-button-min-width: 3.5rem;--mod-button-padding-inline: 1.5rem}.button.is-xl{--mod-button-font-size: var(--ds-button-size-xl);--mod-button-min-height: 5.5rem;--mod-button-min-width: 5.5rem;--mod-button-padding-inline: 1.5rem}.button.is-flat{--mod-button-padding-inline: 0;--mod-button-min-height: 1.75rem}.button.is-rounded{--mod-button-radius: var(--ds-button-radius-rounded)}.button.is-square:not(.is-sm),.button.is-square:not(.is-small){--mod-button-padding-inline: 0;--mod-button-gap: 0;--mod-button-min-height: 3rem;--mod-button-min-width: 3rem;--icon-size: 1.5rem}.button.is-square.is-sm,.button.is-square.is-small{--mod-button-padding-inline: 0;--mod-button-gap: 0;--mod-button-min-height: 2rem;--mod-button-min-width: 2rem;--icon-size: var(--ds-icon-size-sm)}.button.is-circle:not(.is-sm),.button.is-circle:not(.is-small){--mod-button-radius: var(--ds-button-radius-rounded);--mod-button-padding-inline: 0;--mod-button-gap: 0;--mod-button-min-height: 3rem;--mod-button-min-width: 3rem;--icon-size: 1.5rem}.button.is-circle.is-small,.button.is-circle.is-sm{--mod-button-radius: var(--ds-button-radius-rounded);--mod-button-padding-inline: 0;--mod-button-gap: 0;--mod-button-min-height: 2rem;--mod-button-min-width: 2rem;--icon-size: var(--ds-icon-size-sm)}.button.is-tertiary-purple.is-dashed{--mod-button-border-style: dashed;--icon-shape: var(--_button-color-border);--mod-button-color-text: var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-purple-dashed-active-border)}.button.is-tertiary-red.is-dashed{--mod-button-border-style: dashed;--icon-shape: var(--_button-color-border);--mod-button-color-text: var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-red-dashed-active-border)}.button.is-tertiary-green.is-dashed{--mod-button-border-style: dashed;--icon-shape: var(--_button-color-border);--mod-button-color-text: var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-green-dashed-active-border)}.button.is-tertiary-yellow.is-dashed{--mod-button-border-style: dashed;--icon-shape: var(--_button-color-border);--mod-button-color-text: var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background: var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border: var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover: var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover: var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover: var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active: var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active: var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active: var(--ds-button-color-tertiary-yellow-dashed-active-border)}.button.has-shadow:not(.is-link,.is-text){--mod-button-box-shadow: var(--ds-alias-shadow-box-base)}.button.is-text.has-shadow,.button.is-link.has-shadow{--mod-button-text-shadow: var(--ds-alias-shadow-text)}.button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:stretch}.button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content: attr(aria-label);content:var(--_button-content)}.button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text: var(--ds-button-color-secondary-base-text);--mod-button-color-background: var(--ds-button-color-secondary-base-background);--mod-button-color-border: var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover: var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover: var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover: var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active: var(--ds-button-color-secondary-active-text);--mod-button-color-background-active: var(--ds-button-color-secondary-active-background);--mod-button-color-border-active: var(--ds-button-color-secondary-active-border);appearance:none;vertical-align:middle}.button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text: var(--ds-button-color-primary-base-text);--mod-button-color-background: var(--ds-button-color-primary-base-background);--mod-button-color-border: var(--ds-button-color-primary-base-border);--mod-button-color-text-hover: var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover: var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover: var(--ds-button-color-primary-hover-border);--mod-button-color-text-active: var(--ds-button-color-primary-active-text);--mod-button-color-background-active: var(--ds-button-color-primary-active-background);--mod-button-color-border-active: var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .button,fieldset[disabled] .button:hover,fieldset[disabled] .button.is-hovered,fieldset[disabled] .button:active,fieldset[disabled] .button.is-pressed,fieldset[disabled] .button:focus,fieldset[disabled] .button.is-focused,.button.is-loading,.button.is-loading:hover,.button.is-loading.is-hovered,.button.is-loading:active,.button.is-loading.is-pressed,.button.is-loading:focus,.button.is-loading.is-focused,.button.is-disabled,.button.is-disabled:hover,.button.is-disabled.is-hovered,.button.is-disabled:active,.button.is-disabled.is-pressed,.button.is-disabled:focus,.button.is-disabled.is-focused,.button.is-inverted.is-disabled,.button.is-inverted.is-disabled:hover,.button.is-inverted.is-disabled.is-hovered,.button.is-inverted.is-disabled:active,.button.is-inverted.is-disabled.is-pressed,.button.is-inverted.is-disabled:focus,.button.is-inverted.is-disabled.is-focused,.button[disabled],.button[disabled]:hover,.button[disabled].is-hovered,.button[disabled]:active,.button[disabled].is-pressed,.button[disabled]:focus,.button[disabled].is-focused{pointer-events:none;opacity:1;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-icon,fieldset[disabled] .button:hover>ds-icon,fieldset[disabled] .button.is-hovered>ds-icon,fieldset[disabled] .button:active>ds-icon,fieldset[disabled] .button.is-pressed>ds-icon,fieldset[disabled] .button:focus>ds-icon,fieldset[disabled] .button.is-focused>ds-icon,.button.is-loading>ds-icon,.button.is-loading:hover>ds-icon,.button.is-loading.is-hovered>ds-icon,.button.is-loading:active>ds-icon,.button.is-loading.is-pressed>ds-icon,.button.is-loading:focus>ds-icon,.button.is-loading.is-focused>ds-icon,.button.is-disabled>ds-icon,.button.is-disabled:hover>ds-icon,.button.is-disabled.is-hovered>ds-icon,.button.is-disabled:active>ds-icon,.button.is-disabled.is-pressed>ds-icon,.button.is-disabled:focus>ds-icon,.button.is-disabled.is-focused>ds-icon,.button.is-inverted.is-disabled>ds-icon,.button.is-inverted.is-disabled:hover>ds-icon,.button.is-inverted.is-disabled.is-hovered>ds-icon,.button.is-inverted.is-disabled:active>ds-icon,.button.is-inverted.is-disabled.is-pressed>ds-icon,.button.is-inverted.is-disabled:focus>ds-icon,.button.is-inverted.is-disabled.is-focused>ds-icon,.button[disabled]>ds-icon,.button[disabled]:hover>ds-icon,.button[disabled].is-hovered>ds-icon,.button[disabled]:active>ds-icon,.button[disabled].is-pressed>ds-icon,.button[disabled]:focus>ds-icon,.button[disabled].is-focused>ds-icon{--icon-color: var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner,fieldset[disabled] .button:hover>ds-spinner,fieldset[disabled] .button.is-hovered>ds-spinner,fieldset[disabled] .button:active>ds-spinner,fieldset[disabled] .button.is-pressed>ds-spinner,fieldset[disabled] .button:focus>ds-spinner,fieldset[disabled] .button.is-focused>ds-spinner,.button.is-loading>ds-spinner,.button.is-loading:hover>ds-spinner,.button.is-loading.is-hovered>ds-spinner,.button.is-loading:active>ds-spinner,.button.is-loading.is-pressed>ds-spinner,.button.is-loading:focus>ds-spinner,.button.is-loading.is-focused>ds-spinner,.button.is-disabled>ds-spinner,.button.is-disabled:hover>ds-spinner,.button.is-disabled.is-hovered>ds-spinner,.button.is-disabled:active>ds-spinner,.button.is-disabled.is-pressed>ds-spinner,.button.is-disabled:focus>ds-spinner,.button.is-disabled.is-focused>ds-spinner,.button.is-inverted.is-disabled>ds-spinner,.button.is-inverted.is-disabled:hover>ds-spinner,.button.is-inverted.is-disabled.is-hovered>ds-spinner,.button.is-inverted.is-disabled:active>ds-spinner,.button.is-inverted.is-disabled.is-pressed>ds-spinner,.button.is-inverted.is-disabled:focus>ds-spinner,.button.is-inverted.is-disabled.is-focused>ds-spinner,.button[disabled]>ds-spinner,.button[disabled]:hover>ds-spinner,.button[disabled].is-hovered>ds-spinner,.button[disabled]:active>ds-spinner,.button[disabled].is-pressed>ds-spinner,.button[disabled]:focus>ds-spinner,.button[disabled].is-focused>ds-spinner{--spinner-color: var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner.is-circle,fieldset[disabled] .button:hover>ds-spinner.is-circle,fieldset[disabled] .button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .button:active>ds-spinner.is-circle,fieldset[disabled] .button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .button:focus>ds-spinner.is-circle,fieldset[disabled] .button.is-focused>ds-spinner.is-circle,.button.is-loading>ds-spinner.is-circle,.button.is-loading:hover>ds-spinner.is-circle,.button.is-loading.is-hovered>ds-spinner.is-circle,.button.is-loading:active>ds-spinner.is-circle,.button.is-loading.is-pressed>ds-spinner.is-circle,.button.is-loading:focus>ds-spinner.is-circle,.button.is-loading.is-focused>ds-spinner.is-circle,.button.is-disabled>ds-spinner.is-circle,.button.is-disabled:hover>ds-spinner.is-circle,.button.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-disabled:active>ds-spinner.is-circle,.button.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-disabled:focus>ds-spinner.is-circle,.button.is-disabled.is-focused>ds-spinner.is-circle,.button.is-inverted.is-disabled>ds-spinner.is-circle,.button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-inverted.is-disabled:active>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.button[disabled]>ds-spinner.is-circle,.button[disabled]:hover>ds-spinner.is-circle,.button[disabled].is-hovered>ds-spinner.is-circle,.button[disabled]:active>ds-spinner.is-circle,.button[disabled].is-pressed>ds-spinner.is-circle,.button[disabled]:focus>ds-spinner.is-circle,.button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background: var(--ds-global-color-grey-4);--spinner-circle-color-border-progress: var(--ds-button-color-disabled-base-text)}.buttons{--_buttons-align-items: var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content: var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction: var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap: var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap: var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:flex;gap:var(--_buttons-gap);flex-direction:var(--_buttons-direction);align-items:var(--_buttons-align-items);justify-content:var(--_buttons-justify-content);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){.buttons ::slotted(.button:not(.is-square,.is-circle)),.buttons .button:not(.is-square,.is-circle){flex:1 1 auto}.buttons ::slotted(ds-button:not(.is-square,.is-circle)),.buttons ds-button:not(.is-square,.is-circle){flex:1 1 auto;--button-width: 100%}}.buttons.as-col-reverse{--mod-buttons-direction: column-reverse}.buttons.as-row-reverse{--mod-buttons-direction: row-reverse}.buttons.as-row{--mod-buttons-direction: row}.buttons.as-col{--mod-buttons-direction: column}@media screen and (max-width: 768px){.buttons.as-col ::slotted(.button),.buttons.as-col .button,.buttons.as-col ::slotted(ds-button),.buttons.as-col ds-button,.buttons.as-col-reverse ::slotted(.button),.buttons.as-col-reverse .button,.buttons.as-col-reverse ::slotted(ds-button),.buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.buttons.as-col.is-center,.buttons.as-col.is-centered,.buttons.as-col-reverse.is-center,.buttons.as-col-reverse.is-centered{--mod-buttons-align-items: center}.buttons.as-col.is-left,.buttons.as-col-reverse.is-left{--mod-buttons-align-items: flex-start}.buttons.as-col.is-right,.buttons.as-col-reverse.is-right{--mod-buttons-align-items: flex-end}}@media screen and (min-width: 769px){.buttons.as-row.is-center,.buttons.as-row.is-centered,.buttons.is-center:not(.as-col),.buttons.is-centered:not(.as-col){--mod-buttons-justify-content: center}.buttons.as-row.is-left,.buttons.is-left:not(.as-col){--mod-buttons-justify-content: flex-start}.buttons.as-row.is-right,.buttons.is-right:not(.as-col){--mod-buttons-justify-content: flex-end}}@media screen and (min-width: 769px){.buttons.is-wide ::slotted(.button:not(.is-square,.is-circle)),.buttons.is-wide .button:not(.is-square,.is-circle),.buttons.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),.buttons.is-wide ds-button:not(.is-square,.is-circle){flex:1 1 auto;--button-width: 100%}}:host{--_accordion-focus: var(--accordion-focus, var(--mod-accordion-focus, var(--ds-alias-interaction-focus-color-base)));--_accordion-marker-size: var(--accordion-marker-size, var(--mod-accordion-marker-size, 1rem));--_accordion-summary-color: var(--accordion-summary-color, var(--mod-accordion-summary-color, var(--ds-accordion-summary-color-base)));--_accordion-summary-font-family: var(--accordion-summary-font-family, var(--mod-accordion-summary-font-family, var(--ds-accordion-summary-font-family)));--_accordion-summary-font-weight: var(--accordion-summary-font-weight, var(--mod-accordion-summary-font-weight, var(--ds-accordion-summary-font-weight)));--_accordion-summary-font-line-height: var(--accordion-summary-font-line-height, var(--mod-accordion-summary-font-line-height, var(--ds-accordion-summary-font-line-height)));--_accordion-summary-font-size: var(--accordion-summary-font-size, var(--mod-accordion-summary-font-size, var(--ds-accordion-summary-font-size-device)));--_accordion-summary-color-hover: var(--accordion-summary-color-hover, var(--mod-accordion-summary-color-hover, var(--ds-accordion-summary-color-hover)));--_accordion-summary-color-active: var(--accordion-summary-color-active, var(--mod-accordion-summary-color-active, var(--ds-accordion-summary-color-active)));--_accordion-radius: var(--accordion-radius, var(--mod-accordion-radius, var(--ds-accordion-radius-base)))}:host{display:flex;flex-direction:column;justify-content:center;position:relative}:host #header{min-height:2.5rem;display:flex;justify-content:center;align-items:center}:host #summary:not(.button){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:inherit;border:none;width:100%;padding:0;margin:0;outline:none;color:var(--_accordion-summary-color);font-family:var(--_accordion-summary-font-family);font-weight:var(--_accordion-summary-font-weight);line-height:var(--_accordion-summary-font-line-height);font-size:var(--_accordion-summary-font-size)}:host #summary:not(.button).has-marker-left #marker{order:-1}@media(hover: hover)and (pointer: fine){:host #summary:not(.button):hover,:host #summary:not(.button).is-hovered{color:var(--_accordion-summary-color-hover)}:host #summary:not(.button):hover ds-icon,:host #summary:not(.button).is-hovered ds-icon{--icon-color: var(--_accordion-summary-color-hover)}}:host #summary:not(.button):active,:host #summary:not(.button).is-pressed{color:var(--_accordion-summary-color-active)}:host #summary:not(.button):active ds-icon,:host #summary:not(.button).is-pressed ds-icon{--icon-color: var(--_accordion-summary-color-active)}:host #summary:not(.button):focus-visible:not(:active):before,:host #summary:not(.button).is-focused:not(:active):before{box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_accordion-focus) 0 0 0 5px !important;content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:var(--_accordion-radius)}:host #label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block}:host #label:not(.is-button){flex:1;text-align:left}:host(.is-title){--mod-accordion-summary-font-family: var(--ds-alias-text-family-heading);--mod-accordion-summary-font-weight: var(--ds-heading-weight);--mod-accordion-summary-font-line-height: var(--ds-heading-line-height)}:host(.is-h1){--mod-accordion-summary-font-size: var(--ds-heading-1-size-device)}:host(.is-h2){--mod-accordion-summary-font-size: var(--ds-heading-2-size-device)}:host(.is-h3){--mod-accordion-summary-font-size: var(--ds-heading-3-size-device)}:host(.is-h4){--mod-accordion-summary-font-size: var(--ds-heading-4-size-device)}:host(.is-h5){--mod-accordion-summary-font-size: var(--ds-heading-5-size-device)}:host(:not(.is-button)) #marker{min-width:var(--_accordion-marker-size);width:1.5rem;height:var(--_accordion-marker-size);cursor:pointer}:host(:not(.is-button)[open]:not([open=" false "])) #marker{transform:rotate(180deg)}:host(:not(.is-button)[open]:not([open=" false "])) #marker.has-marker-plus{transform:rotate(45deg)}:root{interpolate-size:allow-keywords}@media(prefers-reduced-motion: no-preference){:host(.is-animated) #marker{transition:transform 300ms ease}:host(.is-animated) #content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:content-visibility .3s,grid-template-rows .3s;transition-behavior:allow-discrete}:host(.is-animated) #content>#inner{min-height:0;transition:visibility .3s;visibility:hidden}:host(.is-animated[open]:not([open=" false "])) #content{grid-template-rows:1fr}:host(.is-animated[open]:not([open=" false "])) #content>#inner{visibility:visible}:host(.is-animated[open]:not([open=" false "]):not(.is-animating)) #content{overflow:visible}:host(.is-animated.is-animating) #content{overflow:hidden}}

package/dist/collection/components/accordion/accordion.js

@@ -3,7 +3,7 @@
  */
 import { __decorate, __metadata } from "tslib";
 import { h, Host } from "@stencil/core";
-import { ariaBooleanToString, Logger, ValidateOneOf, ValidateType, setupValidation, } from "../../utils/index";
+import { ariaBooleanToString, Logger, hasValue, OneOf, Type } from "../../utils/index";
 import { ListenToConfig } from "../../global/index";
 import { ACCORDION_SUMMARY_LEVELS, ACCORDION_MARKERS, ACCORDION_MARKER_POSITIONS, ACCORDION_BUTTON_COLORS, ACCORDION_BUTTON_SIZES, } from "./accordion.interfaces";
 /**
@@ -99,13 +99,6 @@ export class Accordion {
     createLogger(log) {
         this.log = log;
     }
-    /**
-     * LIFECYCLE
-     * ------------------------------------------------------
-     */
-    connectedCallback() {
-        setupValidation(this);
-    }
     /**
      * LISTENERS
      * ------------------------------------------------------
@@ -116,7 +109,7 @@ export class Accordion {
         if (id === this.accordionId)
             return;
         // only react if same group (or no group = global)
-        if ((this.group && group !== this.group) || this.group === undefined || this.group === null || this.group === '')
+        if ((this.group && group !== this.group) || !hasValue(this.group))
             return;
         this.open = false;
     }
@@ -158,23 +151,23 @@ export class Accordion {
      * ------------------------------------------------------
      */
     render() {
-        const MarkerIcon = (h("ds-icon", { key: '9df1f792bf8c1fb373d69eddd5aecf1c62bcacb0', id: "marker", part: "marker", class: {
+        const MarkerIcon = (h("ds-icon", { key: '48d7b88e447d191b791ccfc0083a5cc9f0af0fe5', id: "marker", part: "marker", class: {
                 'has-marker-plus': this.marker === 'plus' || (this.marker === 'plus-minus' && !this.open),
                 'has-marker-minus': this.marker === 'plus-minus' && this.open,
             }, name: this.marker === 'plus' ? 'plus' : this.marker !== 'plus-minus' ? 'caret-down' : this.open ? 'minus' : 'plus' }));
-        return (h(Host, { key: '1ad6618553f3aad6c4dcdfa60307cda611687efd', class: {
+        return (h(Host, { key: '59ab8b2cfcb61d9aebcc1fe4d9ec51a6838dc3ae', class: {
                 'is-button': !!this.buttonIconOpen || !!this.buttonIconClose,
-                'is-title': this.summaryTitle === true || this.summaryVisualLevel !== undefined,
+                'is-title': this.summaryTitle === true || hasValue(this.summaryVisualLevel),
                 [`is-${this.summaryVisualLevel}`]: !!this.summaryVisualLevel,
                 'is-animated': !!this.animated,
                 'is-animating': !!this.animated && this.isAnimating,
-            } }, h(this.summaryLevel, { key: 'bf871c6842a02c7182233e530a351bb5aeedcaff', id: "header", part: "header" }, h("button", { key: '795650137f9b2811ffd714eed7e962e187138e41', type: "button", "aria-expanded": ariaBooleanToString(this.open), "aria-controls": "content", id: "summary", part: "summary", onClick: ev => this.handleToggle(ev, !this.open), class: {
+            } }, h(this.summaryLevel, { key: '97597627f97470d3841223df4535af767a9fe1a4', id: "header", part: "header" }, h("button", { key: '97c1938280ce66d37b9b94d676d3fa0c8f65fa30', type: "button", "aria-expanded": ariaBooleanToString(this.open), "aria-controls": "content", id: "summary", part: "summary", onClick: ev => this.handleToggle(ev, !this.open), class: {
                 'button': this.button,
                 'is-wide': this.buttonWide,
                 [`is-${this.buttonColor}`]: !!this.buttonColor,
                 [`is-${this.buttonSize}`]: !!this.buttonSize,
                 'has-marker-left': this.markerPosition === 'left',
-            } }, this.buttonIconOpen || this.buttonIconClose ? (h("ds-icon", { id: "marker", part: "marker", name: this.open ? this.buttonIconOpen : this.buttonIconClose })) : (this.button && MarkerIcon), h("span", { key: '61cdfe01e5f91b2f6e24f6498af12be43151dc5e', id: "label", class: { 'is-button': this.button } }, h("slot", { key: '842e555953f2d70e85727283bd7eff2ea49e6ab6', name: "summary" }, this.open ? this.buttonLabelOpen : this.buttonLabelClose)), !this.button && this.marker !== 'none' && !this.buttonIconOpen && MarkerIcon)), h("div", { key: 'a4c52e4567ddaa7f2ddf1bdf5ae46277ce60b276', id: "content", role: "region", "aria-labelledby": "summary", part: "content", hidden: !this.open, onTransitionEnd: this.handleContentTransitionEnd }, h("div", { key: 'b9898ee9f3b50551646918be8b455e8301632417', id: "inner" }, h("slot", { key: '5f13e58defaf85f0f1d852d17558588cb2fd5ebe', name: "content" }), h("slot", { key: '0e68f420b997574d35600a16f6ba63c16aee889d' })))));
+            } }, this.buttonIconOpen || this.buttonIconClose ? (h("ds-icon", { id: "marker", part: "marker", name: this.open ? this.buttonIconOpen : this.buttonIconClose })) : (this.button && MarkerIcon), h("span", { key: '2214f05ded2349b934bba71647cc6ea7af5385fd', id: "label", class: { 'is-button': this.button } }, h("slot", { key: '090df033234b886dbcbe2a2949295392cc576c56', name: "summary" }, this.open ? this.buttonLabelOpen : this.buttonLabelClose)), !this.button && this.marker !== 'none' && !this.buttonIconOpen && MarkerIcon)), h("div", { key: '0dd36569ea9052d2ebc5acad4930d9bd5234fe7f', id: "content", role: "region", "aria-labelledby": "summary", part: "content", hidden: !this.open, onTransitionEnd: this.handleContentTransitionEnd }, h("div", { key: '2d14894d44ab11c12ae8e750cc73efd013402b60', id: "inner" }, h("slot", { key: 'ba32e6448db881b4530c995258de6a3de126ecb1', name: "content" }), h("slot", { key: '5a6a5689a9b8b22fc3717d36d5c765c91744330b' })))));
     }
     static get is() { return "ds-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -661,63 +654,63 @@ __decorate([
     __metadata("design:returntype", void 0)
 ], Accordion.prototype, "createLogger", null);
 __decorate([
-    ValidateType('boolean'),
+    Type('boolean'),
     __metadata("design:type", Boolean)
 ], Accordion.prototype, "open", void 0);
 __decorate([
-    ValidateType('string'),
+    Type('string'),
     __metadata("design:type", String)
 ], Accordion.prototype, "group", void 0);
 __decorate([
-    ValidateOneOf(...ACCORDION_SUMMARY_LEVELS),
+    OneOf(ACCORDION_SUMMARY_LEVELS),
     __metadata("design:type", String)
 ], Accordion.prototype, "summaryLevel", void 0);
 __decorate([
-    ValidateOneOf(...ACCORDION_SUMMARY_LEVELS),
+    OneOf(ACCORDION_SUMMARY_LEVELS),
     __metadata("design:type", String)
 ], Accordion.prototype, "summaryVisualLevel", void 0);
 __decorate([
-    ValidateType('boolean'),
+    Type('boolean'),
     __metadata("design:type", Boolean)
 ], Accordion.prototype, "summaryTitle", void 0);
 __decorate([
-    ValidateOneOf(...ACCORDION_MARKERS),
+    OneOf(ACCORDION_MARKERS),
     __metadata("design:type", String)
 ], Accordion.prototype, "marker", void 0);
 __decorate([
-    ValidateOneOf(...ACCORDION_MARKER_POSITIONS),
+    OneOf(ACCORDION_MARKER_POSITIONS),
     __metadata("design:type", String)
 ], Accordion.prototype, "markerPosition", void 0);
 __decorate([
-    ValidateType('boolean'),
+    Type('boolean'),
     __metadata("design:type", Boolean)
 ], Accordion.prototype, "button", void 0);
 __decorate([
-    ValidateType('boolean'),
+    Type('boolean'),
     __metadata("design:type", Boolean)
 ], Accordion.prototype, "buttonWide", void 0);
 __decorate([
-    ValidateOneOf(...ACCORDION_BUTTON_COLORS),
+    OneOf(ACCORDION_BUTTON_COLORS),
     __metadata("design:type", String)
 ], Accordion.prototype, "buttonColor", void 0);
 __decorate([
-    ValidateOneOf(...ACCORDION_BUTTON_SIZES),
+    OneOf(ACCORDION_BUTTON_SIZES),
     __metadata("design:type", String)
 ], Accordion.prototype, "buttonSize", void 0);
 __decorate([
-    ValidateType('string'),
+    Type('string'),
     __metadata("design:type", String)
 ], Accordion.prototype, "buttonLabelOpen", void 0);
 __decorate([
-    ValidateType('string'),
+    Type('string'),
     __metadata("design:type", String)
 ], Accordion.prototype, "buttonIconOpen", void 0);
 __decorate([
-    ValidateType('string'),
+    Type('string'),
     __metadata("design:type", String)
 ], Accordion.prototype, "buttonLabelClose", void 0);
 __decorate([
-    ValidateType('string'),
+    Type('string'),
     __metadata("design:type", String)
 ], Accordion.prototype, "buttonIconClose", void 0);
 __decorate([

package/dist/collection/components/alert/alert-container.js

@@ -3,7 +3,7 @@
  */
 import { __decorate, __metadata } from "tslib";
 import { h, Host } from "@stencil/core";
-import { raf, wait, createPausableTimer, Logger, ValidateOneOf, ValidateType, setupValidation, } from "../../utils/index";
+import { raf, wait, createPausableTimer, Logger, OneOf, Required, Type } from "../../utils/index";
 import { ALERT_TYPES, ALERT_CONTAINER_SIZES, } from "./alert-container.interfaces";
 /**
  * Alert Container manages and displays a queue of toast or snackbar notifications with automatic dismissal and deduplication.
@@ -34,13 +34,6 @@ export class AlertContainer {
     createLogger(log) {
         this.log = log;
     }
-    /**
-     * LIFECYCLE
-     * ------------------------------------------------------
-     */
-    connectedCallback() {
-        setupValidation(this);
-    }
     /**
      * PUBLIC METHODS
      * ------------------------------------------------------
@@ -130,10 +123,10 @@ export class AlertContainer {
     render() {
         const visibleAlerts = this.alerts.slice(0, this.maxVisibleItems);
         const AlertElement = this.type === 'toast' ? 'ds-toast' : 'ds-snackbar';
-        return (h(Host, { key: '239044a2e90d54e30f0a0d9335872571de743b82', class: {
+        return (h(Host, { key: '4b27582dc8593dc0f58058dfa15bba7e3b3ef7d5', class: {
                 'is-toast': this.type === 'toast',
                 'is-snackbar': this.type === 'snackbar',
-            } }, h("div", { key: '0356a057666edc0b1cc174de6476179085e71878', id: "wrapper", class: { container: this.type === 'toast' } }, visibleAlerts.map(alert => (h(AlertElement, { key: alert.alertId, id: alert.alertId, alertId: alert.alertId, visible: alert.visible, heading: alert.heading, message: alert.message, color: alert.color, duration: alert.duration, closable: alert.closable, closeHandler: () => alert.closeHandler(alert.alertId), action: alert.action, actionIcon: alert.actionIcon, actionTarget: alert.actionTarget, actionHref: alert.actionHref, actionHandler: () => alert.actionHandler(alert.alertId), onDsCloseClick: () => this.removeAlert(alert.alertId), onDsDidLoad: () => this.present(alert.alertId), onDsDidPause: () => {
+            } }, h("div", { key: '9a0e962b0f44b361b348072db213475e25b8f75f', id: "wrapper", class: { container: this.type === 'toast' } }, visibleAlerts.map(alert => (h(AlertElement, { key: alert.alertId, id: alert.alertId, alertId: alert.alertId, visible: alert.visible, heading: alert.heading, message: alert.message, color: alert.color, duration: alert.duration, closable: alert.closable, closeHandler: () => alert.closeHandler(alert.alertId), action: alert.action, actionIcon: alert.actionIcon, actionTarget: alert.actionTarget, actionHref: alert.actionHref, actionHandler: () => alert.actionHandler(alert.alertId), onDsCloseClick: () => this.removeAlert(alert.alertId), onDsDidLoad: () => this.present(alert.alertId), onDsDidPause: () => {
                 this.alertTimers[alert.alertId] && this.alertTimers[alert.alertId].pause();
             }, onDsDidResume: () => {
                 this.alertTimers[alert.alertId] && this.alertTimers[alert.alertId].resume();
@@ -241,7 +234,7 @@ export class AlertContainer {
                     "signature": "(alert: Alert) => Promise<string>",
                     "parameters": [{
                             "name": "alert",
-                            "type": "{ color?: \"success\" | \"warning\" | \"danger\" | \"base\" | \"info\" | \"outline-base\" | \"outline-purple\" | \"outline-green\" | \"outline-yellow\" | \"outline-red\" | undefined; heading: string; message: string; duration?: number | \"infinite\" | undefined; closable: boolean; closeHandler: (id: string) => void; action?: string | undefined; actionIcon?: string | undefined; actionTarget?: \"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined; actionHref?: string | undefined; actionHandler: (id: string) => void; }",
+                            "type": "{ color?: \"success\" | \"warning\" | \"danger\" | \"base\" | \"info\" | \"outline-base\" | \"outline-purple\" | \"outline-green\" | \"outline-yellow\" | \"outline-red\" | undefined; heading: string; message: string; duration?: number | \"infinite\" | undefined; closable: boolean; closeHandler: (id: string) => void; action?: string | undefined; actionIcon?: string | undefined; actionTarget?: \"\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined; actionHref?: string | undefined; actionHandler: (id: string) => void; }",
                             "docs": ""
                         }],
                     "references": {
@@ -318,14 +311,15 @@ __decorate([
     __metadata("design:returntype", void 0)
 ], AlertContainer.prototype, "createLogger", null);
 __decorate([
-    ValidateType('boolean'),
+    Type('boolean'),
     __metadata("design:type", Boolean)
 ], AlertContainer.prototype, "animated", void 0);
 __decorate([
-    ValidateOneOf(...ALERT_CONTAINER_SIZES),
+    OneOf(ALERT_CONTAINER_SIZES),
     __metadata("design:type", String)
 ], AlertContainer.prototype, "container", void 0);
 __decorate([
-    ValidateOneOf(...ALERT_TYPES),
+    Required(),
+    OneOf(ALERT_TYPES),
     __metadata("design:type", String)
 ], AlertContainer.prototype, "type", void 0);

package/dist/collection/components/alert/alert.controller.js

@@ -20,7 +20,7 @@ class AlertControllerImpl {
         var _a;
         await ((_a = this.container) === null || _a === void 0 ? void 0 : _a.removeAll());
     }
-    setupContainer(options) {
+    setupContainer(_options) {
         // Check if there is already a container for the given type, if so reuse it
         const containerId = `ds-${this.type}-container`;
         this.container = document.getElementById(containerId);

package/dist/collection/components/alert/snackbar/snackbar.host.css

@@ -1 +1 @@
-:host{--_snackbar-position: var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top: var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right: var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom: var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left: var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m: var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my: var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx: var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml: var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr: var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt: var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb: var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow: var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius: var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg: var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-default-color-bg-base)));--_snackbar-color: var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-default-color-text-base)));--_snackbar-icon-color: var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--ds-snackbar-default-color-icon-base)));--_snackbar-progress-duration: var(--snackbar-progress-duration, var(--mod-snackbar-progress-duration, 0));--_snackbar-progress-bar-bg: var(--snackbar-progress-bar-bg, var(--mod-snackbar-progress-bar-bg, var(--ds-snackbar-default-color-progress-bar-base)));--_snackbar-progress-bg: var(--snackbar-progress-bg, var(--mod-snackbar-progress-bg, var(--ds-snackbar-default-color-progress-bg-base)));--_snackbar-heading-font-family: var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-text-family-heading)));--_snackbar-heading-font-weight: var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-text-weight-bold)));--_snackbar-heading-font-size: var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-text-size-base-device)));--_snackbar-heading-line-height: var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-text-line-height-heading)));--_snackbar-content-font-family: var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-text-family-body)));--_snackbar-content-font-weight: var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, inherit));--_snackbar-content-font-size: var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-text-size-sm-device)));--_snackbar-content-line-height: var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-text-line-height-body)));--_snackbar-gap: var(--snackbar-gap, var(--mod-snackbar-gap, 0.125rem));--_snackbar-p: var(--snackbar-p, var(--mod-snackbar-p, 1rem));--_snackbar-animation-start-opacity: var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform: var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition: var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity: var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform: var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);transform:var(--_snackbar-animation-start-transform);flex:1;position:relative;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border-radius:var(--_snackbar-radius);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);align-items:center}:host #icon{grid-area:icon;align-self:flex-start}:host #content{margin:0 !important;grid-area:content;display:flex;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .button{--button-mt: 1rem;--button-font-size: var(--ds-button-size-sm);--button-min-height: 2rem;--button-min-width: 2rem;--button-padding-inline: 0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt: 1rem;--button-font-size: var(--ds-button-size-sm);--button-min-height: 2rem;--button-min-width: 2rem;--button-padding-inline: 0.75rem}:host .close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:fit-content;--mod-snackbar-p: 0;--mod-snackbar-bg: transparent;--mod-snackbar-width: fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);transform:var(--_snackbar-animation-end-transform)}:host(.has-progess-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_snackbar-progress-bg);border-bottom-left-radius:var(--_snackbar-radius);border-bottom-right-radius:var(--_snackbar-radius)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-info){--mod-snackbar-color: var(--ds-snackbar-info-color-text-base);--mod-snackbar-border-color: var(--ds-snackbar-info-color-border-base);--mod-snackbar-bg: var(--ds-snackbar-info-color-bg-base);--mod-snackbar-icon-color: var(--ds-snackbar-info-color-icon-base);--mod-snackbar-progress-bar-bg: var(--ds-snackbar-info-color-progress-bar-base);--mod-snackbar-progress-bg: var(--ds-snackbar-info-color-progress-bg-base)}:host(.is-success){--mod-snackbar-color: var(--ds-snackbar-success-color-text-base);--mod-snackbar-border-color: var(--ds-snackbar-success-color-border-base);--mod-snackbar-bg: var(--ds-snackbar-success-color-bg-base);--mod-snackbar-icon-color: var(--ds-snackbar-success-color-icon-base);--mod-snackbar-progress-bar-bg: var(--ds-snackbar-success-color-progress-bar-base);--mod-snackbar-progress-bg: var(--ds-snackbar-success-color-progress-bg-base)}:host(.is-warning){--mod-snackbar-color: var(--ds-snackbar-warning-color-text-base);--mod-snackbar-border-color: var(--ds-snackbar-warning-color-border-base);--mod-snackbar-bg: var(--ds-snackbar-warning-color-bg-base);--mod-snackbar-icon-color: var(--ds-snackbar-warning-color-icon-base);--mod-snackbar-progress-bar-bg: var(--ds-snackbar-warning-color-progress-bar-base);--mod-snackbar-progress-bg: var(--ds-snackbar-warning-color-progress-bg-base)}:host(.is-danger){--mod-snackbar-color: var(--ds-snackbar-danger-color-text-base);--mod-snackbar-border-color: var(--ds-snackbar-danger-color-border-base);--mod-snackbar-bg: var(--ds-snackbar-danger-color-bg-base);--mod-snackbar-icon-color: var(--ds-snackbar-danger-color-icon-base);--mod-snackbar-progress-bar-bg: var(--ds-snackbar-danger-color-progress-bar-base);--mod-snackbar-progress-bg: var(--ds-snackbar-danger-color-progress-bg-base)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-paused)::after{animation-play-state:paused}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}
+:host{--_snackbar-position: var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top: var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right: var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom: var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left: var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m: var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my: var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx: var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml: var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr: var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt: var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb: var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow: var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius: var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg: var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-default-color-bg-base)));--_snackbar-color: var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-default-color-text-base)));--_snackbar-icon-color: var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--ds-snackbar-default-color-icon-base)));--_snackbar-progress-duration: var(--snackbar-progress-duration, var(--mod-snackbar-progress-duration, 0));--_snackbar-progress-bar-bg: var(--snackbar-progress-bar-bg, var(--mod-snackbar-progress-bar-bg, var(--ds-snackbar-default-color-progress-bar-base)));--_snackbar-progress-bg: var(--snackbar-progress-bg, var(--mod-snackbar-progress-bg, var(--ds-snackbar-default-color-progress-bg-base)));--_snackbar-heading-font-family: var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-alias-text-family-heading)));--_snackbar-heading-font-weight: var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-alias-text-weight-bold)));--_snackbar-heading-font-size: var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-alias-text-size-base-device)));--_snackbar-heading-line-height: var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-alias-text-line-height-heading)));--_snackbar-content-font-family: var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-alias-text-family-body)));--_snackbar-content-font-weight: var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, inherit));--_snackbar-content-font-size: var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-alias-text-size-sm-device)));--_snackbar-content-line-height: var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-alias-text-line-height-body)));--_snackbar-gap: var(--snackbar-gap, var(--mod-snackbar-gap, 0.125rem));--_snackbar-p: var(--snackbar-p, var(--mod-snackbar-p, 1rem));--_snackbar-animation-start-opacity: var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform: var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition: var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity: var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform: var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);transform:var(--_snackbar-animation-start-transform);flex:1;position:relative;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border-radius:var(--_snackbar-radius);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);align-items:center}:host #icon{grid-area:icon;align-self:flex-start}:host #content{margin:0 !important;grid-area:content;display:flex;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .button{--button-mt: 1rem;--button-font-size: var(--ds-button-size-sm);--button-min-height: 2rem;--button-min-width: 2rem;--button-padding-inline: 0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt: 1rem;--button-font-size: var(--ds-button-size-sm);--button-min-height: 2rem;--button-min-width: 2rem;--button-padding-inline: 0.75rem}:host .close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:fit-content;--mod-snackbar-p: 0;--mod-snackbar-bg: transparent;--mod-snackbar-width: fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);transform:var(--_snackbar-animation-end-transform)}:host(.has-progess-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_snackbar-progress-bg);border-bottom-left-radius:var(--_snackbar-radius);border-bottom-right-radius:var(--_snackbar-radius)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-info){--mod-snackbar-color: var(--ds-snackbar-info-color-text-base);--mod-snackbar-border-color: var(--ds-snackbar-info-color-border-base);--mod-snackbar-bg: var(--ds-snackbar-info-color-bg-base);--mod-snackbar-icon-color: var(--ds-snackbar-info-color-icon-base);--mod-snackbar-progress-bar-bg: var(--ds-snackbar-info-color-progress-bar-base);--mod-snackbar-progress-bg: var(--ds-snackbar-info-color-progress-bg-base)}:host(.is-success){--mod-snackbar-color: var(--ds-snackbar-success-color-text-base);--mod-snackbar-border-color: var(--ds-snackbar-success-color-border-base);--mod-snackbar-bg: var(--ds-snackbar-success-color-bg-base);--mod-snackbar-icon-color: var(--ds-snackbar-success-color-icon-base);--mod-snackbar-progress-bar-bg: var(--ds-snackbar-success-color-progress-bar-base);--mod-snackbar-progress-bg: var(--ds-snackbar-success-color-progress-bg-base)}:host(.is-warning){--mod-snackbar-color: var(--ds-snackbar-warning-color-text-base);--mod-snackbar-border-color: var(--ds-snackbar-warning-color-border-base);--mod-snackbar-bg: var(--ds-snackbar-warning-color-bg-base);--mod-snackbar-icon-color: var(--ds-snackbar-warning-color-icon-base);--mod-snackbar-progress-bar-bg: var(--ds-snackbar-warning-color-progress-bar-base);--mod-snackbar-progress-bg: var(--ds-snackbar-warning-color-progress-bg-base)}:host(.is-danger){--mod-snackbar-color: var(--ds-snackbar-danger-color-text-base);--mod-snackbar-border-color: var(--ds-snackbar-danger-color-border-base);--mod-snackbar-bg: var(--ds-snackbar-danger-color-bg-base);--mod-snackbar-icon-color: var(--ds-snackbar-danger-color-icon-base);--mod-snackbar-progress-bar-bg: var(--ds-snackbar-danger-color-progress-bar-base);--mod-snackbar-progress-bg: var(--ds-snackbar-danger-color-progress-bg-base)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-paused)::after{animation-play-state:paused}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}