@quartzds/core 1.0.0-beta.13 → 1.0.0-beta.15

package/hydrate/index.js

@@ -5941,7 +5941,7 @@ const roundByDPR = (value) => {
   return Math.round(value * dpr) / dpr;
 };
 
-const buttonCss = "/*!@:host*/.sc-qds-button-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-button-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-button-h *.sc-qds-button,.sc-qds-button-h *.sc-qds-button::before,.sc-qds-button-h *.sc-qds-button::after{box-sizing:inherit}/*!@:host*/.sc-qds-button-h{display:inline-block}/*!@.button*/.button.sc-qds-button{-webkit-appearance:none;appearance:none;background-color:transparent;background-color:initial;border:none;padding-block:0;align-items:center;border-radius:var(--qds-control-border-radius);cursor:pointer;display:inline-flex;gap:var(--qds-control-button-gap-internal);justify-content:center;padding-inline:var(--qds-control-button-padding-horizontal);-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%}/*!@.button.icon-only*/.button.icon-only.sc-qds-button{padding-inline:0}/*!@.button:link, .button:visited, area[href].button*/.button.sc-qds-button:link,.button.sc-qds-button:visited,area[href].button.sc-qds-button{-webkit-text-decoration:none;text-decoration:none}/*!@.button:any-link*/.button.sc-qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}/*!@.button:focus-visible*/.button.sc-qds-button:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}/*!@[aria-disabled='true']*/[aria-disabled='true'].sc-qds-button{opacity:var(--qds-theme-disabled);pointer-events:none}/*!@[data-size='small']*/[data-size='small'].sc-qds-button{font:var(--qds-control-small-text);height:var(--qds-control-small-height)}/*!@.icon-only[data-size='small']*/.icon-only[data-size='small'].sc-qds-button{width:var(--qds-control-small-height)}/*!@.icon[data-size='small']*/.icon[data-size='small'].sc-qds-button{font-size:var(--qds-control-small-icon-size)}/*!@[data-size='standard']*/[data-size='standard'].sc-qds-button{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height)}/*!@.icon-only[data-size='standard']*/.icon-only[data-size='standard'].sc-qds-button{width:var(--qds-control-standard-height)}/*!@.icon[data-size='standard']*/.icon[data-size='standard'].sc-qds-button{font-size:var(--qds-control-standard-icon-size)}/*!@[data-size='large']*/[data-size='large'].sc-qds-button{font:var(--qds-control-large-text);height:var(--qds-control-large-height)}/*!@.icon-only[data-size='large']*/.icon-only[data-size='large'].sc-qds-button{width:var(--qds-control-large-height)}/*!@.icon[data-size='large']*/.icon[data-size='large'].sc-qds-button{font-size:var(--qds-control-large-icon-size)}/*!@[data-importance='subdued']*/[data-importance='subdued'].sc-qds-button{border:var(--qds-control-border-width) solid transparent;color:var(--qds-theme-link-default)}/*!@.icon-only[data-importance='subdued']*/.icon-only[data-importance='subdued'].sc-qds-button{color:var(--qds-theme-control-text-standard)}/*!@[data-importance='subdued']:hover*/[data-importance='subdued'].sc-qds-button:hover{border:var(--qds-control-border-width) solid var(--qds-theme-link-default)}/*!@.icon-only[data-importance='subdued']:hover*/.icon-only[data-importance='subdued'].sc-qds-button:hover{background-color:var(--qds-theme-interactive-background-hover);border:none;color:var(--qds-theme-control-text-standard)}/*!@[data-importance='subdued']:active*/[data-importance='subdued'].sc-qds-button:active{border:var(--qds-control-border-width) solid var(--qds-theme-link-pressed);color:var(--qds-theme-link-pressed)}/*!@.icon-only[data-importance='subdued']:active*/.icon-only[data-importance='subdued'].sc-qds-button:active{background-color:var(--qds-theme-interactive-background-pressed);border:none;color:var(--qds-theme-control-text-standard)}/*!@[data-importance='standard']*/[data-importance='standard'].sc-qds-button{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);color:var(--qds-theme-control-text-standard)}/*!@[data-importance='standard']:hover*/[data-importance='standard'].sc-qds-button:hover{background-color:var(--qds-theme-interactive-background-hover)}/*!@[data-importance='standard']:active*/[data-importance='standard'].sc-qds-button:active{background-color:var(--qds-theme-interactive-background-pressed)}/*!@[data-importance='emphasized']*/[data-importance='emphasized'].sc-qds-button{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}/*!@[data-importance='emphasized']:hover*/[data-importance='emphasized'].sc-qds-button:hover{background-color:var(--qds-theme-signature-color-hover)}/*!@[data-importance='emphasized']:active*/[data-importance='emphasized'].sc-qds-button:active{background-color:var(--qds-theme-signature-color-pressed)}/*!@[data-importance='destructive']*/[data-importance='destructive'].sc-qds-button{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}/*!@[data-importance='destructive']:hover*/[data-importance='destructive'].sc-qds-button:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}/*!@[data-importance='destructive']:active*/[data-importance='destructive'].sc-qds-button:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}";
+const buttonCss = "/*!@:host*/.sc-qds-button-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-button-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-button-h *.sc-qds-button,.sc-qds-button-h *.sc-qds-button::before,.sc-qds-button-h *.sc-qds-button::after{box-sizing:inherit}/*!@:host*/.sc-qds-button-h{display:inline-block}/*!@.qds-button*/.qds-button.sc-qds-button{-webkit-appearance:none;appearance:none;background-color:transparent;background-color:initial;border:none;padding-block:0;align-items:center;border-radius:var(--qds-control-border-radius);cursor:pointer;display:inline-flex;gap:var(--qds-control-button-gap-internal);justify-content:center;padding-inline:var(--qds-control-button-padding-horizontal);-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%}/*!@.qds-button.qds-icon-only*/.qds-button.qds-icon-only.sc-qds-button{padding-inline:0}/*!@.qds-button:link, .qds-button:visited, area[href].qds-button*/.qds-button.sc-qds-button:link,.qds-button.sc-qds-button:visited,area[href].qds-button.sc-qds-button{-webkit-text-decoration:none;text-decoration:none}/*!@.qds-button:any-link*/.qds-button.sc-qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}/*!@.qds-button:focus-visible*/.qds-button.sc-qds-button:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}/*!@[aria-disabled='true']*/[aria-disabled='true'].sc-qds-button{opacity:var(--qds-theme-disabled);pointer-events:none}/*!@[data-size='small']*/[data-size='small'].sc-qds-button{font:var(--qds-control-small-text);height:var(--qds-control-small-height)}/*!@.qds-icon-only[data-size='small']*/.qds-icon-only[data-size='small'].sc-qds-button{width:var(--qds-control-small-height)}/*!@.qds-icon[data-size='small']*/.qds-icon[data-size='small'].sc-qds-button{font-size:var(--qds-control-small-icon-size)}/*!@[data-size='standard']*/[data-size='standard'].sc-qds-button{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height)}/*!@.qds-icon-only[data-size='standard']*/.qds-icon-only[data-size='standard'].sc-qds-button{width:var(--qds-control-standard-height)}/*!@.qds-icon[data-size='standard']*/.qds-icon[data-size='standard'].sc-qds-button{font-size:var(--qds-control-standard-icon-size)}/*!@[data-size='large']*/[data-size='large'].sc-qds-button{font:var(--qds-control-large-text);height:var(--qds-control-large-height)}/*!@.qds-icon-only[data-size='large']*/.qds-icon-only[data-size='large'].sc-qds-button{width:var(--qds-control-large-height)}/*!@.qds-icon[data-size='large']*/.qds-icon[data-size='large'].sc-qds-button{font-size:var(--qds-control-large-icon-size)}/*!@[data-importance='subdued']*/[data-importance='subdued'].sc-qds-button{border:var(--qds-control-border-width) solid transparent;color:var(--qds-theme-link-default)}/*!@.qds-icon-only[data-importance='subdued']*/.qds-icon-only[data-importance='subdued'].sc-qds-button{color:var(--qds-theme-control-text-standard)}/*!@[data-importance='subdued']:hover*/[data-importance='subdued'].sc-qds-button:hover{border:var(--qds-control-border-width) solid var(--qds-theme-link-default)}/*!@.qds-icon-only[data-importance='subdued']:hover*/.qds-icon-only[data-importance='subdued'].sc-qds-button:hover{background-color:var(--qds-theme-interactive-background-hover);border:none;color:var(--qds-theme-control-text-standard)}/*!@[data-importance='subdued']:active*/[data-importance='subdued'].sc-qds-button:active{border:var(--qds-control-border-width) solid var(--qds-theme-link-pressed);color:var(--qds-theme-link-pressed)}/*!@.qds-icon-only[data-importance='subdued']:active*/.qds-icon-only[data-importance='subdued'].sc-qds-button:active{background-color:var(--qds-theme-interactive-background-pressed);border:none;color:var(--qds-theme-control-text-standard)}/*!@[data-importance='standard']*/[data-importance='standard'].sc-qds-button{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);color:var(--qds-theme-control-text-standard)}/*!@[data-importance='standard']:hover*/[data-importance='standard'].sc-qds-button:hover{background-color:var(--qds-theme-interactive-background-hover)}/*!@[data-importance='standard']:active*/[data-importance='standard'].sc-qds-button:active{background-color:var(--qds-theme-interactive-background-pressed)}/*!@[data-importance='emphasized']*/[data-importance='emphasized'].sc-qds-button{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}/*!@[data-importance='emphasized']:hover*/[data-importance='emphasized'].sc-qds-button:hover{background-color:var(--qds-theme-signature-color-hover)}/*!@[data-importance='emphasized']:active*/[data-importance='emphasized'].sc-qds-button:active{background-color:var(--qds-theme-signature-color-pressed)}/*!@[data-importance='destructive']*/[data-importance='destructive'].sc-qds-button{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}/*!@[data-importance='destructive']:hover*/[data-importance='destructive'].sc-qds-button:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}/*!@[data-importance='destructive']:active*/[data-importance='destructive'].sc-qds-button:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}";
 
 /**
  * The `<qds-button>` element is an interactive element activated by a user
@@ -6036,9 +6036,9 @@ class Button {
   render() {
     const Tag = this.href === undefined ? 'button' : 'a';
     return (hAsync(Tag, { "aria-disabled": this.computedDisabled ? 'true' : 'false', class: {
-        button: true,
-        'icon-only': this.iconOnly,
-      }, "data-importance": this.importance, "data-size": this.size, disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, rel: Tag === 'a' ? 'noreferrer noopener' : undefined, role: Tag === 'a' ? 'button' : undefined, tabIndex: this.computedDisabled ? -1 : this.computedTabIndex, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : this.buttonType, value: Tag === 'a' ? undefined : this.value, ...this.inheritedAttributes }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { class: "icon", "data-size": this.size, library: this.iconLibrary, name: this.iconName })), this.text));
+        'qds-button': true,
+        'qds-icon-only': this.iconOnly,
+      }, "data-importance": this.importance, "data-size": this.size, disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, rel: Tag === 'a' ? 'noreferrer noopener' : undefined, role: Tag === 'a' ? 'button' : undefined, tabIndex: this.computedDisabled ? -1 : this.computedTabIndex, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : this.buttonType, value: Tag === 'a' ? undefined : this.value, ...this.inheritedAttributes }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { class: "qds-icon", "data-size": this.size, library: this.iconLibrary, name: this.iconName })), this.text));
   }
   static get delegatesFocus() { return true; }
   get element() { return getElement(this); }
@@ -6071,7 +6071,7 @@ class Button {
   }; }
 }
 
-const checkboxCss = ".sc-qds-checkbox-h{box-sizing:border-box}[hidden].sc-qds-checkbox-h{display:none !important}.sc-qds-checkbox-h *.sc-qds-checkbox,.sc-qds-checkbox-h *.sc-qds-checkbox::before,.sc-qds-checkbox-h *.sc-qds-checkbox::after{box-sizing:inherit}.sc-qds-checkbox-h{display:inline-block;line-height:0}.icon.sc-qds-checkbox{display:none;color:var(--qds-theme-signature-color-contrast);inset-inline-start:0;pointer-events:none;position:absolute}.label.sc-qds-checkbox{cursor:pointer;display:inline-flex;position:relative}.checkbox.sc-qds-checkbox{align-items:center;-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-control-input-background);border-radius:var(--qds-control-border-radius);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.checkbox.sc-qds-checkbox:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.checkbox.sc-qds-checkbox::before{content:'';height:10px;position:absolute;width:10px}.checkbox.sc-qds-checkbox:hover::before{box-shadow:inset 1em 1em var(--qds-theme-signature-color-hover)}.checkbox.sc-qds-checkbox:active::before{box-shadow:inset 1em 1em var(--qds-theme-signature-color-pressed)}.checkbox.sc-qds-checkbox:checked~.checked.sc-qds-checkbox,.checkbox.sc-qds-checkbox:indeterminate~.indeterminate.sc-qds-checkbox{display:inline-block}.checkbox.sc-qds-checkbox:checked,.checkbox.sc-qds-checkbox:indeterminate{background-color:var(--qds-theme-signature-color-default);border-color:transparent}.checkbox.sc-qds-checkbox:checked:hover,.checkbox.sc-qds-checkbox:indeterminate:hover{background-color:var(--qds-theme-signature-color-hover)}.checkbox.sc-qds-checkbox:checked:active,.checkbox.sc-qds-checkbox:indeterminate:active{background-color:var(--qds-theme-signature-color-pressed)}[aria-disabled='true'].sc-qds-checkbox{opacity:var(--qds-theme-disabled);pointer-events:none}.icon[data-size='small'].sc-qds-checkbox,.checkbox[data-size='small'].sc-qds-checkbox{width:var(--qds-control-small-icon-size);height:var(--qds-control-small-icon-size)}.inline[data-size='small'].sc-qds-checkbox{margin-block:var(--qds-control-small-padding-auto-height)}.label[data-size='small'].sc-qds-checkbox{gap:var(--qds-control-small-gap-siblings-related)}.icon[data-size='standard'].sc-qds-checkbox,.checkbox[data-size='standard'].sc-qds-checkbox{width:var(--qds-control-standard-icon-size);height:var(--qds-control-standard-icon-size)}.inline[data-size='standard'].sc-qds-checkbox{margin-block:var(--qds-control-standard-padding-auto-height)}.label[data-size='standard'].sc-qds-checkbox{gap:var(--qds-control-standard-gap-siblings-related)}.icon[data-size='large'].sc-qds-checkbox,.checkbox[data-size='large'].sc-qds-checkbox{width:var(--qds-control-large-icon-size);height:var(--qds-control-large-icon-size)}.inline[data-size='large'].sc-qds-checkbox{margin-block:var(--qds-control-large-padding-auto-height)}.label[data-size='large'].sc-qds-checkbox{gap:var(--qds-control-large-gap-siblings-related)}";
+const checkboxCss = ".sc-qds-checkbox-h{box-sizing:border-box}[hidden].sc-qds-checkbox-h{display:none !important}.sc-qds-checkbox-h *.sc-qds-checkbox,.sc-qds-checkbox-h *.sc-qds-checkbox::before,.sc-qds-checkbox-h *.sc-qds-checkbox::after{box-sizing:inherit}.sc-qds-checkbox-h{display:inline-block;line-height:0}.qds-icon.sc-qds-checkbox{display:none;color:var(--qds-theme-signature-color-contrast);inset-inline-start:0;pointer-events:none;position:absolute}.qds-label.sc-qds-checkbox{cursor:pointer;display:inline-flex;position:relative}.qds-checkbox.sc-qds-checkbox{align-items:center;-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-control-input-background);border-radius:var(--qds-control-border-radius);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox.sc-qds-checkbox:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-checkbox.sc-qds-checkbox::before{content:'';height:10px;position:absolute;width:10px}.qds-checkbox.sc-qds-checkbox:hover::before{box-shadow:inset 1em 1em var(--qds-theme-signature-color-hover)}.qds-checkbox.sc-qds-checkbox:active::before{box-shadow:inset 1em 1em var(--qds-theme-signature-color-pressed)}.qds-checkbox.sc-qds-checkbox:checked~.qds-checked.sc-qds-checkbox,.qds-checkbox.sc-qds-checkbox:indeterminate~.qds-indeterminate.sc-qds-checkbox{display:inline-block}.qds-checkbox.sc-qds-checkbox:checked,.qds-checkbox.sc-qds-checkbox:indeterminate{background-color:var(--qds-theme-signature-color-default);border-color:transparent}.qds-checkbox.sc-qds-checkbox:checked:hover,.qds-checkbox.sc-qds-checkbox:indeterminate:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-checkbox.sc-qds-checkbox:checked:active,.qds-checkbox.sc-qds-checkbox:indeterminate:active{background-color:var(--qds-theme-signature-color-pressed)}[aria-disabled='true'].sc-qds-checkbox{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon[data-size='small'].sc-qds-checkbox,.qds-checkbox[data-size='small'].sc-qds-checkbox{width:var(--qds-control-small-icon-size);height:var(--qds-control-small-icon-size)}.qds-inline[data-size='small'].sc-qds-checkbox{margin-block:var(--qds-control-small-padding-auto-height)}.qds-label[data-size='small'].sc-qds-checkbox{gap:var(--qds-control-small-gap-siblings-related)}.qds-icon[data-size='standard'].sc-qds-checkbox,.qds-checkbox[data-size='standard'].sc-qds-checkbox{width:var(--qds-control-standard-icon-size);height:var(--qds-control-standard-icon-size)}.qds-inline[data-size='standard'].sc-qds-checkbox{margin-block:var(--qds-control-standard-padding-auto-height)}.qds-label[data-size='standard'].sc-qds-checkbox{gap:var(--qds-control-standard-gap-siblings-related)}.qds-icon[data-size='large'].sc-qds-checkbox,.qds-checkbox[data-size='large'].sc-qds-checkbox{width:var(--qds-control-large-icon-size);height:var(--qds-control-large-icon-size)}.qds-inline[data-size='large'].sc-qds-checkbox{margin-block:var(--qds-control-large-padding-auto-height)}.qds-label[data-size='large'].sc-qds-checkbox{gap:var(--qds-control-large-gap-siblings-related)}";
 
 let autoIncrementingId$5 = 1;
 /**
@@ -6162,17 +6162,17 @@ class Checkbox {
     return (
     // eslint-disable-next-line jsx-a11y/label-has-associated-control
     hAsync("label", { "aria-disabled": this.computedDisabled ? 'true' : 'false', class: {
-        inline: this.inline,
-        label: true,
+        'qds-inline': this.inline,
+        'qds-label': true,
       }, "data-size": this.size }, hAsync("input", {
       // eslint-disable-next-line jsx-a11y/no-autofocus
-      autoFocus: this.autoFocus, checked: this.computedIndeterminate ? false : this.checked, class: "checkbox", "data-size": this.size, disabled: this.disabled, form: this.form, indeterminate: this.indeterminate, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, ref: this.ref, required: this.required, type: "checkbox", value: this.value ?? undefined, ...this.inheritedAttributes
+      autoFocus: this.autoFocus, checked: this.computedIndeterminate ? false : this.checked, class: "qds-checkbox", "data-size": this.size, disabled: this.disabled, form: this.form, indeterminate: this.indeterminate, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, ref: this.ref, required: this.required, type: "checkbox", value: this.value ?? undefined, ...this.inheritedAttributes
     }), hAsync("qds-icon", { "aria-hidden": "true", class: {
-        icon: true,
-        checked: true,
+        'qds-icon': true,
+        'qds-checked': true,
       }, "data-size": this.size, library: "core", name: "checked" }), hAsync("qds-icon", { "aria-hidden": "true", class: {
-        icon: true,
-        indeterminate: true,
+        'qds-icon': true,
+        'qds-indeterminate': true,
       }, "data-size": this.size, library: "core", name: "indeterminate" }), this.hasText && (hAsync("qds-label", { required: this.required, size: this.size, text: this.text }))));
   }
   get element() { return getElement(this); }
@@ -6202,7 +6202,7 @@ class Checkbox {
   }; }
 }
 
-const dialogCss = "/*!@:host*/.sc-qds-dialog-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-dialog-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-dialog-h *.sc-qds-dialog,.sc-qds-dialog-h *.sc-qds-dialog::before,.sc-qds-dialog-h *.sc-qds-dialog::after{box-sizing:inherit}/*!@:host*/.sc-qds-dialog-h{display:none;position:fixed;inset:0}/*!@:host([open])*/[open].sc-qds-dialog-h{display:block}/*!@.dialog*/.dialog.sc-qds-dialog{border-radius:var(--qds-popup-border-radius);border:none;box-shadow:var(--qds-theme-popup-elevation);padding:0}/*!@.dialog::backdrop*/.dialog.sc-qds-dialog::backdrop{background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;background:initial}/*!@.dialog[open] ~ .backdrop*/.dialog[open].sc-qds-dialog~.backdrop.sc-qds-dialog{-webkit-backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));background-color:var(--qds-theme-popup-overlay-background);inset:0;opacity:var(--qds-theme-popup-overlay-opacity);position:fixed}/*!@.content*/.content.sc-qds-dialog{align-items:flex-start;background-color:var(--qds-theme-popup-background);display:flex;flex-direction:column;gap:var(--qds-popup-gap-children-related);padding:var(--qds-popup-padding)}/*!@::slotted(blockquote),\n::slotted(button),\n::slotted(dd),\n::slotted(dl),\n::slotted(fieldset),\n::slotted(figure),\n::slotted(h1),\n::slotted(h2),\n::slotted(h3),\n::slotted(h4),\n::slotted(h5),\n::slotted(h6),\n::slotted(hr),\n::slotted(input),\n::slotted(menu),\n::slotted(ol),\n::slotted(p),\n::slotted(pre),\n::slotted(select),\n::slotted(textarea),\n::slotted(ul)*/.sc-qds-dialog-s>blockquote,.sc-qds-dialog-s>button,.sc-qds-dialog-s>dd,.sc-qds-dialog-s>dl,.sc-qds-dialog-s>fieldset,.sc-qds-dialog-s>figure,.sc-qds-dialog-s>h1,.sc-qds-dialog-s>h2,.sc-qds-dialog-s>h3,.sc-qds-dialog-s>h4,.sc-qds-dialog-s>h5,.sc-qds-dialog-s>h6,.sc-qds-dialog-s>hr,.sc-qds-dialog-s>input,.sc-qds-dialog-s>menu,.sc-qds-dialog-s>ol,.sc-qds-dialog-s>p,.sc-qds-dialog-s>pre,.sc-qds-dialog-s>select,.sc-qds-dialog-s>textarea,.sc-qds-dialog-s>ul{margin:0}";
+const dialogCss = "/*!@:host*/.sc-qds-dialog-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-dialog-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-dialog-h *.sc-qds-dialog,.sc-qds-dialog-h *.sc-qds-dialog::before,.sc-qds-dialog-h *.sc-qds-dialog::after{box-sizing:inherit}/*!@:host*/.sc-qds-dialog-h{display:none;position:fixed;inset:0}/*!@:host([open])*/[open].sc-qds-dialog-h{display:block}/*!@.qds-dialog*/.qds-dialog.sc-qds-dialog{border-radius:var(--qds-popup-border-radius);border:none;box-shadow:var(--qds-theme-popup-elevation);padding:0}/*!@.qds-dialog::backdrop*/.qds-dialog.sc-qds-dialog::backdrop{background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;background:initial}/*!@.qds-dialog[open] ~ .qds-backdrop*/.qds-dialog[open].sc-qds-dialog~.qds-backdrop.sc-qds-dialog{-webkit-backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));background-color:var(--qds-theme-popup-overlay-background);inset:0;opacity:var(--qds-theme-popup-overlay-opacity);position:fixed}/*!@.qds-content*/.qds-content.sc-qds-dialog{align-items:flex-start;background-color:var(--qds-theme-popup-background);display:flex;flex-direction:column;gap:var(--qds-popup-gap-children-related);padding:var(--qds-popup-padding)}/*!@::slotted(blockquote),\n::slotted(button),\n::slotted(dd),\n::slotted(dl),\n::slotted(fieldset),\n::slotted(figure),\n::slotted(h1),\n::slotted(h2),\n::slotted(h3),\n::slotted(h4),\n::slotted(h5),\n::slotted(h6),\n::slotted(hr),\n::slotted(input),\n::slotted(menu),\n::slotted(ol),\n::slotted(p),\n::slotted(pre),\n::slotted(select),\n::slotted(textarea),\n::slotted(ul)*/.sc-qds-dialog-s>blockquote,.sc-qds-dialog-s>button,.sc-qds-dialog-s>dd,.sc-qds-dialog-s>dl,.sc-qds-dialog-s>fieldset,.sc-qds-dialog-s>figure,.sc-qds-dialog-s>h1,.sc-qds-dialog-s>h2,.sc-qds-dialog-s>h3,.sc-qds-dialog-s>h4,.sc-qds-dialog-s>h5,.sc-qds-dialog-s>h6,.sc-qds-dialog-s>hr,.sc-qds-dialog-s>input,.sc-qds-dialog-s>menu,.sc-qds-dialog-s>ol,.sc-qds-dialog-s>p,.sc-qds-dialog-s>pre,.sc-qds-dialog-s>select,.sc-qds-dialog-s>textarea,.sc-qds-dialog-s>ul{margin:0}";
 
 /**
  * The `<qds-dialog>` element represent a dialog box or other interactive
@@ -6263,7 +6263,7 @@ class Dialog {
       await this.show();
   }
   render() {
-    return (hAsync(Host, null, hAsync("dialog", { class: "dialog", ref: this.ref, onSubmit: this.boundSubmit, onCancel: this.onCancel, onClose: this.onClose, ...this.inheritedAttributes }, hAsync("div", { class: "content" }, hAsync("slot", null))), hAsync("div", { class: "backdrop" })));
+    return (hAsync(Host, null, hAsync("dialog", { class: "qds-dialog", ref: this.ref, onSubmit: this.boundSubmit, onCancel: this.onCancel, onClose: this.onClose, ...this.inheritedAttributes }, hAsync("div", { class: "qds-content" }, hAsync("slot", null))), hAsync("div", { class: "qds-backdrop" })));
   }
   async handleSubmit(event) {
     if ((event instanceof SubmitEvent &&
@@ -6295,7 +6295,7 @@ class Dialog {
   }; }
 }
 
-const dividerCss = "/*!@:host*/.sc-qds-divider-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-divider-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-divider-h *.sc-qds-divider,.sc-qds-divider-h *.sc-qds-divider::before,.sc-qds-divider-h *.sc-qds-divider::after{box-sizing:inherit}/*!@:host*/.sc-qds-divider-h{display:block}/*!@.divider*/.divider.sc-qds-divider{border:1px solid transparent;display:flex;margin-block:0}/*!@[data-importance='standard']*/[data-importance='standard'].sc-qds-divider{border-color:var(--qds-theme-divider-standard)}/*!@[data-importance='emphasized']*/[data-importance='emphasized'].sc-qds-divider{border-color:var(--qds-theme-divider-emphasized)}";
+const dividerCss = "/*!@:host*/.sc-qds-divider-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-divider-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-divider-h *.sc-qds-divider,.sc-qds-divider-h *.sc-qds-divider::before,.sc-qds-divider-h *.sc-qds-divider::after{box-sizing:inherit}/*!@:host*/.sc-qds-divider-h{display:block}/*!@.qds-divider*/.qds-divider.sc-qds-divider{border:1px solid transparent;height:100%;margin-block:0}/*!@[data-importance='standard']*/[data-importance='standard'].sc-qds-divider{border-color:var(--qds-theme-divider-standard)}/*!@[data-importance='emphasized']*/[data-importance='emphasized'].sc-qds-divider{border-color:var(--qds-theme-divider-emphasized)}";
 
 /**
  * The `<qds-divider>` element a thematic break between paragraph-level
@@ -6316,7 +6316,7 @@ class Divider {
     this.inheritedAttributes = inheritAriaAttributes(this.element);
   }
   render() {
-    return (hAsync("hr", { class: "divider", "data-importance": this.importance, ...this.inheritedAttributes }));
+    return (hAsync("hr", { class: "qds-divider", "data-importance": this.importance, ...this.inheritedAttributes }));
   }
   get element() { return getElement(this); }
   static get style() { return dividerCss; }
@@ -8047,7 +8047,7 @@ class Dropdown {
   }; }
 }
 
-const formMessageCss = "/*!@:host*/.sc-qds-form-message-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-form-message-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-form-message-h *.sc-qds-form-message,.sc-qds-form-message-h *.sc-qds-form-message::before,.sc-qds-form-message-h *.sc-qds-form-message::after{box-sizing:inherit}/*!@:host*/.sc-qds-form-message-h{display:inline-block;line-height:0}/*!@.form-message*/.form-message.sc-qds-form-message{color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap)}/*!@.icon-background,\n.icon*/.icon-background.sc-qds-form-message,.icon.sc-qds-form-message{flex-shrink:0}/*!@.icon-background*/.icon-background.sc-qds-form-message{border-radius:var(--qds-control-rounded-border-radius);position:relative}/*!@.icon*/.icon.sc-qds-form-message{position:absolute;color:var(--qds-theme-feedback-action-destructive-contrast)}/*!@[data-size='small']*/[data-size='small'].sc-qds-form-message{font:var(--qds-control-small-text)}/*!@.icon[data-size='small'], .icon-background[data-size='small']*/.icon[data-size='small'].sc-qds-form-message,.icon-background[data-size='small'].sc-qds-form-message{width:var(--qds-control-small-icon-size);height:var(--qds-control-small-icon-size)}/*!@.inline[data-size='small']*/.inline[data-size='small'].sc-qds-form-message{margin-block:var(--qds-control-small-padding-auto-height)}/*!@[data-size='standard']*/[data-size='standard'].sc-qds-form-message{font:var(--qds-control-standard-text)}/*!@.icon[data-size='standard'], .icon-background[data-size='standard']*/.icon[data-size='standard'].sc-qds-form-message,.icon-background[data-size='standard'].sc-qds-form-message{width:var(--qds-control-standard-icon-size);height:var(--qds-control-standard-icon-size)}/*!@.inline[data-size='standard']*/.inline[data-size='standard'].sc-qds-form-message{margin-block:var(--qds-control-standard-padding-auto-height)}/*!@[data-size='large']*/[data-size='large'].sc-qds-form-message{font:var(--qds-control-large-text)}/*!@.icon[data-size='large'], .icon-background[data-size='large']*/.icon[data-size='large'].sc-qds-form-message,.icon-background[data-size='large'].sc-qds-form-message{width:var(--qds-control-large-icon-size);height:var(--qds-control-large-icon-size)}/*!@.inline[data-size='large']*/.inline[data-size='large'].sc-qds-form-message{margin-block:var(--qds-control-large-padding-auto-height)}/*!@.icon-background[data-status='error']*/.icon-background[data-status='error'].sc-qds-form-message{background-color:var(--qds-theme-feedback-result-failure)}/*!@.text[data-status='error']*/.text[data-status='error'].sc-qds-form-message{color:var(--qds-theme-feedback-result-failure)}/*!@[data-status='info'].icon-background*/[data-status='info'].icon-background.sc-qds-form-message{background-color:var(--qds-theme-feedback-message-informational)}/*!@.icon-background[data-status='success']*/.icon-background[data-status='success'].sc-qds-form-message{background-color:var(--qds-theme-feedback-result-success)}/*!@.text[data-status='success']*/.text[data-status='success'].sc-qds-form-message{color:var(--qds-theme-feedback-result-success)}/*!@[data-status='warning'].icon-background*/[data-status='warning'].icon-background.sc-qds-form-message{background-color:var(--qds-theme-feedback-result-partial-success)}";
+const formMessageCss = "/*!@:host*/.sc-qds-form-message-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-form-message-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-form-message-h *.sc-qds-form-message,.sc-qds-form-message-h *.sc-qds-form-message::before,.sc-qds-form-message-h *.sc-qds-form-message::after{box-sizing:inherit}/*!@:host*/.sc-qds-form-message-h{display:inline-block;line-height:0}/*!@.qds-form-message*/.qds-form-message.sc-qds-form-message{color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap)}/*!@.qds-icon-background,\n.qds-icon*/.qds-icon-background.sc-qds-form-message,.qds-icon.sc-qds-form-message{flex-shrink:0}/*!@.qds-icon-background*/.qds-icon-background.sc-qds-form-message{border-radius:var(--qds-control-rounded-border-radius);position:relative}/*!@.qds-icon*/.qds-icon.sc-qds-form-message{position:absolute;color:var(--qds-theme-feedback-action-destructive-contrast)}/*!@[data-size='small']*/[data-size='small'].sc-qds-form-message{font:var(--qds-control-small-text)}/*!@.qds-icon[data-size='small'], .qds-icon-background[data-size='small']*/.qds-icon[data-size='small'].sc-qds-form-message,.qds-icon-background[data-size='small'].sc-qds-form-message{width:var(--qds-control-small-icon-size);height:var(--qds-control-small-icon-size)}/*!@.qds-inline[data-size='small']*/.qds-inline[data-size='small'].sc-qds-form-message{margin-block:var(--qds-control-small-padding-auto-height)}/*!@[data-size='standard']*/[data-size='standard'].sc-qds-form-message{font:var(--qds-control-standard-text)}/*!@.qds-icon[data-size='standard'], .qds-icon-background[data-size='standard']*/.qds-icon[data-size='standard'].sc-qds-form-message,.qds-icon-background[data-size='standard'].sc-qds-form-message{width:var(--qds-control-standard-icon-size);height:var(--qds-control-standard-icon-size)}/*!@.qds-inline[data-size='standard']*/.qds-inline[data-size='standard'].sc-qds-form-message{margin-block:var(--qds-control-standard-padding-auto-height)}/*!@[data-size='large']*/[data-size='large'].sc-qds-form-message{font:var(--qds-control-large-text)}/*!@.qds-icon[data-size='large'], .qds-icon-background[data-size='large']*/.qds-icon[data-size='large'].sc-qds-form-message,.qds-icon-background[data-size='large'].sc-qds-form-message{width:var(--qds-control-large-icon-size);height:var(--qds-control-large-icon-size)}/*!@.qds-inline[data-size='large']*/.qds-inline[data-size='large'].sc-qds-form-message{margin-block:var(--qds-control-large-padding-auto-height)}/*!@.qds-icon-background[data-status='error']*/.qds-icon-background[data-status='error'].sc-qds-form-message{background-color:var(--qds-theme-feedback-result-failure)}/*!@.qds-text[data-status='error']*/.qds-text[data-status='error'].sc-qds-form-message{color:var(--qds-theme-feedback-result-failure)}/*!@[data-status='info'].qds-icon-background*/[data-status='info'].qds-icon-background.sc-qds-form-message{background-color:var(--qds-theme-feedback-message-informational)}/*!@.qds-icon-background[data-status='success']*/.qds-icon-background[data-status='success'].sc-qds-form-message{background-color:var(--qds-theme-feedback-result-success)}/*!@.qds-text[data-status='success']*/.qds-text[data-status='success'].sc-qds-form-message{color:var(--qds-theme-feedback-result-success)}/*!@[data-status='warning'].qds-icon-background*/[data-status='warning'].qds-icon-background.sc-qds-form-message{background-color:var(--qds-theme-feedback-result-partial-success)}";
 
 /**
  * `<qds-form-message>` elements represent messages for a form field in a user
@@ -8069,9 +8069,9 @@ class FormMessage {
   }
   render() {
     return (hAsync("span", { class: {
-        inline: this.inline,
-        'form-message': true,
-      }, "data-size": this.size, ...this.inheritedAttributes }, hAsync("span", { class: "icon-background", "data-size": this.size, "data-status": this.status }), hAsync("qds-icon", { class: "icon", "data-size": this.size, name: `status-${this.status}`, library: "core" }), hAsync("span", { class: "text", "data-status": this.status }, this.text)));
+        'qds-inline': this.inline,
+        'qds-form-message': true,
+      }, "data-size": this.size, ...this.inheritedAttributes }, hAsync("span", { class: "qds-icon-background", "data-size": this.size, "data-status": this.status }), hAsync("qds-icon", { class: "qds-icon", "data-size": this.size, name: `status-${this.status}`, library: "core" }), hAsync("span", { class: "qds-text", "data-status": this.status }, this.text)));
   }
   get element() { return getElement(this); }
   static get style() { return formMessageCss; }
@@ -8162,7 +8162,7 @@ const requestIcon = async (url) => {
   return iconFileData;
 };
 
-const iconCss = "/*!@:host*/.sc-qds-icon-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-icon-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-icon-h *.sc-qds-icon,.sc-qds-icon-h *.sc-qds-icon::before,.sc-qds-icon-h *.sc-qds-icon::after{box-sizing:inherit}/*!@:host*/.sc-qds-icon-h{contain:strict;display:inline-block;height:1em;width:1em}/*!@.wrapper*/.wrapper.sc-qds-icon{display:contents}/*!@svg*/svg.sc-qds-icon{display:block;fill:currentcolor;height:100%;width:100%}";
+const iconCss = "/*!@:host*/.sc-qds-icon-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-icon-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-icon-h *.sc-qds-icon,.sc-qds-icon-h *.sc-qds-icon::before,.sc-qds-icon-h *.sc-qds-icon::after{box-sizing:inherit}/*!@:host*/.sc-qds-icon-h{contain:strict;display:inline-block;height:1em;width:1em}/*!@.qds-wrapper*/.qds-wrapper.sc-qds-icon{display:contents}/*!@svg*/svg.sc-qds-icon{display:block;fill:currentcolor;height:100%;width:100%}";
 
 let parser;
 /**
@@ -8222,7 +8222,7 @@ class Icon {
     await this.setIcon();
   }
   render() {
-    return hAsync("span", { class: "wrapper", innerHTML: this.svg });
+    return hAsync("span", { class: "qds-wrapper", innerHTML: this.svg });
   }
   get element() { return getElement(this); }
   static get watchers() { return {
@@ -8244,7 +8244,7 @@ class Icon {
   }; }
 }
 
-const inlineLinkCss = "/*!@:host*/.sc-qds-inline-link-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-inline-link-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-inline-link-h *.sc-qds-inline-link,.sc-qds-inline-link-h *.sc-qds-inline-link::before,.sc-qds-inline-link-h *.sc-qds-inline-link::after{box-sizing:inherit}/*!@:host*/.sc-qds-inline-link-h{display:inline-block}/*!@.external*/.external.sc-qds-inline-link{display:none;height:1.25em;-webkit-margin-start:var(--qds-text-icon-gap);margin-inline-start:var(--qds-text-icon-gap);vertical-align:text-top;width:1.25em}/*!@.inline-link*/.inline-link.sc-qds-inline-link{border-radius:var(--qds-focus-border-radius);color:var(--qds-theme-link-default)}/*!@.inline-link[rel~='external'] > .external*/.inline-link[rel~='external'].sc-qds-inline-link>.external.sc-qds-inline-link{display:inline-block}/*!@.inline-link:focus-visible*/.inline-link.sc-qds-inline-link:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}/*!@.inline-link:visited*/.inline-link.sc-qds-inline-link:visited{color:var(--qds-theme-link-visited)}/*!@[aria-disabled='true']*/[aria-disabled='true'].sc-qds-inline-link{opacity:var(--qds-theme-disabled);pointer-events:none}";
+const inlineLinkCss = "/*!@:host*/.sc-qds-inline-link-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-inline-link-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-inline-link-h *.sc-qds-inline-link,.sc-qds-inline-link-h *.sc-qds-inline-link::before,.sc-qds-inline-link-h *.sc-qds-inline-link::after{box-sizing:inherit}/*!@:host*/.sc-qds-inline-link-h{display:inline-block}/*!@.qds-external*/.qds-external.sc-qds-inline-link{display:none;height:1.25em;-webkit-margin-start:var(--qds-text-icon-gap);margin-inline-start:var(--qds-text-icon-gap);vertical-align:text-top;width:1.25em}/*!@.qds-inline-link*/.qds-inline-link.sc-qds-inline-link{border-radius:var(--qds-focus-border-radius);color:var(--qds-theme-link-default)}/*!@.qds-inline-link[rel~='external'] > .qds-external*/.qds-inline-link[rel~='external'].sc-qds-inline-link>.qds-external.sc-qds-inline-link{display:inline-block}/*!@.qds-inline-link:focus-visible*/.qds-inline-link.sc-qds-inline-link:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}/*!@.qds-inline-link:visited*/.qds-inline-link.sc-qds-inline-link:visited{color:var(--qds-theme-link-visited)}/*!@[aria-disabled='true']*/[aria-disabled='true'].sc-qds-inline-link{opacity:var(--qds-theme-disabled);pointer-events:none}";
 
 /**
  * `<qds-inline-link>` elements, with their `href` property, create a hyperlink
@@ -8295,7 +8295,7 @@ class InlineLink {
     };
   }
   render() {
-    return (hAsync("a", { "aria-disabled": this.disabled ? 'true' : 'false', class: "inline-link", download: this.download, href: this.href, hrefLang: this.hreflang, onBlur: this.onBlur, onFocus: this.onFocus, referrerPolicy: this.referrerPolicy, rel: this.rel, target: this.target, ...this.inheritedAttributes, tabIndex: this.disabled ? -1 : this.computedTabIndex }, hAsync("slot", null), hAsync("qds-icon", { class: "external", library: "core", name: "external-link" })));
+    return (hAsync("a", { "aria-disabled": this.disabled ? 'true' : 'false', class: "qds-inline-link", download: this.download, href: this.href, hrefLang: this.hreflang, onBlur: this.onBlur, onFocus: this.onFocus, referrerPolicy: this.referrerPolicy, rel: this.rel, target: this.target, ...this.inheritedAttributes, tabIndex: this.disabled ? -1 : this.computedTabIndex }, hAsync("slot", null), hAsync("qds-icon", { class: "qds-external", library: "core", name: "external-link" })));
   }
   static get delegatesFocus() { return true; }
   get element() { return getElement(this); }
@@ -8318,7 +8318,7 @@ class InlineLink {
   }; }
 }
 
-const inputCss = ".sc-qds-input-h{box-sizing:border-box}[hidden].sc-qds-input-h{display:none !important}.sc-qds-input-h *.sc-qds-input,.sc-qds-input-h *.sc-qds-input::before,.sc-qds-input-h *.sc-qds-input::after{box-sizing:inherit}.sc-qds-input-h{display:inline-block}.input.sc-qds-input{-webkit-appearance:textfield;appearance:textfield;padding:0;background-color:var(--qds-theme-control-input-background);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-control-text-standard);gap:var(--qds-control-input-gap-internal);padding-inline:var(--qds-control-input-padding-horizontal);width:100%}.input[aria-invalid='true'].sc-qds-input:not(:focus){border-color:var(--qds-theme-feedback-result-failure)}.input[type='color'].sc-qds-input{-webkit-appearance:none;appearance:none;min-width:50px;padding-block:var(--qds-control-input-padding-horizontal);cursor:pointer}.input[type='color'].sc-qds-input::-webkit-color-swatch-wrapper{padding:0}.input[type='color'].sc-qds-input::-webkit-color-swatch{border:var(--qds-control-border-width) solid\n        var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.input[type='color'].sc-qds-input::-moz-color-swatch{border:var(--qds-control-border-width) solid\n        var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.input[type='color'].sc-qds-input:hover{background-color:var(--qds-theme-interactive-background-hover)}.input[type='color'].sc-qds-input:active{background-color:var(--qds-theme-interactive-background-pressed)}.input.sc-qds-input:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.input.sc-qds-input:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.input.sc-qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}[data-size='small'].sc-qds-input{font:var(--qds-control-small-text);height:var(--qds-control-small-height)}[data-size='standard'].sc-qds-input{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height)}[data-size='large'].sc-qds-input{font:var(--qds-control-large-text);height:var(--qds-control-large-height)}";
+const inputCss = ".sc-qds-input-h{box-sizing:border-box}[hidden].sc-qds-input-h{display:none !important}.sc-qds-input-h *.sc-qds-input,.sc-qds-input-h *.sc-qds-input::before,.sc-qds-input-h *.sc-qds-input::after{box-sizing:inherit}.sc-qds-input-h{display:inline-block}.qds-input.sc-qds-input{-webkit-appearance:textfield;appearance:textfield;padding:0;background-color:var(--qds-theme-control-input-background);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-control-text-standard);gap:var(--qds-control-input-gap-internal);padding-inline:var(--qds-control-input-padding-horizontal);width:100%}.qds-input[aria-invalid='true'].sc-qds-input:not(:focus){border-color:var(--qds-theme-feedback-result-failure)}.qds-input[type='color'].sc-qds-input{-webkit-appearance:none;appearance:none;min-width:50px;padding-block:var(--qds-control-input-padding-horizontal);cursor:pointer}.qds-input[type='color'].sc-qds-input::-webkit-color-swatch-wrapper{padding:0}.qds-input[type='color'].sc-qds-input::-webkit-color-swatch{border:var(--qds-control-border-width) solid\n        var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.qds-input[type='color'].sc-qds-input::-moz-color-swatch{border:var(--qds-control-border-width) solid\n        var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.qds-input[type='color'].sc-qds-input:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type='color'].sc-qds-input:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.sc-qds-input:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input.sc-qds-input:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-input.sc-qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}[data-size='small'].sc-qds-input{font:var(--qds-control-small-text);height:var(--qds-control-small-height)}[data-size='standard'].sc-qds-input{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height)}[data-size='large'].sc-qds-input{font:var(--qds-control-large-text);height:var(--qds-control-large-height)}";
 
 let autoIncrementingId$3 = 1;
 /**
@@ -8501,7 +8501,7 @@ class Input {
   render() {
     return (hAsync("input", { "aria-invalid": this.invalid ?? false ? 'true' : 'false', autoCapitalize: this.autoCapitalize, autoComplete: this.autoComplete,
       // eslint-disable-next-line jsx-a11y/no-autofocus
-      autoFocus: this.autoFocus, class: "input", "data-size": this.size, disabled: this.disabled, enterKeyHint: this.enterkeyhint, form: this.form, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, name: this.name, onBlur: this.onBlur, onChange: this.onChange, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, onInvalid: this.onInvalid, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.ref, required: this.required, spellcheck: this.spellCheck, step: this.step, type: this.type, value: this.value ?? undefined, ...this.inheritedAttributes }));
+      autoFocus: this.autoFocus, class: "qds-input", "data-size": this.size, disabled: this.disabled, enterKeyHint: this.enterkeyhint, form: this.form, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, name: this.name, onBlur: this.onBlur, onChange: this.onChange, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, onInvalid: this.onInvalid, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.ref, required: this.required, spellcheck: this.spellCheck, step: this.step, type: this.type, value: this.value ?? undefined, ...this.inheritedAttributes }));
   }
   get element() { return getElement(this); }
   static get watchers() { return {
@@ -8551,7 +8551,7 @@ class Input {
   }; }
 }
 
-const labelCss = "/*!@:host*/.sc-qds-label-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-label-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-label-h *.sc-qds-label,.sc-qds-label-h *.sc-qds-label::before,.sc-qds-label-h *.sc-qds-label::after{box-sizing:inherit}/*!@:host*/.sc-qds-label-h{display:inline-block}/*!@.label*/.label.sc-qds-label{color:var(--qds-theme-control-text-standard);display:inline-block}/*!@.required*/.required.sc-qds-label{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}/*!@[data-size='small']*/[data-size='small'].sc-qds-label{font:var(--qds-control-small-text)}/*!@.inline[data-size='small']*/.inline[data-size='small'].sc-qds-label{margin-block:var(--qds-control-small-padding-auto-height)}/*!@[data-size='standard']*/[data-size='standard'].sc-qds-label{font:var(--qds-control-standard-text)}/*!@.inline[data-size='standard']*/.inline[data-size='standard'].sc-qds-label{margin-block:var(--qds-control-standard-padding-auto-height)}/*!@[data-size='large']*/[data-size='large'].sc-qds-label{font:var(--qds-control-large-text)}/*!@.inline[data-size='large']*/.inline[data-size='large'].sc-qds-label{margin-block:var(--qds-control-large-padding-auto-height)}";
+const labelCss = "/*!@:host*/.sc-qds-label-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-label-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-label-h *.sc-qds-label,.sc-qds-label-h *.sc-qds-label::before,.sc-qds-label-h *.sc-qds-label::after{box-sizing:inherit}/*!@:host*/.sc-qds-label-h{display:inline-block}/*!@.qds-label*/.qds-label.sc-qds-label{color:var(--qds-theme-control-text-standard);display:inline-block}/*!@.qds-required*/.qds-required.sc-qds-label{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}/*!@[data-size='small']*/[data-size='small'].sc-qds-label{font:var(--qds-control-small-text)}/*!@.qds-inline[data-size='small']*/.qds-inline[data-size='small'].sc-qds-label{margin-block:var(--qds-control-small-padding-auto-height)}/*!@[data-size='standard']*/[data-size='standard'].sc-qds-label{font:var(--qds-control-standard-text)}/*!@.qds-inline[data-size='standard']*/.qds-inline[data-size='standard'].sc-qds-label{margin-block:var(--qds-control-standard-padding-auto-height)}/*!@[data-size='large']*/[data-size='large'].sc-qds-label{font:var(--qds-control-large-text)}/*!@.qds-inline[data-size='large']*/.qds-inline[data-size='large'].sc-qds-label{margin-block:var(--qds-control-large-padding-auto-height)}";
 
 /**
  * `<qds-label>` elements represent a caption for an item in a user interface.
@@ -8572,9 +8572,9 @@ class Label {
   }
   render() {
     return (hAsync("span", { class: {
-        inline: this.inline,
-        label: true,
-      }, "data-size": this.size, ...this.inheritedAttributes }, this.required && hAsync("span", { class: "required" }, "*"), this.text));
+        'qds-inline': this.inline,
+        'qds-label': true,
+      }, "data-size": this.size, ...this.inheritedAttributes }, this.required && hAsync("span", { class: "qds-required" }, "*"), this.text));
   }
   get element() { return getElement(this); }
   static get style() { return labelCss; }
@@ -8593,7 +8593,7 @@ class Label {
   }; }
 }
 
-const radioCss = ".sc-qds-radio-h{box-sizing:border-box}[hidden].sc-qds-radio-h{display:none !important}.sc-qds-radio-h *.sc-qds-radio,.sc-qds-radio-h *.sc-qds-radio::before,.sc-qds-radio-h *.sc-qds-radio::after{box-sizing:inherit}.sc-qds-radio-h{display:inline-block;line-height:0}.icon.sc-qds-radio{display:none;color:var(--qds-theme-signature-color-contrast);inset-inline-start:0;pointer-events:none;position:absolute}.label.sc-qds-radio{cursor:pointer;display:inline-flex;position:relative}.radio.sc-qds-radio{align-items:center;-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-control-input-background);border-radius:var(--qds-control-rounded-border-radius);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.radio.sc-qds-radio:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.radio.sc-qds-radio::before{border-radius:var(--qds-control-rounded-border-radius);content:'';height:10px;position:absolute;width:10px}.radio.sc-qds-radio:hover::before{box-shadow:inset 1em 1em var(--qds-theme-signature-color-hover)}.radio.sc-qds-radio:active::before{box-shadow:inset 1em 1em var(--qds-theme-signature-color-pressed)}.radio.sc-qds-radio:checked{background-color:var(--qds-theme-signature-color-default);border-color:transparent}.radio.sc-qds-radio:checked~.icon.sc-qds-radio{display:inline-block}.radio.sc-qds-radio:checked:hover{background-color:var(--qds-theme-signature-color-hover)}.radio.sc-qds-radio:checked:active{background-color:var(--qds-theme-signature-color-pressed)}[aria-disabled='true'].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}.icon[data-size='small'].sc-qds-radio,.radio[data-size='small'].sc-qds-radio{width:var(--qds-control-small-icon-size);height:var(--qds-control-small-icon-size)}.inline[data-size='small'].sc-qds-radio{margin-block:var(--qds-control-small-padding-auto-height)}.label[data-size='small'].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related)}.icon[data-size='standard'].sc-qds-radio,.radio[data-size='standard'].sc-qds-radio{width:var(--qds-control-standard-icon-size);height:var(--qds-control-standard-icon-size)}.inline[data-size='standard'].sc-qds-radio{margin-block:var(--qds-control-standard-padding-auto-height)}.label[data-size='standard'].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related)}.icon[data-size='large'].sc-qds-radio,.radio[data-size='large'].sc-qds-radio{width:var(--qds-control-large-icon-size);height:var(--qds-control-large-icon-size)}.inline[data-size='large'].sc-qds-radio{margin-block:var(--qds-control-large-padding-auto-height)}.label[data-size='large'].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related)}";
+const radioCss = ".sc-qds-radio-h{box-sizing:border-box}[hidden].sc-qds-radio-h{display:none !important}.sc-qds-radio-h *.sc-qds-radio,.sc-qds-radio-h *.sc-qds-radio::before,.sc-qds-radio-h *.sc-qds-radio::after{box-sizing:inherit}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio{display:none;color:var(--qds-theme-signature-color-contrast);inset-inline-start:0;pointer-events:none;position:absolute}.qds-label.sc-qds-radio{cursor:pointer;display:inline-flex;position:relative}.qds-radio.sc-qds-radio{align-items:center;-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-control-input-background);border-radius:var(--qds-control-rounded-border-radius);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-radio.sc-qds-radio:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-radio.sc-qds-radio::before{border-radius:var(--qds-control-rounded-border-radius);content:'';height:10px;position:absolute;width:10px}.qds-radio.sc-qds-radio:hover::before{box-shadow:inset 1em 1em var(--qds-theme-signature-color-hover)}.qds-radio.sc-qds-radio:active::before{box-shadow:inset 1em 1em var(--qds-theme-signature-color-pressed)}.qds-radio.sc-qds-radio:checked{background-color:var(--qds-theme-signature-color-default);border-color:transparent}.qds-radio.sc-qds-radio:checked~.qds-icon.sc-qds-radio{display:inline-block}.qds-radio.sc-qds-radio:checked:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-radio.sc-qds-radio:checked:active{background-color:var(--qds-theme-signature-color-pressed)}[aria-disabled='true'].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon[data-size='small'].sc-qds-radio,.qds-radio[data-size='small'].sc-qds-radio{width:var(--qds-control-small-icon-size);height:var(--qds-control-small-icon-size)}.qds-inline[data-size='small'].sc-qds-radio{margin-block:var(--qds-control-small-padding-auto-height)}.qds-label[data-size='small'].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related)}.qds-icon[data-size='standard'].sc-qds-radio,.qds-radio[data-size='standard'].sc-qds-radio{width:var(--qds-control-standard-icon-size);height:var(--qds-control-standard-icon-size)}.qds-inline[data-size='standard'].sc-qds-radio{margin-block:var(--qds-control-standard-padding-auto-height)}.qds-label[data-size='standard'].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related)}.qds-icon[data-size='large'].sc-qds-radio,.qds-radio[data-size='large'].sc-qds-radio{width:var(--qds-control-large-icon-size);height:var(--qds-control-large-icon-size)}.qds-inline[data-size='large'].sc-qds-radio{margin-block:var(--qds-control-large-padding-auto-height)}.qds-label[data-size='large'].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related)}";
 
 /**
  * `<qds-radio>` elements are rendered as circles that are filled when
@@ -8654,9 +8654,9 @@ class Radio {
     return (
     // eslint-disable-next-line jsx-a11y/label-has-associated-control
     hAsync("label", { "aria-disabled": this.computedDisabled ? 'true' : 'false', class: {
-        inline: this.inline,
-        label: true,
-      }, "data-size": this.size }, hAsync("input", { checked: this.checked, class: "radio", "data-size": this.size, disabled: this.disabled, form: this.form, name: this.name, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, ref: this.ref, required: this.required, type: "radio", value: this.value ?? undefined, ...this.inheritedAttributes }), hAsync("qds-icon", { "aria-hidden": "true", class: "icon", "data-size": this.size, library: "core", name: "checked" }), this.hasText && hAsync("qds-label", { size: this.size, text: this.text })));
+        'qds-inline': this.inline,
+        'qds-label': true,
+      }, "data-size": this.size }, hAsync("input", { checked: this.checked, class: "qds-radio", "data-size": this.size, disabled: this.disabled, form: this.form, name: this.name, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, ref: this.ref, required: this.required, type: "radio", value: this.value ?? undefined, ...this.inheritedAttributes }), hAsync("qds-icon", { "aria-hidden": "true", class: "qds-icon", "data-size": this.size, library: "core", name: "checked" }), this.hasText && hAsync("qds-label", { size: this.size, text: this.text })));
   }
   get element() { return getElement(this); }
   static get style() { return radioCss; }
@@ -8680,7 +8680,7 @@ class Radio {
   }; }
 }
 
-const switchCss = ".sc-qds-switch-h{box-sizing:border-box}[hidden].sc-qds-switch-h{display:none !important}.sc-qds-switch-h *.sc-qds-switch,.sc-qds-switch-h *.sc-qds-switch::before,.sc-qds-switch-h *.sc-qds-switch::after{box-sizing:inherit}.sc-qds-switch-h{display:inline-block}.track.sc-qds-switch,.knob.sc-qds-switch{-webkit-print-color-adjust:exact;print-color-adjust:exact}.unchecked-text.sc-qds-switch{text-align:end}.icon.sc-qds-switch{color:var(--qds-theme-control-text-standard);flex-shrink:0}.track.sc-qds-switch{align-items:center;border-radius:var(--qds-control-rounded-border-radius);display:flex;flex-shrink:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;background-color:var(--qds-theme-control-slider-track-inactive)}.knob.sc-qds-switch{background-color:var(--qds-theme-accessory-background);border-radius:var(--qds-control-rounded-border-radius);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);box-shadow:var(--qds-theme-accessory-elevation);box-sizing:content-box}.label.sc-qds-switch{cursor:pointer;display:flex}.switch.sc-qds-switch{-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:0;position:absolute;white-space:nowrap;width:1px}.switch.sc-qds-switch:hover~.track.sc-qds-switch>.knob.sc-qds-switch{background-color:var(--qds-theme-interactive-background-hover)}.switch.sc-qds-switch:active~.track.sc-qds-switch>.knob.sc-qds-switch{background-color:var(--qds-theme-interactive-background-pressed)}.switch.sc-qds-switch:checked~.track.sc-qds-switch{justify-content:flex-end;background-color:var(--qds-theme-signature-color-default)}.switch.sc-qds-switch:checked~.track.sc-qds-switch>.knob.sc-qds-switch{border-color:transparent;box-sizing:border-box;-webkit-margin-end:var(--qds-control-border-width);margin-inline-end:var(--qds-control-border-width)}.switch.sc-qds-switch:checked:hover~.track.sc-qds-switch>.knob.sc-qds-switch{background-color:var(--qds-theme-interactive-background-hover)}.switch.sc-qds-switch:checked:active~.track.sc-qds-switch>.knob.sc-qds-switch{background-color:var(--qds-theme-interactive-background-pressed)}.switch.sc-qds-switch:focus-visible~.track.sc-qds-switch{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}[aria-disabled='true'].sc-qds-switch{opacity:var(--qds-theme-disabled);pointer-events:none}.icon[data-size='small'].sc-qds-switch{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.inline[data-size='small'].sc-qds-switch{margin-block:var(--qds-control-small-padding-auto-height)}.label[data-size='small'].sc-qds-switch{gap:var(--qds-control-small-gap-siblings-related)}.track[data-size='small'].sc-qds-switch{width:calc(var(--qds-control-slider-knob-small-size) * 2);height:var(--qds-control-toggle-box-small-size)}.knob[data-size='small'].sc-qds-switch{height:var(--qds-control-slider-knob-small-size);width:var(--qds-control-slider-knob-small-size)}.icon[data-size='standard'].sc-qds-switch{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.inline[data-size='standard'].sc-qds-switch{margin-block:var(--qds-control-standard-padding-auto-height)}.label[data-size='standard'].sc-qds-switch{gap:var(--qds-control-standard-gap-siblings-related)}.track[data-size='standard'].sc-qds-switch{width:calc(var(--qds-control-slider-knob-standard-size) * 2);height:var(--qds-control-toggle-box-standard-size)}.knob[data-size='standard'].sc-qds-switch{height:var(--qds-control-slider-knob-standard-size);width:var(--qds-control-slider-knob-standard-size)}.icon[data-size='large'].sc-qds-switch{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.inline[data-size='large'].sc-qds-switch{margin-block:var(--qds-control-large-padding-auto-height)}.label[data-size='large'].sc-qds-switch{gap:var(--qds-control-large-gap-siblings-related)}.track[data-size='large'].sc-qds-switch{width:calc(var(--qds-control-slider-knob-large-size) * 2);height:var(--qds-control-toggle-box-large-size)}.knob[data-size='large'].sc-qds-switch{height:var(--qds-control-slider-knob-large-size);width:var(--qds-control-slider-knob-large-size)}";
+const switchCss = ".sc-qds-switch-h{box-sizing:border-box}[hidden].sc-qds-switch-h{display:none !important}.sc-qds-switch-h *.sc-qds-switch,.sc-qds-switch-h *.sc-qds-switch::before,.sc-qds-switch-h *.sc-qds-switch::after{box-sizing:inherit}.sc-qds-switch-h{display:inline-block}.qds-track.sc-qds-switch,.qds-knob.sc-qds-switch{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-unchecked-text.sc-qds-switch{text-align:end}.qds-icon.sc-qds-switch{color:var(--qds-theme-control-text-standard);flex-shrink:0}.qds-track.sc-qds-switch{align-items:center;border-radius:var(--qds-control-rounded-border-radius);display:flex;flex-shrink:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;background-color:var(--qds-theme-control-slider-track-inactive)}.qds-knob.sc-qds-switch{background-color:var(--qds-theme-accessory-background);border-radius:var(--qds-control-rounded-border-radius);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);box-shadow:var(--qds-theme-accessory-elevation);box-sizing:content-box}.qds-label.sc-qds-switch{cursor:pointer;display:flex}.qds-switch.sc-qds-switch{-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:0;position:absolute;white-space:nowrap;width:1px}.qds-switch.sc-qds-switch:hover~.qds-track.sc-qds-switch>.qds-knob.sc-qds-switch{background-color:var(--qds-theme-interactive-background-hover)}.qds-switch.sc-qds-switch:active~.qds-track.sc-qds-switch>.qds-knob.sc-qds-switch{background-color:var(--qds-theme-interactive-background-pressed)}.qds-switch.sc-qds-switch:checked~.qds-track.sc-qds-switch{justify-content:flex-end;background-color:var(--qds-theme-signature-color-default)}.qds-switch.sc-qds-switch:checked~.qds-track.sc-qds-switch>.qds-knob.sc-qds-switch{border-color:transparent;box-sizing:border-box;-webkit-margin-end:var(--qds-control-border-width);margin-inline-end:var(--qds-control-border-width)}.qds-switch.sc-qds-switch:checked:hover~.qds-track.sc-qds-switch>.qds-knob.sc-qds-switch{background-color:var(--qds-theme-interactive-background-hover)}.qds-switch.sc-qds-switch:checked:active~.qds-track.sc-qds-switch>.qds-knob.sc-qds-switch{background-color:var(--qds-theme-interactive-background-pressed)}.qds-switch.sc-qds-switch:focus-visible~.qds-track.sc-qds-switch{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}[aria-disabled='true'].sc-qds-switch{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon[data-size='small'].sc-qds-switch{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-inline[data-size='small'].sc-qds-switch{margin-block:var(--qds-control-small-padding-auto-height)}.qds-label[data-size='small'].sc-qds-switch{gap:var(--qds-control-small-gap-siblings-related)}.qds-track[data-size='small'].sc-qds-switch{width:calc(var(--qds-control-slider-knob-small-size) * 2);height:var(--qds-control-toggle-box-small-size)}.qds-knob[data-size='small'].sc-qds-switch{height:var(--qds-control-slider-knob-small-size);width:var(--qds-control-slider-knob-small-size)}.qds-icon[data-size='standard'].sc-qds-switch{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-inline[data-size='standard'].sc-qds-switch{margin-block:var(--qds-control-standard-padding-auto-height)}.qds-label[data-size='standard'].sc-qds-switch{gap:var(--qds-control-standard-gap-siblings-related)}.qds-track[data-size='standard'].sc-qds-switch{width:calc(var(--qds-control-slider-knob-standard-size) * 2);height:var(--qds-control-toggle-box-standard-size)}.qds-knob[data-size='standard'].sc-qds-switch{height:var(--qds-control-slider-knob-standard-size);width:var(--qds-control-slider-knob-standard-size)}.qds-icon[data-size='large'].sc-qds-switch{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-inline[data-size='large'].sc-qds-switch{margin-block:var(--qds-control-large-padding-auto-height)}.qds-label[data-size='large'].sc-qds-switch{gap:var(--qds-control-large-gap-siblings-related)}.qds-track[data-size='large'].sc-qds-switch{width:calc(var(--qds-control-slider-knob-large-size) * 2);height:var(--qds-control-toggle-box-large-size)}.qds-knob[data-size='large'].sc-qds-switch{height:var(--qds-control-slider-knob-large-size);width:var(--qds-control-slider-knob-large-size)}";
 
 let autoIncrementingId$2 = 1;
 /**
@@ -8735,13 +8735,13 @@ class Switch {
     return (
     // eslint-disable-next-line jsx-a11y/label-has-associated-control
     hAsync("label", { "aria-disabled": this.computedDisabled ? 'true' : 'false', class: {
-        inline: this.inline,
-        label: true,
-      }, "data-size": this.size }, this.textUnchecked !== undefined && this.textUnchecked !== '' && (hAsync("qds-label", { class: "unchecked-text", size: this.size, text: this.textUnchecked })), this.iconUncheckedName !== undefined &&
-      this.iconUncheckedName !== '' && (hAsync("qds-icon", { class: "icon", "data-size": this.size, library: this.iconUncheckedLibrary, name: this.iconUncheckedName })), hAsync("input", {
+        'qds-inline': this.inline,
+        'qds-label': true,
+      }, "data-size": this.size }, this.textUnchecked !== undefined && this.textUnchecked !== '' && (hAsync("qds-label", { class: "qds-unchecked-text", size: this.size, text: this.textUnchecked })), this.iconUncheckedName !== undefined &&
+      this.iconUncheckedName !== '' && (hAsync("qds-icon", { class: "qds-icon", "data-size": this.size, library: this.iconUncheckedLibrary, name: this.iconUncheckedName })), hAsync("input", {
       // eslint-disable-next-line jsx-a11y/no-autofocus
-      autoFocus: this.autoFocus, checked: this.checked, class: "switch", disabled: this.disabled, form: this.form, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, type: "checkbox", value: this.value ?? undefined, ...this.inheritedAttributes
-    }), hAsync("div", { class: "track", "data-size": this.size }, hAsync("div", { class: "knob", "data-size": this.size })), this.iconCheckedName !== undefined && this.iconCheckedName !== '' && (hAsync("qds-icon", { class: "icon", "data-size": this.size, library: this.iconCheckedLibrary, name: this.iconCheckedName })), this.textChecked !== undefined && this.textChecked !== '' && (hAsync("qds-label", { size: this.size, text: this.textChecked }))));
+      autoFocus: this.autoFocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, form: this.form, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, type: "checkbox", value: this.value ?? undefined, ...this.inheritedAttributes
+    }), hAsync("div", { class: "qds-track", "data-size": this.size }, hAsync("div", { class: "qds-knob", "data-size": this.size })), this.iconCheckedName !== undefined && this.iconCheckedName !== '' && (hAsync("qds-icon", { class: "qds-icon", "data-size": this.size, library: this.iconCheckedLibrary, name: this.iconCheckedName })), this.textChecked !== undefined && this.textChecked !== '' && (hAsync("qds-label", { size: this.size, text: this.textChecked }))));
   }
   get element() { return getElement(this); }
   static get style() { return switchCss; }
@@ -8770,7 +8770,7 @@ class Switch {
   }; }
 }
 
-const textareaCss = ".sc-qds-textarea-h{box-sizing:border-box}[hidden].sc-qds-textarea-h{display:none !important}.sc-qds-textarea-h *.sc-qds-textarea,.sc-qds-textarea-h *.sc-qds-textarea::before,.sc-qds-textarea-h *.sc-qds-textarea::after{box-sizing:inherit}.sc-qds-textarea-h{display:inline-block;resize:both}.textarea.sc-qds-textarea{background-color:var(--qds-theme-control-input-background);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-control-text-standard);padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%;height:100%}.textarea[aria-invalid='true'].sc-qds-textarea:not(:focus){border-color:var(--qds-theme-feedback-result-failure)}.textarea.sc-qds-textarea:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.textarea.sc-qds-textarea:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.textarea.sc-qds-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}[data-size='small'].sc-qds-textarea{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size='standard'].sc-qds-textarea{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size='large'].sc-qds-textarea{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
+const textareaCss = ".sc-qds-textarea-h{box-sizing:border-box}[hidden].sc-qds-textarea-h{display:none !important}.sc-qds-textarea-h *.sc-qds-textarea,.sc-qds-textarea-h *.sc-qds-textarea::before,.sc-qds-textarea-h *.sc-qds-textarea::after{box-sizing:inherit}.sc-qds-textarea-h{display:inline-block;resize:both}.qds-textarea.sc-qds-textarea{background-color:var(--qds-theme-control-input-background);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-control-text-standard);padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%;height:100%}.qds-textarea[aria-invalid='true'].sc-qds-textarea:not(:focus){border-color:var(--qds-theme-feedback-result-failure)}.qds-textarea.sc-qds-textarea:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea.sc-qds-textarea:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-textarea.sc-qds-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}[data-size='small'].sc-qds-textarea{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size='standard'].sc-qds-textarea{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size='large'].sc-qds-textarea{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
 
 let autoIncrementingId$1 = 1;
 /**
@@ -8921,7 +8921,7 @@ class TextArea {
   render() {
     return (hAsync("textarea", { "aria-invalid": this.invalid ?? false ? 'true' : 'false', autoCapitalize: this.autoCapitalize, autoComplete: this.autoComplete,
       // eslint-disable-next-line jsx-a11y/no-autofocus
-      autoFocus: this.autoFocus, class: "textarea", cols: this.cols, "data-size": this.size, disabled: this.disabled, enterKeyHint: this.enterkeyhint, form: this.form, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.onBlur, onChange: this.onChange, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, onInvalid: this.onInvalid, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.ref, required: this.required, rows: this.rows, spellcheck: this.spellCheck, value: this.value ?? undefined, wrap: this.wrap, ...this.inheritedAttributes }));
+      autoFocus: this.autoFocus, class: "qds-textarea", cols: this.cols, "data-size": this.size, disabled: this.disabled, enterKeyHint: this.enterkeyhint, form: this.form, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.onBlur, onChange: this.onChange, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, onInvalid: this.onInvalid, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.ref, required: this.required, rows: this.rows, spellcheck: this.spellCheck, value: this.value ?? undefined, wrap: this.wrap, ...this.inheritedAttributes }));
   }
   get element() { return getElement(this); }
   static get watchers() { return {
@@ -8965,7 +8965,7 @@ class TextArea {
   }; }
 }
 
-const titleCss = "/*!@:host*/.sc-qds-title-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-title-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-title-h *.sc-qds-title,.sc-qds-title-h *.sc-qds-title::before,.sc-qds-title-h *.sc-qds-title::after{box-sizing:inherit}/*!@:host*/.sc-qds-title-h{display:block}/*!@.titles,\n.title*/.titles.sc-qds-title,.title.sc-qds-title{display:flex}/*!@.titles*/.titles.sc-qds-title{flex-direction:column}/*!@.title,\n.subtitle,\n.kicker*/.title.sc-qds-title,.subtitle.sc-qds-title,.kicker.sc-qds-title{margin-block:0}/*!@.icon*/.icon.sc-qds-title{flex-shrink:0}/*!@.title*/.title.sc-qds-title{font-weight:normal;font-weight:initial;font-size:medium;font-size:initial;color:var(--qds-theme-title)}/*!@.subtitle*/.subtitle.sc-qds-title{color:var(--qds-theme-subtitle)}/*!@.kicker*/.kicker.sc-qds-title{color:var(--qds-theme-kicker);order:-1}/*!@.subtitle,\n.kicker*/.subtitle.sc-qds-title,.kicker.sc-qds-title{word-wrap:break-word}/*!@.main.section.titles,\n    .main.section.title*/.main.section.titles.sc-qds-title,.main.section.title.sc-qds-title{gap:var(--qds-main-section-titles-gap)}/*!@.main.section.title*/.main.section.title.sc-qds-title{font:var(--qds-main-section-title)}/*!@.main.section.title .icon*/.main.section.title.sc-qds-title .icon.sc-qds-title{--qds-main-section-title-line-height:2rem;width:var(--qds-main-section-titles-icon-size);height:2rem;height:var(--qds-main-section-title-line-height)}/*!@.main.section.subtitle*/.main.section.subtitle.sc-qds-title{font:var(--qds-main-section-subtitle)}/*!@.main.section.kicker*/.main.section.kicker.sc-qds-title{font:var(--qds-main-section-kicker)}/*!@.main.section.has-icon*/.main.section.has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-main-section-titles-icon-size, 0px) +\n          var(--qds-main-section-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-main-section-titles-icon-size, 0px) +\n          var(--qds-main-section-titles-gap, 0px)\n      )}/*!@.main.section.has-icon-end*/.main.section.has-icon-end.sc-qds-title{-webkit-padding-end:calc(\n        0px +\n          0px\n      );padding-inline-end:calc(\n        0px +\n          0px\n      );-webkit-padding-end:calc(\n        var(--qds-main-section-titles-icon-size, 0px) +\n          var(--qds-main-section-titles-gap, 0px)\n      );padding-inline-end:calc(\n        var(--qds-main-section-titles-icon-size, 0px) +\n          var(--qds-main-section-titles-gap, 0px)\n      )}/*!@.main.subsection.titles,\n    .main.subsection.title*/.main.subsection.titles.sc-qds-title,.main.subsection.title.sc-qds-title{gap:var(--qds-main-subsection-titles-gap)}/*!@.main.subsection.title*/.main.subsection.title.sc-qds-title{font:var(--qds-main-subsection-title)}/*!@.main.subsection.title .icon*/.main.subsection.title.sc-qds-title .icon.sc-qds-title{--qds-main-subsection-title-line-height:1.5rem;width:var(--qds-main-subsection-titles-icon-size);height:1.5rem;height:var(--qds-main-subsection-title-line-height)}/*!@.main.subsection.subtitle*/.main.subsection.subtitle.sc-qds-title{font:var(--qds-main-subsection-subtitle)}/*!@.main.subsection.kicker*/.main.subsection.kicker.sc-qds-title{font:var(--qds-main-subsection-kicker)}/*!@.main.subsection.has-icon*/.main.subsection.has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-main-subsection-titles-icon-size, 0px) +\n          var(--qds-main-subsection-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-main-subsection-titles-icon-size, 0px) +\n          var(--qds-main-subsection-titles-gap, 0px)\n      )}/*!@.panel.root.titles,\n    .panel.root.title*/.panel.root.titles.sc-qds-title,.panel.root.title.sc-qds-title{gap:var(--qds-panel-titles-gap)}/*!@.panel.root.title*/.panel.root.title.sc-qds-title{font:var(--qds-panel-title)}/*!@.panel.root.title .icon*/.panel.root.title.sc-qds-title .icon.sc-qds-title{--qds-panel-title-line-height:2rem;width:var(--qds-panel-titles-icon-size);height:2rem;height:var(--qds-panel-title-line-height)}/*!@.panel.root.subtitle*/.panel.root.subtitle.sc-qds-title{font:var(--qds-panel-subtitle)}/*!@.panel.root.kicker*/.panel.root.kicker.sc-qds-title{font:var(--qds-panel-kicker)}/*!@.panel.root.has-icon*/.panel.root.has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-panel-titles-icon-size, 0px) +\n          var(--qds-panel-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-panel-titles-icon-size, 0px) +\n          var(--qds-panel-titles-gap, 0px)\n      )}/*!@.panel.section.titles,\n    .panel.section.title*/.panel.section.titles.sc-qds-title,.panel.section.title.sc-qds-title{gap:var(--qds-panel-section-titles-gap)}/*!@.panel.section.title*/.panel.section.title.sc-qds-title{font:var(--qds-panel-section-title)}/*!@.panel.section.title .icon*/.panel.section.title.sc-qds-title .icon.sc-qds-title{--qds-panel-section-title-line-height:1.5rem;width:var(--qds-panel-section-titles-icon-size);height:1.5rem;height:var(--qds-panel-section-title-line-height)}/*!@.panel.section.subtitle*/.panel.section.subtitle.sc-qds-title{font:var(--qds-panel-section-subtitle)}/*!@.panel.section.kicker*/.panel.section.kicker.sc-qds-title{font:var(--qds-panel-section-kicker)}/*!@.panel.section.has-icon*/.panel.section.has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-panel-section-titles-icon-size, 0px) +\n          var(--qds-panel-section-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-panel-section-titles-icon-size, 0px) +\n          var(--qds-panel-section-titles-gap, 0px)\n      )}/*!@.panel.subsection.titles,\n    .panel.subsection.title*/.panel.subsection.titles.sc-qds-title,.panel.subsection.title.sc-qds-title{gap:var(--qds-panel-subsection-titles-gap)}/*!@.panel.subsection.title*/.panel.subsection.title.sc-qds-title{font:var(--qds-panel-subsection-title)}/*!@.panel.subsection.title .icon*/.panel.subsection.title.sc-qds-title .icon.sc-qds-title{--qds-panel-subsection-title-line-height:1.25rem;width:var(--qds-panel-subsection-titles-icon-size);height:1.25rem;height:var(--qds-panel-subsection-title-line-height)}/*!@.panel.subsection.subtitle*/.panel.subsection.subtitle.sc-qds-title{font:var(--qds-panel-subsection-subtitle)}/*!@.panel.subsection.kicker*/.panel.subsection.kicker.sc-qds-title{font:var(--qds-panel-subsection-kicker)}/*!@.panel.subsection.has-icon*/.panel.subsection.has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-panel-subsection-titles-icon-size, 0px) +\n          var(--qds-panel-subsection-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-panel-subsection-titles-icon-size, 0px) +\n          var(--qds-panel-subsection-titles-gap, 0px)\n      )}/*!@.navigation.section.titles,\n    .navigation.section.title*/.navigation.section.titles.sc-qds-title,.navigation.section.title.sc-qds-title{gap:var(--qds-navigation-section-titles-gap)}/*!@.navigation.section.title*/.navigation.section.title.sc-qds-title{font:var(--qds-navigation-section-title)}/*!@.navigation.section.title .icon*/.navigation.section.title.sc-qds-title .icon.sc-qds-title{--qds-navigation-section-title-line-height:1.5rem;width:var(--qds-navigation-section-titles-icon-size);height:1.5rem;height:var(--qds-navigation-section-title-line-height)}/*!@.navigation.section.subtitle*/.navigation.section.subtitle.sc-qds-title{font:var(--qds-navigation-section-subtitle)}/*!@.navigation.section.kicker*/.navigation.section.kicker.sc-qds-title{font:var(--qds-navigation-section-kicker)}/*!@.navigation.section.has-icon*/.navigation.section.has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-navigation-section-titles-icon-size, 0px) +\n          var(--qds-navigation-section-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-navigation-section-titles-icon-size, 0px) +\n          var(--qds-navigation-section-titles-gap, 0px)\n      )}/*!@.navigation.subsection.titles,\n    .navigation.subsection.title*/.navigation.subsection.titles.sc-qds-title,.navigation.subsection.title.sc-qds-title{gap:var(--qds-navigation-subsection-titles-gap)}/*!@.navigation.subsection.title*/.navigation.subsection.title.sc-qds-title{font:var(--qds-navigation-subsection-title)}/*!@.navigation.subsection.title .icon*/.navigation.subsection.title.sc-qds-title .icon.sc-qds-title{--qds-navigation-subsection-title-line-height:1.25rem;width:var(--qds-navigation-subsection-titles-icon-size);height:1.25rem;height:var(--qds-navigation-subsection-title-line-height)}/*!@.navigation.subsection.subtitle*/.navigation.subsection.subtitle.sc-qds-title{font:var(--qds-navigation-subsection-subtitle)}/*!@.navigation.subsection.kicker*/.navigation.subsection.kicker.sc-qds-title{font:var(--qds-navigation-subsection-kicker)}/*!@.navigation.subsection.has-icon*/.navigation.subsection.has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-navigation-subsection-titles-icon-size, 0px) +\n          var(--qds-navigation-subsection-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-navigation-subsection-titles-icon-size, 0px) +\n          var(--qds-navigation-subsection-titles-gap, 0px)\n      )}/*!@.popup.root.titles,\n    .popup.root.title*/.popup.root.titles.sc-qds-title,.popup.root.title.sc-qds-title{gap:var(--qds-popup-titles-gap)}/*!@.popup.root.title*/.popup.root.title.sc-qds-title{font:var(--qds-popup-title)}/*!@.popup.root.title .icon*/.popup.root.title.sc-qds-title .icon.sc-qds-title{--qds-popup-title-line-height:1.75rem;width:var(--qds-popup-titles-icon-size);height:1.75rem;height:var(--qds-popup-title-line-height)}/*!@.popup.root.subtitle*/.popup.root.subtitle.sc-qds-title{font:var(--qds-popup-subtitle)}/*!@.popup.root.kicker*/.popup.root.kicker.sc-qds-title{font:var(--qds-popup-kicker)}/*!@.popup.root.has-icon*/.popup.root.has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-popup-titles-icon-size, 0px) +\n          var(--qds-popup-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-popup-titles-icon-size, 0px) +\n          var(--qds-popup-titles-gap, 0px)\n      )}/*!@.popup.section.titles,\n    .popup.section.title*/.popup.section.titles.sc-qds-title,.popup.section.title.sc-qds-title{gap:var(--qds-popup-section-titles-gap)}/*!@.popup.section.title*/.popup.section.title.sc-qds-title{font:var(--qds-popup-section-title)}/*!@.popup.section.title .icon*/.popup.section.title.sc-qds-title .icon.sc-qds-title{--qds-popup-section-title-line-height:1.5rem;width:var(--qds-popup-section-titles-icon-size);height:1.5rem;height:var(--qds-popup-section-title-line-height)}/*!@.popup.section.subtitle*/.popup.section.subtitle.sc-qds-title{font:var(--qds-popup-section-subtitle)}/*!@.popup.section.kicker*/.popup.section.kicker.sc-qds-title{font:var(--qds-popup-section-kicker)}/*!@.popup.section.has-icon*/.popup.section.has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-popup-section-titles-icon-size, 0px) +\n          var(--qds-popup-section-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-popup-section-titles-icon-size, 0px) +\n          var(--qds-popup-section-titles-gap, 0px)\n      )}/*!@.popup.subsection.titles,\n    .popup.subsection.title*/.popup.subsection.titles.sc-qds-title,.popup.subsection.title.sc-qds-title{gap:var(--qds-popup-subsection-titles-gap)}/*!@.popup.subsection.title*/.popup.subsection.title.sc-qds-title{font:var(--qds-popup-subsection-title)}/*!@.popup.subsection.title .icon*/.popup.subsection.title.sc-qds-title .icon.sc-qds-title{--qds-popup-subsection-title-line-height:1.25rem;width:var(--qds-popup-subsection-titles-icon-size);height:1.25rem;height:var(--qds-popup-subsection-title-line-height)}/*!@.popup.subsection.subtitle*/.popup.subsection.subtitle.sc-qds-title{font:var(--qds-popup-subsection-subtitle)}/*!@.popup.subsection.kicker*/.popup.subsection.kicker.sc-qds-title{font:var(--qds-popup-subsection-kicker)}/*!@.popup.subsection.has-icon*/.popup.subsection.has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-popup-subsection-titles-icon-size, 0px) +\n          var(--qds-popup-subsection-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-popup-subsection-titles-icon-size, 0px) +\n          var(--qds-popup-subsection-titles-gap, 0px)\n      )}/*!@.accessory.root.titles,\n    .accessory.root.title*/.accessory.root.titles.sc-qds-title,.accessory.root.title.sc-qds-title{gap:var(--qds-accessory-titles-gap)}/*!@.accessory.root.title*/.accessory.root.title.sc-qds-title{font:var(--qds-accessory-title)}/*!@.accessory.root.title .icon*/.accessory.root.title.sc-qds-title .icon.sc-qds-title{--qds-accessory-title-line-height:1.5rem;width:var(--qds-accessory-titles-icon-size);height:1.5rem;height:var(--qds-accessory-title-line-height)}/*!@.accessory.root.subtitle*/.accessory.root.subtitle.sc-qds-title{font:var(--qds-accessory-subtitle)}/*!@.accessory.root.kicker*/.accessory.root.kicker.sc-qds-title{font:var(--qds-accessory-kicker)}/*!@.accessory.root.has-icon*/.accessory.root.has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-accessory-titles-icon-size, 0px) +\n          var(--qds-accessory-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-accessory-titles-icon-size, 0px) +\n          var(--qds-accessory-titles-gap, 0px)\n      )}/*!@.accessory.section.titles,\n    .accessory.section.title*/.accessory.section.titles.sc-qds-title,.accessory.section.title.sc-qds-title{gap:var(--qds-accessory-section-titles-gap)}/*!@.accessory.section.title*/.accessory.section.title.sc-qds-title{font:var(--qds-accessory-section-title)}/*!@.accessory.section.title .icon*/.accessory.section.title.sc-qds-title .icon.sc-qds-title{--qds-accessory-section-title-line-height:1.25rem;width:var(--qds-accessory-section-titles-icon-size);height:1.25rem;height:var(--qds-accessory-section-title-line-height)}/*!@.accessory.section.subtitle*/.accessory.section.subtitle.sc-qds-title{font:var(--qds-accessory-section-subtitle)}/*!@.accessory.section.kicker*/.accessory.section.kicker.sc-qds-title{font:var(--qds-accessory-section-kicker)}/*!@.accessory.section.has-icon*/.accessory.section.has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-accessory-section-titles-icon-size, 0px) +\n          var(--qds-accessory-section-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-accessory-section-titles-icon-size, 0px) +\n          var(--qds-accessory-section-titles-gap, 0px)\n      )}";
+const titleCss = "/*!@:host*/.sc-qds-title-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-title-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-title-h *.sc-qds-title,.sc-qds-title-h *.sc-qds-title::before,.sc-qds-title-h *.sc-qds-title::after{box-sizing:inherit}/*!@:host*/.sc-qds-title-h{display:block}/*!@.qds-titles,\n.qds-title*/.qds-titles.sc-qds-title,.qds-title.sc-qds-title{display:flex}/*!@.qds-titles*/.qds-titles.sc-qds-title{flex-direction:column}/*!@.qds-title,\n.qds-subtitle,\n.qds-kicker*/.qds-title.sc-qds-title,.qds-subtitle.sc-qds-title,.qds-kicker.sc-qds-title{margin-block:0}/*!@.qds-icon*/.qds-icon.sc-qds-title{flex-shrink:0}/*!@.qds-title*/.qds-title.sc-qds-title{font-weight:normal;font-weight:initial;font-size:medium;font-size:initial;color:var(--qds-theme-title)}/*!@.qds-subtitle*/.qds-subtitle.sc-qds-title{color:var(--qds-theme-subtitle)}/*!@.qds-kicker*/.qds-kicker.sc-qds-title{color:var(--qds-theme-kicker);order:-1}/*!@.qds-subtitle,\n.qds-kicker*/.qds-subtitle.sc-qds-title,.qds-kicker.sc-qds-title{word-wrap:break-word}/*!@.qds-main.qds-section.qds-titles,\n    .qds-main.qds-section.qds-title*/.qds-main.qds-section.qds-titles.sc-qds-title,.qds-main.qds-section.qds-title.sc-qds-title{gap:var(--qds-main-section-titles-gap)}/*!@.qds-main.qds-section.qds-title*/.qds-main.qds-section.qds-title.sc-qds-title{font:var(--qds-main-section-title)}/*!@.qds-main.qds-section.qds-title .qds-icon*/.qds-main.qds-section.qds-title.sc-qds-title .qds-icon.sc-qds-title{--qds-main-section-title-line-height:2rem;width:var(--qds-main-section-titles-icon-size);height:2rem;height:var(--qds-main-section-title-line-height)}/*!@.qds-main.qds-section.qds-subtitle*/.qds-main.qds-section.qds-subtitle.sc-qds-title{font:var(--qds-main-section-subtitle)}/*!@.qds-main.qds-section.qds-kicker*/.qds-main.qds-section.qds-kicker.sc-qds-title{font:var(--qds-main-section-kicker)}/*!@.qds-main.qds-section.qds-has-icon*/.qds-main.qds-section.qds-has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-main-section-titles-icon-size, 0px) +\n          var(--qds-main-section-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-main-section-titles-icon-size, 0px) +\n          var(--qds-main-section-titles-gap, 0px)\n      )}/*!@.qds-main.qds-section.qds-has-icon-end*/.qds-main.qds-section.qds-has-icon-end.sc-qds-title{-webkit-padding-end:calc(\n        0px +\n          0px\n      );padding-inline-end:calc(\n        0px +\n          0px\n      );-webkit-padding-end:calc(\n        var(--qds-main-section-titles-icon-size, 0px) +\n          var(--qds-main-section-titles-gap, 0px)\n      );padding-inline-end:calc(\n        var(--qds-main-section-titles-icon-size, 0px) +\n          var(--qds-main-section-titles-gap, 0px)\n      )}/*!@.qds-main.qds-subsection.qds-titles,\n    .qds-main.qds-subsection.qds-title*/.qds-main.qds-subsection.qds-titles.sc-qds-title,.qds-main.qds-subsection.qds-title.sc-qds-title{gap:var(--qds-main-subsection-titles-gap)}/*!@.qds-main.qds-subsection.qds-title*/.qds-main.qds-subsection.qds-title.sc-qds-title{font:var(--qds-main-subsection-title)}/*!@.qds-main.qds-subsection.qds-title .qds-icon*/.qds-main.qds-subsection.qds-title.sc-qds-title .qds-icon.sc-qds-title{--qds-main-subsection-title-line-height:1.5rem;width:var(--qds-main-subsection-titles-icon-size);height:1.5rem;height:var(--qds-main-subsection-title-line-height)}/*!@.qds-main.qds-subsection.qds-subtitle*/.qds-main.qds-subsection.qds-subtitle.sc-qds-title{font:var(--qds-main-subsection-subtitle)}/*!@.qds-main.qds-subsection.qds-kicker*/.qds-main.qds-subsection.qds-kicker.sc-qds-title{font:var(--qds-main-subsection-kicker)}/*!@.qds-main.qds-subsection.qds-has-icon*/.qds-main.qds-subsection.qds-has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-main-subsection-titles-icon-size, 0px) +\n          var(--qds-main-subsection-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-main-subsection-titles-icon-size, 0px) +\n          var(--qds-main-subsection-titles-gap, 0px)\n      )}/*!@.qds-panel.qds-root.qds-titles,\n    .qds-panel.qds-root.qds-title*/.qds-panel.qds-root.qds-titles.sc-qds-title,.qds-panel.qds-root.qds-title.sc-qds-title{gap:var(--qds-panel-titles-gap)}/*!@.qds-panel.qds-root.qds-title*/.qds-panel.qds-root.qds-title.sc-qds-title{font:var(--qds-panel-title)}/*!@.qds-panel.qds-root.qds-title .qds-icon*/.qds-panel.qds-root.qds-title.sc-qds-title .qds-icon.sc-qds-title{--qds-panel-title-line-height:2rem;width:var(--qds-panel-titles-icon-size);height:2rem;height:var(--qds-panel-title-line-height)}/*!@.qds-panel.qds-root.qds-subtitle*/.qds-panel.qds-root.qds-subtitle.sc-qds-title{font:var(--qds-panel-subtitle)}/*!@.qds-panel.qds-root.qds-kicker*/.qds-panel.qds-root.qds-kicker.sc-qds-title{font:var(--qds-panel-kicker)}/*!@.qds-panel.qds-root.qds-has-icon*/.qds-panel.qds-root.qds-has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-panel-titles-icon-size, 0px) +\n          var(--qds-panel-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-panel-titles-icon-size, 0px) +\n          var(--qds-panel-titles-gap, 0px)\n      )}/*!@.qds-panel.qds-section.qds-titles,\n    .qds-panel.qds-section.qds-title*/.qds-panel.qds-section.qds-titles.sc-qds-title,.qds-panel.qds-section.qds-title.sc-qds-title{gap:var(--qds-panel-section-titles-gap)}/*!@.qds-panel.qds-section.qds-title*/.qds-panel.qds-section.qds-title.sc-qds-title{font:var(--qds-panel-section-title)}/*!@.qds-panel.qds-section.qds-title .qds-icon*/.qds-panel.qds-section.qds-title.sc-qds-title .qds-icon.sc-qds-title{--qds-panel-section-title-line-height:1.5rem;width:var(--qds-panel-section-titles-icon-size);height:1.5rem;height:var(--qds-panel-section-title-line-height)}/*!@.qds-panel.qds-section.qds-subtitle*/.qds-panel.qds-section.qds-subtitle.sc-qds-title{font:var(--qds-panel-section-subtitle)}/*!@.qds-panel.qds-section.qds-kicker*/.qds-panel.qds-section.qds-kicker.sc-qds-title{font:var(--qds-panel-section-kicker)}/*!@.qds-panel.qds-section.qds-has-icon*/.qds-panel.qds-section.qds-has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-panel-section-titles-icon-size, 0px) +\n          var(--qds-panel-section-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-panel-section-titles-icon-size, 0px) +\n          var(--qds-panel-section-titles-gap, 0px)\n      )}/*!@.qds-panel.qds-subsection.qds-titles,\n    .qds-panel.qds-subsection.qds-title*/.qds-panel.qds-subsection.qds-titles.sc-qds-title,.qds-panel.qds-subsection.qds-title.sc-qds-title{gap:var(--qds-panel-subsection-titles-gap)}/*!@.qds-panel.qds-subsection.qds-title*/.qds-panel.qds-subsection.qds-title.sc-qds-title{font:var(--qds-panel-subsection-title)}/*!@.qds-panel.qds-subsection.qds-title .qds-icon*/.qds-panel.qds-subsection.qds-title.sc-qds-title .qds-icon.sc-qds-title{--qds-panel-subsection-title-line-height:1.25rem;width:var(--qds-panel-subsection-titles-icon-size);height:1.25rem;height:var(--qds-panel-subsection-title-line-height)}/*!@.qds-panel.qds-subsection.qds-subtitle*/.qds-panel.qds-subsection.qds-subtitle.sc-qds-title{font:var(--qds-panel-subsection-subtitle)}/*!@.qds-panel.qds-subsection.qds-kicker*/.qds-panel.qds-subsection.qds-kicker.sc-qds-title{font:var(--qds-panel-subsection-kicker)}/*!@.qds-panel.qds-subsection.qds-has-icon*/.qds-panel.qds-subsection.qds-has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-panel-subsection-titles-icon-size, 0px) +\n          var(--qds-panel-subsection-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-panel-subsection-titles-icon-size, 0px) +\n          var(--qds-panel-subsection-titles-gap, 0px)\n      )}/*!@.qds-navigation.qds-section.qds-titles,\n    .qds-navigation.qds-section.qds-title*/.qds-navigation.qds-section.qds-titles.sc-qds-title,.qds-navigation.qds-section.qds-title.sc-qds-title{gap:var(--qds-navigation-section-titles-gap)}/*!@.qds-navigation.qds-section.qds-title*/.qds-navigation.qds-section.qds-title.sc-qds-title{font:var(--qds-navigation-section-title)}/*!@.qds-navigation.qds-section.qds-title .qds-icon*/.qds-navigation.qds-section.qds-title.sc-qds-title .qds-icon.sc-qds-title{--qds-navigation-section-title-line-height:1.5rem;width:var(--qds-navigation-section-titles-icon-size);height:1.5rem;height:var(--qds-navigation-section-title-line-height)}/*!@.qds-navigation.qds-section.qds-subtitle*/.qds-navigation.qds-section.qds-subtitle.sc-qds-title{font:var(--qds-navigation-section-subtitle)}/*!@.qds-navigation.qds-section.qds-kicker*/.qds-navigation.qds-section.qds-kicker.sc-qds-title{font:var(--qds-navigation-section-kicker)}/*!@.qds-navigation.qds-section.qds-has-icon*/.qds-navigation.qds-section.qds-has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-navigation-section-titles-icon-size, 0px) +\n          var(--qds-navigation-section-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-navigation-section-titles-icon-size, 0px) +\n          var(--qds-navigation-section-titles-gap, 0px)\n      )}/*!@.qds-navigation.qds-subsection.qds-titles,\n    .qds-navigation.qds-subsection.qds-title*/.qds-navigation.qds-subsection.qds-titles.sc-qds-title,.qds-navigation.qds-subsection.qds-title.sc-qds-title{gap:var(--qds-navigation-subsection-titles-gap)}/*!@.qds-navigation.qds-subsection.qds-title*/.qds-navigation.qds-subsection.qds-title.sc-qds-title{font:var(--qds-navigation-subsection-title)}/*!@.qds-navigation.qds-subsection.qds-title .qds-icon*/.qds-navigation.qds-subsection.qds-title.sc-qds-title .qds-icon.sc-qds-title{--qds-navigation-subsection-title-line-height:1.25rem;width:var(--qds-navigation-subsection-titles-icon-size);height:1.25rem;height:var(--qds-navigation-subsection-title-line-height)}/*!@.qds-navigation.qds-subsection.qds-subtitle*/.qds-navigation.qds-subsection.qds-subtitle.sc-qds-title{font:var(--qds-navigation-subsection-subtitle)}/*!@.qds-navigation.qds-subsection.qds-kicker*/.qds-navigation.qds-subsection.qds-kicker.sc-qds-title{font:var(--qds-navigation-subsection-kicker)}/*!@.qds-navigation.qds-subsection.qds-has-icon*/.qds-navigation.qds-subsection.qds-has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-navigation-subsection-titles-icon-size, 0px) +\n          var(--qds-navigation-subsection-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-navigation-subsection-titles-icon-size, 0px) +\n          var(--qds-navigation-subsection-titles-gap, 0px)\n      )}/*!@.qds-popup.qds-root.qds-titles,\n    .qds-popup.qds-root.qds-title*/.qds-popup.qds-root.qds-titles.sc-qds-title,.qds-popup.qds-root.qds-title.sc-qds-title{gap:var(--qds-popup-titles-gap)}/*!@.qds-popup.qds-root.qds-title*/.qds-popup.qds-root.qds-title.sc-qds-title{font:var(--qds-popup-title)}/*!@.qds-popup.qds-root.qds-title .qds-icon*/.qds-popup.qds-root.qds-title.sc-qds-title .qds-icon.sc-qds-title{--qds-popup-title-line-height:1.75rem;width:var(--qds-popup-titles-icon-size);height:1.75rem;height:var(--qds-popup-title-line-height)}/*!@.qds-popup.qds-root.qds-subtitle*/.qds-popup.qds-root.qds-subtitle.sc-qds-title{font:var(--qds-popup-subtitle)}/*!@.qds-popup.qds-root.qds-kicker*/.qds-popup.qds-root.qds-kicker.sc-qds-title{font:var(--qds-popup-kicker)}/*!@.qds-popup.qds-root.qds-has-icon*/.qds-popup.qds-root.qds-has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-popup-titles-icon-size, 0px) +\n          var(--qds-popup-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-popup-titles-icon-size, 0px) +\n          var(--qds-popup-titles-gap, 0px)\n      )}/*!@.qds-popup.qds-section.qds-titles,\n    .qds-popup.qds-section.qds-title*/.qds-popup.qds-section.qds-titles.sc-qds-title,.qds-popup.qds-section.qds-title.sc-qds-title{gap:var(--qds-popup-section-titles-gap)}/*!@.qds-popup.qds-section.qds-title*/.qds-popup.qds-section.qds-title.sc-qds-title{font:var(--qds-popup-section-title)}/*!@.qds-popup.qds-section.qds-title .qds-icon*/.qds-popup.qds-section.qds-title.sc-qds-title .qds-icon.sc-qds-title{--qds-popup-section-title-line-height:1.5rem;width:var(--qds-popup-section-titles-icon-size);height:1.5rem;height:var(--qds-popup-section-title-line-height)}/*!@.qds-popup.qds-section.qds-subtitle*/.qds-popup.qds-section.qds-subtitle.sc-qds-title{font:var(--qds-popup-section-subtitle)}/*!@.qds-popup.qds-section.qds-kicker*/.qds-popup.qds-section.qds-kicker.sc-qds-title{font:var(--qds-popup-section-kicker)}/*!@.qds-popup.qds-section.qds-has-icon*/.qds-popup.qds-section.qds-has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-popup-section-titles-icon-size, 0px) +\n          var(--qds-popup-section-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-popup-section-titles-icon-size, 0px) +\n          var(--qds-popup-section-titles-gap, 0px)\n      )}/*!@.qds-popup.qds-subsection.qds-titles,\n    .qds-popup.qds-subsection.qds-title*/.qds-popup.qds-subsection.qds-titles.sc-qds-title,.qds-popup.qds-subsection.qds-title.sc-qds-title{gap:var(--qds-popup-subsection-titles-gap)}/*!@.qds-popup.qds-subsection.qds-title*/.qds-popup.qds-subsection.qds-title.sc-qds-title{font:var(--qds-popup-subsection-title)}/*!@.qds-popup.qds-subsection.qds-title .qds-icon*/.qds-popup.qds-subsection.qds-title.sc-qds-title .qds-icon.sc-qds-title{--qds-popup-subsection-title-line-height:1.25rem;width:var(--qds-popup-subsection-titles-icon-size);height:1.25rem;height:var(--qds-popup-subsection-title-line-height)}/*!@.qds-popup.qds-subsection.qds-subtitle*/.qds-popup.qds-subsection.qds-subtitle.sc-qds-title{font:var(--qds-popup-subsection-subtitle)}/*!@.qds-popup.qds-subsection.qds-kicker*/.qds-popup.qds-subsection.qds-kicker.sc-qds-title{font:var(--qds-popup-subsection-kicker)}/*!@.qds-popup.qds-subsection.qds-has-icon*/.qds-popup.qds-subsection.qds-has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-popup-subsection-titles-icon-size, 0px) +\n          var(--qds-popup-subsection-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-popup-subsection-titles-icon-size, 0px) +\n          var(--qds-popup-subsection-titles-gap, 0px)\n      )}/*!@.qds-accessory.qds-root.qds-titles,\n    .qds-accessory.qds-root.qds-title*/.qds-accessory.qds-root.qds-titles.sc-qds-title,.qds-accessory.qds-root.qds-title.sc-qds-title{gap:var(--qds-accessory-titles-gap)}/*!@.qds-accessory.qds-root.qds-title*/.qds-accessory.qds-root.qds-title.sc-qds-title{font:var(--qds-accessory-title)}/*!@.qds-accessory.qds-root.qds-title .qds-icon*/.qds-accessory.qds-root.qds-title.sc-qds-title .qds-icon.sc-qds-title{--qds-accessory-title-line-height:1.5rem;width:var(--qds-accessory-titles-icon-size);height:1.5rem;height:var(--qds-accessory-title-line-height)}/*!@.qds-accessory.qds-root.qds-subtitle*/.qds-accessory.qds-root.qds-subtitle.sc-qds-title{font:var(--qds-accessory-subtitle)}/*!@.qds-accessory.qds-root.qds-kicker*/.qds-accessory.qds-root.qds-kicker.sc-qds-title{font:var(--qds-accessory-kicker)}/*!@.qds-accessory.qds-root.qds-has-icon*/.qds-accessory.qds-root.qds-has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-accessory-titles-icon-size, 0px) +\n          var(--qds-accessory-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-accessory-titles-icon-size, 0px) +\n          var(--qds-accessory-titles-gap, 0px)\n      )}/*!@.qds-accessory.qds-section.qds-titles,\n    .qds-accessory.qds-section.qds-title*/.qds-accessory.qds-section.qds-titles.sc-qds-title,.qds-accessory.qds-section.qds-title.sc-qds-title{gap:var(--qds-accessory-section-titles-gap)}/*!@.qds-accessory.qds-section.qds-title*/.qds-accessory.qds-section.qds-title.sc-qds-title{font:var(--qds-accessory-section-title)}/*!@.qds-accessory.qds-section.qds-title .qds-icon*/.qds-accessory.qds-section.qds-title.sc-qds-title .qds-icon.sc-qds-title{--qds-accessory-section-title-line-height:1.25rem;width:var(--qds-accessory-section-titles-icon-size);height:1.25rem;height:var(--qds-accessory-section-title-line-height)}/*!@.qds-accessory.qds-section.qds-subtitle*/.qds-accessory.qds-section.qds-subtitle.sc-qds-title{font:var(--qds-accessory-section-subtitle)}/*!@.qds-accessory.qds-section.qds-kicker*/.qds-accessory.qds-section.qds-kicker.sc-qds-title{font:var(--qds-accessory-section-kicker)}/*!@.qds-accessory.qds-section.qds-has-icon*/.qds-accessory.qds-section.qds-has-icon.sc-qds-title{-webkit-padding-start:calc(\n        0px +\n          0px\n      );padding-inline-start:calc(\n        0px +\n          0px\n      );-webkit-padding-start:calc(\n        var(--qds-accessory-section-titles-icon-size, 0px) +\n          var(--qds-accessory-section-titles-gap, 0px)\n      );padding-inline-start:calc(\n        var(--qds-accessory-section-titles-icon-size, 0px) +\n          var(--qds-accessory-section-titles-gap, 0px)\n      )}";
 
 /**
  * @slot Content to display for the title.
@@ -8978,7 +8978,7 @@ class Title {
     this.iconName = undefined;
     this.iconLibrary = 'default';
     this.kicker = undefined;
-    this.layer = 'panel';
+    this.layer = 'main';
     this.level = 'section';
     this.subtitle = undefined;
     this.tag = 'h2';
@@ -8996,24 +8996,26 @@ class Title {
     this.inheritedAttributes = inheritAriaAttributes(this.element);
   }
   render() {
+    const layer = `qds-${this.layer}`;
+    const level = `qds-${this.level ?? 'root'}`;
     return (hAsync("hgroup", { class: {
-        [this.layer]: true,
-        [this.level ?? 'root']: true,
-        titles: true,
+        [layer]: true,
+        [level]: true,
+        'qds-titles': true,
       }, ...this.inheritedAttributes }, hAsync(this.tag, { class: {
-        [this.layer]: true,
-        [this.level ?? 'root']: true,
-        title: true,
-      } }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { class: "icon", name: this.iconName, library: this.iconLibrary })), hAsync("div", null, hAsync("slot", null))), this.hasSubtitle && (hAsync("p", { class: {
-        [this.layer]: true,
-        [this.level ?? 'root']: true,
-        subtitle: true,
-        'has-icon': this.hasIcon,
+        [layer]: true,
+        [level]: true,
+        'qds-title': true,
+      } }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { class: "qds-icon", name: this.iconName, library: this.iconLibrary })), hAsync("div", null, hAsync("slot", null))), this.hasSubtitle && (hAsync("p", { class: {
+        [layer]: true,
+        [level]: true,
+        'qds-subtitle': true,
+        'qds-has-icon': this.hasIcon,
       } }, this.subtitle)), this.hasKicker && (hAsync("p", { class: {
-        [this.layer]: true,
-        [this.level ?? 'root']: true,
-        kicker: true,
-        'has-icon': this.hasIcon,
+        [layer]: true,
+        [level]: true,
+        'qds-kicker': true,
+        'qds-has-icon': this.hasIcon,
       } }, this.kicker))));
   }
   get element() { return getElement(this); }
@@ -9036,7 +9038,7 @@ class Title {
   }; }
 }
 
-const tooltipCss = "/*!@:host*/.sc-qds-tooltip-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-tooltip-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-tooltip-h *.sc-qds-tooltip,.sc-qds-tooltip-h *.sc-qds-tooltip::before,.sc-qds-tooltip-h *.sc-qds-tooltip::after{box-sizing:inherit}/*!@:host*/.sc-qds-tooltip-h{align-items:flex-start;background-color:var(--qds-theme-accessory-background);border-radius:var(--qds-accessory-border-radius);box-shadow:var(--qds-theme-accessory-elevation);color:var(--qds-theme-text-standard);display:flex;flex-direction:column;gap:var(--qds-accessory-gap-children-unrelated);left:0;padding:var(--qds-accessory-padding);top:0}/*!@:host([aria-hidden='true'])*/[aria-hidden='true'].sc-qds-tooltip-h{display:none}/*!@:host::before*/.sc-qds-tooltip-h::before{content:'';height:100%;left:0;position:absolute;top:0;width:100%}/*!@::slotted(blockquote),\n::slotted(button),\n::slotted(dd),\n::slotted(dl),\n::slotted(fieldset),\n::slotted(figure),\n::slotted(h1),\n::slotted(h2),\n::slotted(h3),\n::slotted(h4),\n::slotted(h5),\n::slotted(h6),\n::slotted(hr),\n::slotted(input),\n::slotted(menu),\n::slotted(ol),\n::slotted(p),\n::slotted(pre),\n::slotted(select),\n::slotted(textarea),\n::slotted(ul)*/.sc-qds-tooltip-s>blockquote,.sc-qds-tooltip-s>button,.sc-qds-tooltip-s>dd,.sc-qds-tooltip-s>dl,.sc-qds-tooltip-s>fieldset,.sc-qds-tooltip-s>figure,.sc-qds-tooltip-s>h1,.sc-qds-tooltip-s>h2,.sc-qds-tooltip-s>h3,.sc-qds-tooltip-s>h4,.sc-qds-tooltip-s>h5,.sc-qds-tooltip-s>h6,.sc-qds-tooltip-s>hr,.sc-qds-tooltip-s>input,.sc-qds-tooltip-s>menu,.sc-qds-tooltip-s>ol,.sc-qds-tooltip-s>p,.sc-qds-tooltip-s>pre,.sc-qds-tooltip-s>select,.sc-qds-tooltip-s>textarea,.sc-qds-tooltip-s>ul{margin:0}/*!@:host([data-side='top'])::before,\n:host([data-side='bottom'])::before*/[data-side='top'].sc-qds-tooltip-h::before,[data-side='bottom'].sc-qds-tooltip-h::before{height:calc(\n    0px +\n      0px\n  );height:calc(\n    var(--qds-accessory-gap-floating, 0px) +\n      var(--qds-signature-triangle-pointer-size-height, 0px)\n  );top:100%}/*!@:host([data-side='bottom'])::before*/[data-side='bottom'].sc-qds-tooltip-h::before{top:calc(\n    -1 * (0px +\n          0px)\n  );top:calc(\n    -1 * (var(--qds-accessory-gap-floating, 0px) +\n          var(--qds-signature-triangle-pointer-size-height, 0px))\n  )}/*!@:host([data-side='left'])::before,\n:host([data-side='right'])::before*/[data-side='left'].sc-qds-tooltip-h::before,[data-side='right'].sc-qds-tooltip-h::before{width:calc(\n    0px +\n      0px\n  );width:calc(\n    var(--qds-accessory-gap-floating, 0px) +\n      var(--qds-signature-triangle-pointer-size-height, 0px)\n  );left:100%}/*!@:host([data-side='right'])::before*/[data-side='right'].sc-qds-tooltip-h::before{left:calc(\n    -1 * (0px +\n          0px)\n  );left:calc(\n    -1 * (var(--qds-accessory-gap-floating, 0px) +\n          var(--qds-signature-triangle-pointer-size-height, 0px))\n  )}/*!@.arrow-container*/.arrow-container.sc-qds-tooltip{height:var(--qds-signature-triangle-pointer-size-width);position:absolute;width:var(--qds-signature-triangle-pointer-size-width)}/*!@.arrow-container[data-side='bottom']*/.arrow-container[data-side='bottom'].sc-qds-tooltip{bottom:100%;transform:rotate(180deg)}/*!@.arrow-container[data-side='left']*/.arrow-container[data-side='left'].sc-qds-tooltip{left:100%;transform:rotate(-90deg)}/*!@.arrow-container[data-side='right']*/.arrow-container[data-side='right'].sc-qds-tooltip{right:100%;transform:rotate(90deg)}/*!@.arrow-container[data-side='top']*/.arrow-container[data-side='top'].sc-qds-tooltip{top:100%}/*!@.arrow*/.arrow.sc-qds-tooltip{fill:var(--qds-theme-accessory-background)}";
+const tooltipCss = "/*!@:host*/.sc-qds-tooltip-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-tooltip-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-tooltip-h *.sc-qds-tooltip,.sc-qds-tooltip-h *.sc-qds-tooltip::before,.sc-qds-tooltip-h *.sc-qds-tooltip::after{box-sizing:inherit}/*!@:host*/.sc-qds-tooltip-h{align-items:flex-start;background-color:var(--qds-theme-accessory-background);border-radius:var(--qds-accessory-border-radius);box-shadow:var(--qds-theme-accessory-elevation);color:var(--qds-theme-text-standard);display:flex;flex-direction:column;gap:var(--qds-accessory-gap-children-unrelated);left:0;padding:var(--qds-accessory-padding);top:0}/*!@:host([aria-hidden='true'])*/[aria-hidden='true'].sc-qds-tooltip-h{display:none}/*!@:host::before*/.sc-qds-tooltip-h::before{content:'';height:100%;left:0;position:absolute;top:0;width:100%}/*!@::slotted(blockquote),\n::slotted(button),\n::slotted(dd),\n::slotted(dl),\n::slotted(fieldset),\n::slotted(figure),\n::slotted(h1),\n::slotted(h2),\n::slotted(h3),\n::slotted(h4),\n::slotted(h5),\n::slotted(h6),\n::slotted(hr),\n::slotted(input),\n::slotted(menu),\n::slotted(ol),\n::slotted(p),\n::slotted(pre),\n::slotted(select),\n::slotted(textarea),\n::slotted(ul)*/.sc-qds-tooltip-s>blockquote,.sc-qds-tooltip-s>button,.sc-qds-tooltip-s>dd,.sc-qds-tooltip-s>dl,.sc-qds-tooltip-s>fieldset,.sc-qds-tooltip-s>figure,.sc-qds-tooltip-s>h1,.sc-qds-tooltip-s>h2,.sc-qds-tooltip-s>h3,.sc-qds-tooltip-s>h4,.sc-qds-tooltip-s>h5,.sc-qds-tooltip-s>h6,.sc-qds-tooltip-s>hr,.sc-qds-tooltip-s>input,.sc-qds-tooltip-s>menu,.sc-qds-tooltip-s>ol,.sc-qds-tooltip-s>p,.sc-qds-tooltip-s>pre,.sc-qds-tooltip-s>select,.sc-qds-tooltip-s>textarea,.sc-qds-tooltip-s>ul{margin:0}/*!@:host([data-side='top'])::before,\n:host([data-side='bottom'])::before*/[data-side='top'].sc-qds-tooltip-h::before,[data-side='bottom'].sc-qds-tooltip-h::before{height:calc(\n    0px +\n      0px\n  );height:calc(\n    var(--qds-accessory-gap-floating, 0px) +\n      var(--qds-signature-triangle-pointer-size-height, 0px)\n  );top:100%}/*!@:host([data-side='bottom'])::before*/[data-side='bottom'].sc-qds-tooltip-h::before{top:calc(\n    -1 * (0px +\n          0px)\n  );top:calc(\n    -1 * (var(--qds-accessory-gap-floating, 0px) +\n          var(--qds-signature-triangle-pointer-size-height, 0px))\n  )}/*!@:host([data-side='left'])::before,\n:host([data-side='right'])::before*/[data-side='left'].sc-qds-tooltip-h::before,[data-side='right'].sc-qds-tooltip-h::before{width:calc(\n    0px +\n      0px\n  );width:calc(\n    var(--qds-accessory-gap-floating, 0px) +\n      var(--qds-signature-triangle-pointer-size-height, 0px)\n  );left:100%}/*!@:host([data-side='right'])::before*/[data-side='right'].sc-qds-tooltip-h::before{left:calc(\n    -1 * (0px +\n          0px)\n  );left:calc(\n    -1 * (var(--qds-accessory-gap-floating, 0px) +\n          var(--qds-signature-triangle-pointer-size-height, 0px))\n  )}/*!@.qds-arrow-container*/.qds-arrow-container.sc-qds-tooltip{height:var(--qds-signature-triangle-pointer-size-width);position:absolute;width:var(--qds-signature-triangle-pointer-size-width)}/*!@.qds-arrow-container[data-side='bottom']*/.qds-arrow-container[data-side='bottom'].sc-qds-tooltip{bottom:100%;transform:rotate(180deg)}/*!@.qds-arrow-container[data-side='left']*/.qds-arrow-container[data-side='left'].sc-qds-tooltip{left:100%;transform:rotate(-90deg)}/*!@.qds-arrow-container[data-side='right']*/.qds-arrow-container[data-side='right'].sc-qds-tooltip{right:100%;transform:rotate(90deg)}/*!@.qds-arrow-container[data-side='top']*/.qds-arrow-container[data-side='top'].sc-qds-tooltip{top:100%}/*!@.qds-arrow*/.qds-arrow.sc-qds-tooltip{fill:var(--qds-theme-accessory-background)}";
 
 let autoIncrementingId = 1;
 /**
@@ -9243,11 +9245,11 @@ class Tooltip {
     return (hAsync(Host, { "data-side": this.side, onFocusout: this.boundFocusout, onMouseDown: this.boundTooltipMouseDown, onMouseLeave: this.boundMouseLeave, role: this.element.role ?? 'tooltip', style: {
         position: this.hostPosition,
         transform: this.hostTransform,
-      } }, hAsync("slot", null), hAsync("svg", { "aria-hidden": true, "data-side": this.side, class: "arrow-container", ref: this.arrowContainerRef, viewBox: this.aViewbox, style: {
+      } }, hAsync("slot", null), hAsync("svg", { "aria-hidden": true, "data-side": this.side, class: "qds-arrow-container", ref: this.arrowContainerRef, viewBox: this.aViewbox, style: {
         left: this.aX,
         top: this.aY,
         display: this.aDisplay,
-      } }, hAsync("path", { class: "arrow", d: this.aShape }))));
+      } }, hAsync("path", { class: "qds-arrow", d: this.aShape }))));
   }
   async handleFocus() {
     if (!this.disabled)