@duetds/components 6.9.2 → 6.9.4

package/hydrate/index.js

@@ -6795,7 +6795,7 @@ class DuetBadge {
   }; }
 }
 
-const duetBreadcrumbCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-breadcrumb,*.sc-duet-breadcrumb::after,*.sc-duet-breadcrumb::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-breadcrumb-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}/*!@.duet-breadcrumb*/.duet-breadcrumb.sc-duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;font-weight:inherit;color:rgb(0, 41, 77);text-decoration:none}/*!@.duet-breadcrumb:hover*/.duet-breadcrumb.sc-duet-breadcrumb:hover{color:rgb(0, 77, 128)}/*!@.duet-breadcrumb.duet-theme-turva*/.duet-breadcrumb.duet-theme-turva.sc-duet-breadcrumb{color:rgb(23, 28, 58)}/*!@.duet-breadcrumb.duet-theme-turva:hover*/.duet-breadcrumb.duet-theme-turva.sc-duet-breadcrumb:hover{color:rgb(148, 9, 37)}/*!@.duet-breadcrumb:focus*/.duet-breadcrumb.sc-duet-breadcrumb:focus{outline:0}/*!@.duet-breadcrumb:active*/.duet-breadcrumb.sc-duet-breadcrumb:active{opacity:0.75}/*!@:host(.user-is-tabbing) .duet-breadcrumb:focus*/.user-is-tabbing.sc-duet-breadcrumb-h .duet-breadcrumb.sc-duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus*/.user-is-tabbing.sc-duet-breadcrumb-h .duet-breadcrumb.duet-theme-turva.sc-duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}/*!@.duet-breadcrumb.duet-breadcrumb-without-href:hover*/.duet-breadcrumb.duet-breadcrumb-without-href.sc-duet-breadcrumb:hover{color:rgb(0, 41, 77)}/*!@.duet-breadcrumb.duet-breadcrumb-without-href.duet-theme-turva:hover*/.duet-breadcrumb.duet-breadcrumb-without-href.duet-theme-turva.sc-duet-breadcrumb:hover{color:rgb(23, 28, 58)}/*!@.duet-breadcrumb.duet-breadcrumb-without-href:active*/.duet-breadcrumb.duet-breadcrumb-without-href.sc-duet-breadcrumb:active{opacity:1}";
+const duetBreadcrumbCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-breadcrumb,*.sc-duet-breadcrumb::after,*.sc-duet-breadcrumb::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-breadcrumb-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}/*!@.duet-breadcrumb*/.duet-breadcrumb.sc-duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;font-weight:inherit;color:inherit;text-decoration:none}/*!@.duet-breadcrumb:focus*/.duet-breadcrumb.sc-duet-breadcrumb:focus{outline:0}/*!@:host(.user-is-tabbing) .duet-breadcrumb:focus*/.user-is-tabbing.sc-duet-breadcrumb-h .duet-breadcrumb.sc-duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}/*!@:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus*/.user-is-tabbing.sc-duet-breadcrumb-h .duet-breadcrumb.duet-theme-turva.sc-duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}";
 
 class DuetBreadcrumb {
   constructor(hostRef) {
@@ -6819,7 +6819,6 @@ class DuetBreadcrumb {
     return (hAsync(Host, null, hAsync("a", { class: {
         "duet-breadcrumb": true,
         "duet-theme-turva": this.theme === "turva",
-        "duet-breadcrumb-without-href": !this.href,
       }, href: this.href ? this.href : undefined, "aria-label": this.accessibleLabel }, this.icon && hAsync("duet-icon", { size: "x-small", name: this.icon, margin: "none", color: "currentColor" }), !this.icon && hAsync("slot", null))));
   }
   static get style() { return duetBreadcrumbCss; }
@@ -6840,7 +6839,7 @@ class DuetBreadcrumb {
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
 
-const duetBreadcrumbsCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-breadcrumbs,*.sc-duet-breadcrumbs::after,*.sc-duet-breadcrumbs::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-breadcrumbs-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}/*!@.duet-breadcrumbs*/.duet-breadcrumbs.sc-duet-breadcrumbs{display:flex;align-items:center;justify-content:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-breadcrumbs .container*/.duet-breadcrumbs.sc-duet-breadcrumbs .container.sc-duet-breadcrumbs{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px}/*!@.duet-breadcrumbs ol*/.duet-breadcrumbs.sc-duet-breadcrumbs ol.sc-duet-breadcrumbs{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 0;color:rgb(0, 41, 77);list-style:none}/*!@.duet-breadcrumbs ol li*/.duet-breadcrumbs.sc-duet-breadcrumbs ol.sc-duet-breadcrumbs li.sc-duet-breadcrumbs{font-weight:400}/*!@.duet-breadcrumbs ol li:last-of-type*/.duet-breadcrumbs.sc-duet-breadcrumbs ol.sc-duet-breadcrumbs li.sc-duet-breadcrumbs:last-of-type{font-weight:600}/*!@.duet-breadcrumbs.duet-theme-turva*/.duet-breadcrumbs.duet-theme-turva.sc-duet-breadcrumbs{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background:rgb(245, 245, 247)}/*!@.duet-breadcrumbs.duet-theme-turva ol*/.duet-breadcrumbs.duet-theme-turva.sc-duet-breadcrumbs ol.sc-duet-breadcrumbs{color:rgb(23, 28, 58)}/*!@.duet-breadcrumbs .duet-breadrumbs-arrow*/.duet-breadcrumbs.sc-duet-breadcrumbs .duet-breadrumbs-arrow.sc-duet-breadcrumbs{display:inherit;align-items:center;justify-content:center;width:0.375rem;height:0.375rem}/*!@.duet-breadcrumbs .hide*/.duet-breadcrumbs.sc-duet-breadcrumbs .hide.sc-duet-breadcrumbs{display:none}";
+const duetBreadcrumbsCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-breadcrumbs,*.sc-duet-breadcrumbs::after,*.sc-duet-breadcrumbs::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-breadcrumbs-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}/*!@.duet-breadcrumbs*/.duet-breadcrumbs.sc-duet-breadcrumbs{position:relative;display:flex;align-items:center;justify-content:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}/*!@.duet-breadcrumbs .container*/.duet-breadcrumbs.sc-duet-breadcrumbs .container.sc-duet-breadcrumbs{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px}/*!@.duet-breadcrumbs ol*/.duet-breadcrumbs.sc-duet-breadcrumbs ol.sc-duet-breadcrumbs{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 0;color:inherit;list-style:none}/*!@.duet-breadcrumbs ol li*/.duet-breadcrumbs.sc-duet-breadcrumbs ol.sc-duet-breadcrumbs li.sc-duet-breadcrumbs{font-weight:400}/*!@.duet-breadcrumbs ol li:last-of-type*/.duet-breadcrumbs.sc-duet-breadcrumbs ol.sc-duet-breadcrumbs li.sc-duet-breadcrumbs:last-of-type{font-weight:600}/*!@.duet-breadcrumbs .duet-breadrumbs-arrow*/.duet-breadcrumbs.sc-duet-breadcrumbs .duet-breadrumbs-arrow.sc-duet-breadcrumbs{display:inherit;align-items:center;justify-content:center;width:0.375rem;height:0.375rem}/*!@.duet-breadcrumbs .hide*/.duet-breadcrumbs.sc-duet-breadcrumbs .hide.sc-duet-breadcrumbs{display:none}/*!@.duet-breadcrumbs .bottom-border*/.duet-breadcrumbs.sc-duet-breadcrumbs .bottom-border.sc-duet-breadcrumbs{position:absolute;bottom:0;display:none;width:100%;height:1px}/*!@.duet-breadcrumbs.header*/.duet-breadcrumbs.header.sc-duet-breadcrumbs{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}/*!@.duet-breadcrumbs.header ol duet-breadcrumb[href]:hover*/.duet-breadcrumbs.header.sc-duet-breadcrumbs ol.sc-duet-breadcrumbs duet-breadcrumb[href].sc-duet-breadcrumbs:hover{color:rgb(0, 77, 128)}/*!@.duet-breadcrumbs.header .bottom-border--nav*/.duet-breadcrumbs.header.sc-duet-breadcrumbs .bottom-border--nav.sc-duet-breadcrumbs{display:block;background:rgb(225, 227, 230)}/*!@.duet-breadcrumbs.header.duet-theme-turva*/.duet-breadcrumbs.header.duet-theme-turva.sc-duet-breadcrumbs{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}/*!@.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover*/.duet-breadcrumbs.header.duet-theme-turva.sc-duet-breadcrumbs ol.sc-duet-breadcrumbs duet-breadcrumb[href].sc-duet-breadcrumbs:hover{color:rgb(148, 9, 37)}/*!@.duet-breadcrumbs.footer*/.duet-breadcrumbs.footer.sc-duet-breadcrumbs{color:rgb(255, 255, 255);background:rgb(0, 41, 77)}@media (min-width: 64.0625em){/*!@.duet-breadcrumbs.footer*/.duet-breadcrumbs.footer.sc-duet-breadcrumbs{justify-content:flex-start}}@media (min-width: 76.25em){/*!@.duet-breadcrumbs.footer*/.duet-breadcrumbs.footer.sc-duet-breadcrumbs{justify-content:center}}/*!@.duet-breadcrumbs.footer .container*/.duet-breadcrumbs.footer.sc-duet-breadcrumbs .container.sc-duet-breadcrumbs{max-width:1110px}@media (min-width: 62em){/*!@.duet-breadcrumbs.footer .container*/.duet-breadcrumbs.footer.sc-duet-breadcrumbs .container.sc-duet-breadcrumbs{margin:0 72px 0 48px}}/*!@.duet-breadcrumbs.footer ol*/.duet-breadcrumbs.footer.sc-duet-breadcrumbs ol.sc-duet-breadcrumbs{padding:20px 0}@media (min-width: 62em){/*!@.duet-breadcrumbs.footer ol*/.duet-breadcrumbs.footer.sc-duet-breadcrumbs ol.sc-duet-breadcrumbs{padding:20px 8px}}/*!@.duet-breadcrumbs.footer ol duet-breadcrumb[href]:hover*/.duet-breadcrumbs.footer.sc-duet-breadcrumbs ol.sc-duet-breadcrumbs duet-breadcrumb[href].sc-duet-breadcrumbs:hover{text-decoration:underline}/*!@.duet-breadcrumbs.footer .bottom-border--container*/.duet-breadcrumbs.footer.sc-duet-breadcrumbs .bottom-border--container.sc-duet-breadcrumbs{display:block;background:rgba(255, 255, 255, 0.2)}/*!@.duet-breadcrumbs.footer.duet-theme-turva*/.duet-breadcrumbs.footer.duet-theme-turva.sc-duet-breadcrumbs{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}";
 
 class DuetBreadcrumbs {
   constructor(hostRef) {
@@ -6853,6 +6852,7 @@ class DuetBreadcrumbs {
     });
     this.children = undefined;
     this.theme = "";
+    this.variation = "header";
   }
   /**
    * Component lifecycle events.
@@ -6879,7 +6879,8 @@ class DuetBreadcrumbs {
     return (hAsync(Host, null, hAsync("nav", { "aria-label": this.breadcrumbsAriaLabel, class: {
         "duet-breadcrumbs": true,
         "duet-theme-turva": this.theme === "turva",
-      } }, hAsync("div", { class: "container" }, hAsync("ol", null, this.children.map((child, index) => (hAsync(Fragment, null, index > 0 && (hAsync("li", { "aria-hidden": "true" }, hAsync("duet-icon", { class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" }))), hAsync("li", { innerHTML: child.outerHTML }), hAsync("div", { class: "hide" }, hAsync("slot", null))))))))));
+        [this.variation]: true,
+      } }, hAsync("div", { class: "container" }, hAsync("ol", null, this.children.map((child, index) => (hAsync(Fragment, null, index > 0 && (hAsync("li", { "aria-hidden": "true" }, hAsync("duet-icon", { class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" }))), hAsync("li", { innerHTML: child.outerHTML }), hAsync("div", { class: "hide" }, hAsync("slot", null)))))), hAsync("div", { class: "bottom-border bottom-border--container" })), hAsync("div", { class: "bottom-border bottom-border--nav" }))));
   }
   get element() { return getElement(this); }
   static get style() { return duetBreadcrumbsCss; }
@@ -6888,6 +6889,7 @@ class DuetBreadcrumbs {
     "$tagName$": "duet-breadcrumbs",
     "$members$": {
       "theme": [1025],
+      "variation": [1],
       "children": [32]
     },
     "$listeners$": undefined,
@@ -7497,7 +7499,7 @@ const FocusGuard = ({ moveFocusTo }) => {
   return hAsync("div", { class: "duet-focus-guard", "aria-hidden": "true", tabIndex: 0, onFocus: () => focusElement(moveFocusTo) });
 };
 
-const duetChoiceCss = "*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}.horizontal.sc-duet-choice-h{margin-bottom:0 !important}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:2px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58) !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:1rem;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:2px solid rgb(225, 227, 230);border-radius:4px;transition:background-color 150ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:rgb(144, 149, 153)}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:rgb(144, 149, 153)}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:rgb(116, 116, 117)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:rgb(0, 119, 179) !important;background:rgb(243, 249, 252);border-color:rgb(0, 119, 179) !important}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(101, 119, 135) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(101, 119, 135) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(116, 116, 117) !important}.checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 207, 209) !important}.checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 207, 209) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;z-index:200;width:100%;font-weight:400;color:rgb(0, 41, 77);border:2px solid rgb(225, 227, 230);border-top:0;border-radius:0 0 4px 4px}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:2px solid rgb(0, 119, 179);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-left:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(144, 149, 153) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(116, 116, 117) !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(144, 149, 153)}.checked.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}";
+const duetChoiceCss = "*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}.horizontal.sc-duet-choice-h{margin-bottom:0 !important}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:2px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58) !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:1rem;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:2px solid rgb(225, 227, 230);border-radius:4px;transition:background-color 150ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:rgb(144, 149, 153)}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:rgb(144, 149, 153)}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:rgb(116, 116, 117)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:rgb(0, 119, 179) !important;background:rgb(243, 249, 252);border-color:rgb(0, 119, 179) !important}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(101, 119, 135) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(101, 119, 135) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:hover,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:active,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(116, 116, 117) !important}.checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:rgb(225, 227, 230) !important;border-color:rgb(225, 227, 230) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:rgb(228, 228, 230) !important;border-color:rgb(228, 228, 230) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 207, 209) !important}.checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 207, 209) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;z-index:200;width:100%;font-weight:400;color:rgb(0, 41, 77);border:2px solid rgb(225, 227, 230);border-top:0;border-radius:0 0 4px 4px}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:2px solid rgb(0, 119, 179);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-left:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(144, 149, 153) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(116, 116, 117) !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(144, 149, 153)}.checked.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}";
 
 /**
  * @slot unnamed default slot - The component’s primary content. All child nodes that do not have a slot attribute defined are inserted into this primary slot.
@@ -8602,7 +8604,7 @@ const DuetComboBoxSelect = ({ item, active, total, selected, label = undefined,
       hAsync(SelectSingle, { item: item, search: search, selected: selected }))));
 };
 
-const duetComboboxCss = ".sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:auto;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(0, 41, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.selected.sc-duet-combobox{background:rgb(244, 207, 214)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox a.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus a.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover a.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-combobox-list.sc-duet-combobox{position:absolute;top:calc(100% - 12px);height:0;overflow:hidden;background:rgb(255, 255, 255);border-radius:0 4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.1);opacity:0}.duet-combobox-list.open.sc-duet-combobox{z-index:700;display:block;height:auto;opacity:1}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox{max-height:200px;padding:0.75rem 0;margin:0;overflow-y:scroll;font-weight:600;list-style:none;cursor:pointer;scroll-behavior:smooth}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox{padding:4px 0}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected){padding-left:16px}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected) .highlight.sc-duet-combobox{text-decoration:underline}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{float:right;padding-right:0.875rem;font-weight:400;color:rgb(144, 149, 153)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.sc-duet-combobox{padding-left:0;background:rgb(205, 229, 241)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-icon.sc-duet-combobox{padding:0 8px 0 8px}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:rgb(144, 149, 153)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox a.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus a.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover a.sc-duet-combobox{color:rgb(255, 255, 255)}";
+const duetComboboxCss = ".sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-block;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(0, 41, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.selected.sc-duet-combobox{background:rgb(244, 207, 214)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox a.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus a.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover a.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-combobox-list.sc-duet-combobox{position:absolute;top:calc(100% - 12px);height:0;overflow:hidden;background:rgb(255, 255, 255);border-radius:0 4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.1);opacity:0}.duet-combobox-list.open.sc-duet-combobox{z-index:700;display:block;height:auto;opacity:1}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox{max-height:200px;padding:0.75rem 0;margin:0;overflow-y:scroll;font-weight:600;list-style:none;cursor:pointer;scroll-behavior:smooth}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox{padding:4px 0}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected){padding-left:16px}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected) .highlight.sc-duet-combobox{text-decoration:underline}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{float:right;padding-right:0.875rem;font-weight:400;color:rgb(144, 149, 153)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.sc-duet-combobox{padding-left:0;background:rgb(205, 229, 241)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-icon.sc-duet-combobox{padding:0 8px 0 8px}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:rgb(144, 149, 153)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox a.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus a.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover a.sc-duet-combobox{color:rgb(255, 255, 255)}";
 
 class DuetCombobox {
   constructor(hostRef) {
@@ -8677,6 +8679,10 @@ class DuetCombobox {
   async formatItem(item) {
     return this.formatter(item);
   }
+  async processItems() {
+    this.items = this.processedItems = parsePossibleJSON(this.items);
+    await this.updateInputText();
+  }
   /**
    * Component lifecycle events.
    */
@@ -8699,6 +8705,10 @@ class DuetCombobox {
     this.listElement.addEventListener("click", e => {
       e.stopPropagation();
     });
+    if (this.value) {
+      const selectedItem = this.items.find(item => item.value === this.value);
+      this.updateSelectedItems(selectedItem.id);
+    }
   }
   /**
    * Updates the input text based on the selected/clicked items.
@@ -8757,12 +8767,19 @@ class DuetCombobox {
    */
   async updateInputText(isBlurred = false) {
     const item = this.selectedItems.size === 0 ? [] : this.items.filter(item => this.selectedItems.has(item.id));
+    //if items changed and given id no longer exists
+    if (item.length <= 0) {
+      this.selectedItems.clear();
+      this.input.value = "";
+      this.value = undefined;
+      this.activeItem = undefined;
+    }
     if (this.selectedItems.size === 1) {
       this.input.value = ""; // set value to empty so that cursor position follows accordingly
       this.input.value = await this.formatItem(item[0]);
       this.input.scrollLeft = this.input.scrollWidth;
       this.activeItem = undefined;
-      this.value = await this.formatItem(item[0]);
+      this.value = item[0].value;
       this.duetChange.emit({
         value: item[0].value,
         item: item[0],
@@ -8924,7 +8941,8 @@ class DuetCombobox {
   get element() { return getElement(this); }
   static get watchers() { return {
     "activeItem": ["activeItemHandler"],
-    "language": ["watchLanguageStateHandler"]
+    "language": ["watchLanguageStateHandler"],
+    "items": ["processItems"]
   }; }
   static get style() { return duetComboboxCss; }
   static get cmpMeta() { return {
@@ -10159,6 +10177,7 @@ class DuetFieldset {
     this.caption = undefined;
     this.label = undefined;
     this.error = undefined;
+    this.accessibleLiveError = "polite";
     this.labelHidden = false;
   }
   /**
@@ -10185,7 +10204,7 @@ class DuetFieldset {
         "duet-legend-has-caption": !!this.caption,
         "duet-legend-has-tooltip": this.hasTooltip,
         "duet-legend-hidden": this.labelHidden,
-      } }, hAsync("div", { class: "duet-fieldset-label" }, hAsync("span", { "aria-hidden": "true" }, this.label), hAsync("slot", { onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { margin: "none" }, this.caption)))), hAsync("slot", null), hAsync("span", { class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": "polite", "aria-relevant": "additions removals" }, this.error && hAsync("span", null, this.error)))));
+      } }, hAsync("div", { class: "duet-fieldset-label" }, hAsync("span", { "aria-hidden": "true" }, this.label), hAsync("slot", { onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { margin: "none" }, this.caption)))), hAsync("slot", null), hAsync("span", { class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", null, this.error)))));
   }
   get element() { return getElement(this); }
   static get style() { return duetFieldsetCss; }
@@ -10198,6 +10217,7 @@ class DuetFieldset {
       "caption": [1],
       "label": [1],
       "error": [1],
+      "accessibleLiveError": [1, "accessible-live-error"],
       "labelHidden": [4, "label-hidden"],
       "hasTooltip": [32]
     },
@@ -11990,6 +12010,7 @@ class DuetInput {
     this.accessibleDetails = undefined;
     this.accessibleLabelledBy = undefined;
     this.accessibleDescription = undefined;
+    this.accessibleLiveError = "polite";
     this.debounce = 0;
     this.clear = false;
     this.caption = undefined;
@@ -12157,7 +12178,7 @@ class DuetInput {
         ? this.hidePasswordLabel[this.language]
         : this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (hAsync("duet-visually-hidden", null, hAsync("span", { "aria-live": "polite" }, this.isPasswordRevealed
       ? this.passwordShownAriaAnnouncement[this.language]
-      : this.passwordHiddenAriaAnnouncement[this.language]))), hAsync("slot", null)), hAsync("span", { class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": "polite", "aria-relevant": "additions removals" }, this.error && hAsync("span", { class: "duet-input-error" }, this.error)))));
+      : this.passwordHiddenAriaAnnouncement[this.language]))), hAsync("slot", null)), hAsync("span", { class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { class: "duet-input-error" }, this.error)))));
   }
   get element() { return getElement(this); }
   static get watchers() { return {
@@ -12179,6 +12200,7 @@ class DuetInput {
       "accessibleDetails": [1, "accessible-details"],
       "accessibleLabelledBy": [1, "accessible-labelled-by"],
       "accessibleDescription": [1, "accessible-description"],
+      "accessibleLiveError": [1, "accessible-live-error"],
       "debounce": [2],
       "clear": [4],
       "caption": [1],
@@ -12462,6 +12484,7 @@ class DuetList {
     this.breakpoint = "small";
     this.variation = "default";
     this.labelWidth = "30";
+    this.responsive = true;
   }
   /**
    * Component lifecycle events.
@@ -12496,6 +12519,8 @@ class DuetList {
   async updateListItems() {
     const items = Array.from(this.element.querySelectorAll("duet-list-item"));
     items.forEach(item => {
+      item.responsive = this.responsive;
+      item.breakpoint = this.responsive ? this.breakpoint || "small" : undefined;
       // Use classes to apply styles for SSR compatibility
       item.classList.add(`duet-list-width-${this.labelWidth}`);
       item.classList.add(`duet-list-variation-${this.variation}`);
@@ -12503,8 +12528,6 @@ class DuetList {
       this.toggleClass(item, "duet-p-0", this.padding === "none");
       // If text is centered for mobile
       this.toggleClass(item, "duet-list-mobile-center", this.mobile === "center");
-      // If breakpoint is adjusted
-      this.toggleClass(item, "duet-list-breakpoint-large", this.breakpoint === "large");
       // Create zebra striping if striped variation is used
       this.toggleClass(item, "duet-list-striped", this.variation === "striped");
       // Create borders if bordered variation is used
@@ -12527,6 +12550,7 @@ class DuetList {
     "theme": ["updateListItems"],
     "padding": ["updateListItems"],
     "mobile": ["updateListItems"],
+    "responsive": ["updateListItems"],
     "breakpoint": ["updateListItems"],
     "variation": ["updateListItems"],
     "labelWidth": ["updateListItems"]
@@ -12542,7 +12566,8 @@ class DuetList {
       "mobile": [1],
       "breakpoint": [1],
       "variation": [1],
-      "labelWidth": [1, "label-width"]
+      "labelWidth": [1, "label-width"],
+      "responsive": [4]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -12550,7 +12575,7 @@ class DuetList {
   }; }
 }
 
-const duetListItemCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-list-item,*.sc-duet-list-item::after,*.sc-duet-list-item::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-list-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex;flex-flow:row;width:100%;overflow:visible;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77)}@media (max-width: 35.9375em){/*!@:host*/.sc-duet-list-item-h{flex-wrap:wrap}}/*!@:host dt,\n:host dd*/.sc-duet-list-item-h dt.sc-duet-list-item,.sc-duet-list-item-h dd.sc-duet-list-item{margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;word-break:break-all;word-break:break-word}@media (max-width: 35.9375em){/*!@:host dt,\n  :host dd*/.sc-duet-list-item-h dt.sc-duet-list-item,.sc-duet-list-item-h dd.sc-duet-list-item{flex:inherit;flex-basis:100% !important;width:100%;padding-bottom:4px !important}}/*!@:host dt*/.sc-duet-list-item-h dt.sc-duet-list-item{padding:16px !important;font-weight:600}@media (max-width: 35.9375em){/*!@:host dt*/.sc-duet-list-item-h dt.sc-duet-list-item{padding-bottom:4px !important}}/*!@.duet-theme-turva :host dt*/.duet-theme-turva .sc-duet-list-item-h dt.sc-duet-list-item{font-weight:700}/*!@:host dd*/.sc-duet-list-item-h dd.sc-duet-list-item{padding:16px !important;margin-left:auto;text-align:left}@media (max-width: 35.9375em){/*!@:host dd*/.sc-duet-list-item-h dd.sc-duet-list-item{padding-top:0 !important}}/*!@:host(:not(.duet-list-striped)) dt*/.sc-duet-list-item-h:not(.duet-list-striped) dt.sc-duet-list-item{padding:8px !important;padding-left:0 !important}@media (max-width: 35.9375em){/*!@:host(:not(.duet-list-striped)) dt*/.sc-duet-list-item-h:not(.duet-list-striped) dt.sc-duet-list-item{padding-bottom:4px !important}}/*!@:host(:not(.duet-list-striped)) dd*/.sc-duet-list-item-h:not(.duet-list-striped) dd.sc-duet-list-item{padding:8px !important;padding-left:0 !important}@media (max-width: 35.9375em){/*!@:host(:not(.duet-list-striped)) dd*/.sc-duet-list-item-h:not(.duet-list-striped) dd.sc-duet-list-item{padding-top:0 !important}}/*!@:host(.duet-theme-turva)*/.duet-theme-turva.sc-duet-list-item-h{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@:host(.duet-list-striped:nth-child(odd)) dt,\n:host(.duet-list-striped:nth-child(odd)) dd*/.duet-list-striped.sc-duet-list-item-h:nth-child(odd) dt.sc-duet-list-item,.duet-list-striped.sc-duet-list-item-h:nth-child(odd) dd.sc-duet-list-item{background:rgb(245, 248, 250)}/*!@:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,\n:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd*/.duet-list-striped.duet-theme-turva.sc-duet-list-item-h:nth-child(odd) dt.sc-duet-list-item,.duet-list-striped.duet-theme-turva.sc-duet-list-item-h:nth-child(odd) dd.sc-duet-list-item{background:rgb(245, 245, 247)}/*!@:host(.duet-list-bordered)*/.duet-list-bordered.sc-duet-list-item-h{border-block-start:1px solid rgb(225, 227, 230)}/*!@:host(.duet-list-bordered:last-child)*/.duet-list-bordered.sc-duet-list-item-h:last-child{border-block-end:1px solid rgb(225, 227, 230)}/*!@:host(.duet-list-bordered.duet-theme-turva)*/.duet-list-bordered.duet-theme-turva.sc-duet-list-item-h{border-block-start:1px solid rgb(228, 228, 230)}/*!@:host(.duet-list-bordered.duet-theme-turva:last-child)*/.duet-list-bordered.duet-theme-turva.sc-duet-list-item-h:last-child{border-block-end:1px solid rgb(228, 228, 230)}/*!@:host(.duet-list-inner-bordered:not(:last-child))*/.duet-list-inner-bordered.sc-duet-list-item-h:not(:last-child){border-block-end:1px solid rgb(225, 227, 230)}/*!@:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child))*/.duet-list-inner-bordered.duet-theme-turva.sc-duet-list-item-h:not(:last-child){border-block-end:1px solid rgb(228, 228, 230)}/*!@:host(.duet-list-width-30) dt*/.duet-list-width-30.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:33%}/*!@:host(.duet-list-width-30) dd*/.duet-list-width-30.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:67%}/*!@:host(.duet-list-width-50) dt*/.duet-list-width-50.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:47%}/*!@:host(.duet-list-width-50) dd*/.duet-list-width-50.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:53%}/*!@:host(.duet-list-width-70) dt*/.duet-list-width-70.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:65%}/*!@:host(.duet-list-width-70) dd*/.duet-list-width-70.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:35%}/*!@:host(.duet-p-0) dt,\n:host(.duet-p-0) dd*/.duet-p-0.sc-duet-list-item-h dt.sc-duet-list-item,.duet-p-0.sc-duet-list-item-h dd.sc-duet-list-item{padding-top:0 !important;padding-bottom:4px !important}@media (max-width: 35.9375em){/*!@:host(.duet-list-mobile-center) dt,\n  :host(.duet-list-mobile-center) dd*/.duet-list-mobile-center.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-mobile-center.sc-duet-list-item-h dd.sc-duet-list-item{text-align:center}}@media (max-width: 61.9375em){/*!@:host(.duet-list-breakpoint-large)*/.duet-list-breakpoint-large.sc-duet-list-item-h{flex-wrap:wrap}/*!@:host(.duet-list-breakpoint-large) dt,\n  :host(.duet-list-breakpoint-large) dd*/.duet-list-breakpoint-large.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-breakpoint-large.sc-duet-list-item-h dd.sc-duet-list-item{flex:inherit;flex-basis:100% !important;width:100%;padding-bottom:4px !important}/*!@:host(.duet-list-breakpoint-large) dd*/.duet-list-breakpoint-large.sc-duet-list-item-h dd.sc-duet-list-item{padding-top:0 !important}}/*!@:host(.duet-list-breakpoint-large.duet-list-striped) dd*/.duet-list-breakpoint-large.duet-list-striped.sc-duet-list-item-h dd.sc-duet-list-item{padding-bottom:16px !important}@media (max-width: 61.9375em){/*!@:host(.duet-list-breakpoint-large.duet-list-mobile-center) dt,\n  :host(.duet-list-breakpoint-large.duet-list-mobile-center) dd*/.duet-list-breakpoint-large.duet-list-mobile-center.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-breakpoint-large.duet-list-mobile-center.sc-duet-list-item-h dd.sc-duet-list-item{text-align:center !important}}";
+const duetListItemCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-list-item,*.sc-duet-list-item::after,*.sc-duet-list-item::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-list-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;flex-direction:column;display:flex;width:100%;overflow:visible;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77)}/*!@:host dt*/.sc-duet-list-item-h dt.sc-duet-list-item{padding-bottom:4px}/*!@:host dd*/.sc-duet-list-item-h dd.sc-duet-list-item{padding-top:0}/*!@:host dt,\n:host dd*/.sc-duet-list-item-h dt.sc-duet-list-item,.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:100%}/*!@:host dt,\n:host dd*/.sc-duet-list-item-h dt.sc-duet-list-item,.sc-duet-list-item-h dd.sc-duet-list-item{width:100%;margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;word-break:break-all;word-break:break-word}/*!@:host dt*/.sc-duet-list-item-h dt.sc-duet-list-item{font-weight:600}/*!@.duet-theme-turva :host dt*/.duet-theme-turva .sc-duet-list-item-h dt.sc-duet-list-item{font-weight:700}/*!@:host dd*/.sc-duet-list-item-h dd.sc-duet-list-item{margin-left:auto}/*!@:host(.duet-list-striped) dt,\n:host(.duet-list-striped) dd*/.duet-list-striped.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-striped.sc-duet-list-item-h dd.sc-duet-list-item{padding:16px}/*!@:host(.duet-list-striped) dt*/.duet-list-striped.sc-duet-list-item-h dt.sc-duet-list-item{padding-bottom:4px}/*!@:host(.duet-list-striped) dd*/.duet-list-striped.sc-duet-list-item-h dd.sc-duet-list-item{padding-top:0}/*!@:host(.duet-list-striped.duet-no-stacking) dt,\n:host(.duet-list-striped.duet-no-stacking) dd*/.duet-list-striped.duet-no-stacking.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-striped.duet-no-stacking.sc-duet-list-item-h dd.sc-duet-list-item{padding:16px}/*!@:host(:not(.duet-list-striped)) dt,\n:host(:not(.duet-list-striped)) dd*/.sc-duet-list-item-h:not(.duet-list-striped) dt.sc-duet-list-item,.sc-duet-list-item-h:not(.duet-list-striped) dd.sc-duet-list-item{padding:8px;padding-inline:0}/*!@:host(:not(.duet-list-striped)) dt*/.sc-duet-list-item-h:not(.duet-list-striped) dt.sc-duet-list-item{padding-bottom:4px}/*!@:host(:not(.duet-list-striped)) dd*/.sc-duet-list-item-h:not(.duet-list-striped) dd.sc-duet-list-item{padding-top:0}/*!@:host(:not(.duet-list-striped).duet-no-stacking) dt,\n:host(:not(.duet-list-striped).duet-no-stacking) dd*/.sc-duet-list-item-h:not(.duet-list-striped).duet-no-stacking dt.sc-duet-list-item,.sc-duet-list-item-h:not(.duet-list-striped).duet-no-stacking dd.sc-duet-list-item{padding:8px;padding-inline:0}/*!@:host(.duet-p-0) dt,\n:host(.duet-p-0) dd*/.duet-p-0.sc-duet-list-item-h dt.sc-duet-list-item,.duet-p-0.sc-duet-list-item-h dd.sc-duet-list-item{padding:0 !important}/*!@:host(.duet-list-mobile-center) dt,\n:host(.duet-list-mobile-center) dd*/.duet-list-mobile-center.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-mobile-center.sc-duet-list-item-h dd.sc-duet-list-item{text-align:center}/*!@:host(.duet-theme-turva)*/.duet-theme-turva.sc-duet-list-item-h{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@:host(.duet-list-striped:nth-child(odd)) dt,\n:host(.duet-list-striped:nth-child(odd)) dd*/.duet-list-striped.sc-duet-list-item-h:nth-child(odd) dt.sc-duet-list-item,.duet-list-striped.sc-duet-list-item-h:nth-child(odd) dd.sc-duet-list-item{background:rgb(245, 248, 250)}/*!@:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,\n:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd*/.duet-list-striped.duet-theme-turva.sc-duet-list-item-h:nth-child(odd) dt.sc-duet-list-item,.duet-list-striped.duet-theme-turva.sc-duet-list-item-h:nth-child(odd) dd.sc-duet-list-item{background:rgb(245, 245, 247)}/*!@:host(.duet-list-bordered)*/.duet-list-bordered.sc-duet-list-item-h{border-block-start:1px solid rgb(225, 227, 230)}/*!@:host(.duet-list-bordered:last-child)*/.duet-list-bordered.sc-duet-list-item-h:last-child{border-block-end:1px solid rgb(225, 227, 230)}/*!@:host(.duet-list-bordered.duet-theme-turva)*/.duet-list-bordered.duet-theme-turva.sc-duet-list-item-h{border-block-start:1px solid rgb(228, 228, 230)}/*!@:host(.duet-list-bordered.duet-theme-turva:last-child)*/.duet-list-bordered.duet-theme-turva.sc-duet-list-item-h:last-child{border-block-end:1px solid rgb(228, 228, 230)}/*!@:host(.duet-list-inner-bordered:not(:last-child))*/.duet-list-inner-bordered.sc-duet-list-item-h:not(:last-child){border-block-end:1px solid rgb(225, 227, 230)}/*!@:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child))*/.duet-list-inner-bordered.duet-theme-turva.sc-duet-list-item-h:not(:last-child){border-block-end:1px solid rgb(228, 228, 230)}/*!@:host(.duet-no-stacking)*/.duet-no-stacking.sc-duet-list-item-h{flex-direction:row}/*!@:host(.duet-list-mobile-center.duet-no-stacking) dt,\n:host(.duet-list-mobile-center.duet-no-stacking) dd*/.duet-list-mobile-center.duet-no-stacking.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-mobile-center.duet-no-stacking.sc-duet-list-item-h dd.sc-duet-list-item{text-align:left}/*!@:host(.duet-no-stacking.duet-list-width-30) dt*/.duet-no-stacking.duet-list-width-30.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:33%}/*!@:host(.duet-no-stacking.duet-list-width-30) dd*/.duet-no-stacking.duet-list-width-30.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:67%}/*!@:host(.duet-no-stacking.duet-list-width-50) dt*/.duet-no-stacking.duet-list-width-50.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:47%}/*!@:host(.duet-no-stacking.duet-list-width-50) dd*/.duet-no-stacking.duet-list-width-50.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:53%}/*!@:host(.duet-no-stacking.duet-list-width-70) dt*/.duet-no-stacking.duet-list-width-70.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:65%}/*!@:host(.duet-no-stacking.duet-list-width-70) dd*/.duet-no-stacking.duet-list-width-70.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:35%}/*!@:host(.duet-list-item-breakpoint-x-small)*/.duet-list-item-breakpoint-x-small.sc-duet-list-item-h{flex-direction:row}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,\n:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd*/.duet-list-item-breakpoint-x-small.duet-list-striped.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-x-small.duet-list-striped.sc-duet-list-item-h dd.sc-duet-list-item{padding:16px}/*!@:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,\n:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd*/.duet-list-item-breakpoint-x-small.sc-duet-list-item-h:not(.duet-list-striped) dt.sc-duet-list-item,.duet-list-item-breakpoint-x-small.sc-duet-list-item-h:not(.duet-list-striped) dd.sc-duet-list-item{padding:8px;padding-inline:0}/*!@:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,\n:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd*/.duet-list-item-breakpoint-x-small.duet-p-0.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-x-small.duet-p-0.sc-duet-list-item-h dd.sc-duet-list-item{padding:0 !important}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,\n:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd*/.duet-list-item-breakpoint-x-small.duet-list-mobile-center.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-x-small.duet-list-mobile-center.sc-duet-list-item-h dd.sc-duet-list-item{text-align:left}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt*/.duet-list-item-breakpoint-x-small.duet-list-width-30.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:33%}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd*/.duet-list-item-breakpoint-x-small.duet-list-width-30.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:67%}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt*/.duet-list-item-breakpoint-x-small.duet-list-width-50.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:47%}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd*/.duet-list-item-breakpoint-x-small.duet-list-width-50.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:53%}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt*/.duet-list-item-breakpoint-x-small.duet-list-width-70.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:65%}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd*/.duet-list-item-breakpoint-x-small.duet-list-width-70.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:35%}@media (max-width: 22.5em){/*!@:host(.duet-list-item-breakpoint-x-small)*/.duet-list-item-breakpoint-x-small.sc-duet-list-item-h{flex-direction:column}/*!@:host(.duet-list-item-breakpoint-x-small) dt*/.duet-list-item-breakpoint-x-small.sc-duet-list-item-h dt.sc-duet-list-item{padding-bottom:4px}/*!@:host(.duet-list-item-breakpoint-x-small) dd*/.duet-list-item-breakpoint-x-small.sc-duet-list-item-h dd.sc-duet-list-item{padding-top:0}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,\n  :host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd*/.duet-list-item-breakpoint-x-small.duet-list-striped.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-x-small.duet-list-striped.sc-duet-list-item-h dd.sc-duet-list-item{padding:16px}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt*/.duet-list-item-breakpoint-x-small.duet-list-striped.sc-duet-list-item-h dt.sc-duet-list-item{padding-bottom:4px}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd*/.duet-list-item-breakpoint-x-small.duet-list-striped.sc-duet-list-item-h dd.sc-duet-list-item{padding-top:0}/*!@:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,\n  :host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd*/.duet-list-item-breakpoint-x-small.sc-duet-list-item-h:not(.duet-list-striped) dt.sc-duet-list-item,.duet-list-item-breakpoint-x-small.sc-duet-list-item-h:not(.duet-list-striped) dd.sc-duet-list-item{padding:8px;padding-inline:0}/*!@:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt*/.duet-list-item-breakpoint-x-small.sc-duet-list-item-h:not(.duet-list-striped) dt.sc-duet-list-item{padding-bottom:4px}/*!@:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd*/.duet-list-item-breakpoint-x-small.sc-duet-list-item-h:not(.duet-list-striped) dd.sc-duet-list-item{padding-top:0}/*!@:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,\n  :host(.duet-list-item-breakpoint-x-small.duet-p-0) dd*/.duet-list-item-breakpoint-x-small.duet-p-0.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-x-small.duet-p-0.sc-duet-list-item-h dd.sc-duet-list-item{padding:0 !important}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,\n  :host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd*/.duet-list-item-breakpoint-x-small.duet-list-mobile-center.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-x-small.duet-list-mobile-center.sc-duet-list-item-h dd.sc-duet-list-item{text-align:center}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt,\n  :host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd*/.duet-list-item-breakpoint-x-small.duet-list-width-30.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-x-small.duet-list-width-30.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:100%}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt,\n  :host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd*/.duet-list-item-breakpoint-x-small.duet-list-width-50.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-x-small.duet-list-width-50.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:100%}/*!@:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt,\n  :host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd*/.duet-list-item-breakpoint-x-small.duet-list-width-70.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-x-small.duet-list-width-70.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:100%}}@media (min-width: 36em){/*!@:host(.duet-list-item-breakpoint-small)*/.duet-list-item-breakpoint-small.sc-duet-list-item-h{flex-direction:row}/*!@:host(.duet-list-item-breakpoint-small.duet-list-striped) dt,\n  :host(.duet-list-item-breakpoint-small.duet-list-striped) dd*/.duet-list-item-breakpoint-small.duet-list-striped.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-small.duet-list-striped.sc-duet-list-item-h dd.sc-duet-list-item{padding:16px}/*!@:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dt,\n  :host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dd*/.duet-list-item-breakpoint-small.sc-duet-list-item-h:not(.duet-list-striped) dt.sc-duet-list-item,.duet-list-item-breakpoint-small.sc-duet-list-item-h:not(.duet-list-striped) dd.sc-duet-list-item{padding:8px;padding-inline:0}/*!@:host(.duet-list-item-breakpoint-small.duet-p-0) dt,\n  :host(.duet-list-item-breakpoint-small.duet-p-0) dd*/.duet-list-item-breakpoint-small.duet-p-0.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-small.duet-p-0.sc-duet-list-item-h dd.sc-duet-list-item{padding:0 !important}/*!@:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dt,\n  :host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dd*/.duet-list-item-breakpoint-small.duet-list-mobile-center.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-small.duet-list-mobile-center.sc-duet-list-item-h dd.sc-duet-list-item{text-align:left}/*!@:host(.duet-list-item-breakpoint-small.duet-list-width-30) dt*/.duet-list-item-breakpoint-small.duet-list-width-30.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:33%}/*!@:host(.duet-list-item-breakpoint-small.duet-list-width-30) dd*/.duet-list-item-breakpoint-small.duet-list-width-30.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:67%}/*!@:host(.duet-list-item-breakpoint-small.duet-list-width-50) dt*/.duet-list-item-breakpoint-small.duet-list-width-50.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:47%}/*!@:host(.duet-list-item-breakpoint-small.duet-list-width-50) dd*/.duet-list-item-breakpoint-small.duet-list-width-50.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:53%}/*!@:host(.duet-list-item-breakpoint-small.duet-list-width-70) dt*/.duet-list-item-breakpoint-small.duet-list-width-70.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:65%}/*!@:host(.duet-list-item-breakpoint-small.duet-list-width-70) dd*/.duet-list-item-breakpoint-small.duet-list-width-70.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:35%}}@media (min-width: 48em){/*!@:host(.duet-list-item-breakpoint-medium)*/.duet-list-item-breakpoint-medium.sc-duet-list-item-h{flex-direction:row}/*!@:host(.duet-list-item-breakpoint-medium.duet-list-striped) dt,\n  :host(.duet-list-item-breakpoint-medium.duet-list-striped) dd*/.duet-list-item-breakpoint-medium.duet-list-striped.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-medium.duet-list-striped.sc-duet-list-item-h dd.sc-duet-list-item{padding:16px}/*!@:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dt,\n  :host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dd*/.duet-list-item-breakpoint-medium.sc-duet-list-item-h:not(.duet-list-striped) dt.sc-duet-list-item,.duet-list-item-breakpoint-medium.sc-duet-list-item-h:not(.duet-list-striped) dd.sc-duet-list-item{padding:8px;padding-inline:0}/*!@:host(.duet-list-item-breakpoint-medium.duet-p-0) dt,\n  :host(.duet-list-item-breakpoint-medium.duet-p-0) dd*/.duet-list-item-breakpoint-medium.duet-p-0.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-medium.duet-p-0.sc-duet-list-item-h dd.sc-duet-list-item{padding:0 !important}/*!@:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dt,\n  :host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dd*/.duet-list-item-breakpoint-medium.duet-list-mobile-center.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-medium.duet-list-mobile-center.sc-duet-list-item-h dd.sc-duet-list-item{text-align:left}/*!@:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dt*/.duet-list-item-breakpoint-medium.duet-list-width-30.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:33%}/*!@:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dd*/.duet-list-item-breakpoint-medium.duet-list-width-30.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:67%}/*!@:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dt*/.duet-list-item-breakpoint-medium.duet-list-width-50.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:47%}/*!@:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dd*/.duet-list-item-breakpoint-medium.duet-list-width-50.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:53%}/*!@:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dt*/.duet-list-item-breakpoint-medium.duet-list-width-70.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:65%}/*!@:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dd*/.duet-list-item-breakpoint-medium.duet-list-width-70.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:35%}}@media (min-width: 62em){/*!@:host(.duet-list-item-breakpoint-large)*/.duet-list-item-breakpoint-large.sc-duet-list-item-h{flex-direction:row}/*!@:host(.duet-list-item-breakpoint-large.duet-list-striped) dt,\n  :host(.duet-list-item-breakpoint-large.duet-list-striped) dd*/.duet-list-item-breakpoint-large.duet-list-striped.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-large.duet-list-striped.sc-duet-list-item-h dd.sc-duet-list-item{padding:16px}/*!@:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dt,\n  :host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dd*/.duet-list-item-breakpoint-large.sc-duet-list-item-h:not(.duet-list-striped) dt.sc-duet-list-item,.duet-list-item-breakpoint-large.sc-duet-list-item-h:not(.duet-list-striped) dd.sc-duet-list-item{padding:8px;padding-inline:0}/*!@:host(.duet-list-item-breakpoint-large.duet-p-0) dt,\n  :host(.duet-list-item-breakpoint-large.duet-p-0) dd*/.duet-list-item-breakpoint-large.duet-p-0.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-large.duet-p-0.sc-duet-list-item-h dd.sc-duet-list-item{padding:0 !important}/*!@:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dt,\n  :host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dd*/.duet-list-item-breakpoint-large.duet-list-mobile-center.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-large.duet-list-mobile-center.sc-duet-list-item-h dd.sc-duet-list-item{text-align:left}/*!@:host(.duet-list-item-breakpoint-large.duet-list-width-30) dt*/.duet-list-item-breakpoint-large.duet-list-width-30.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:33%}/*!@:host(.duet-list-item-breakpoint-large.duet-list-width-30) dd*/.duet-list-item-breakpoint-large.duet-list-width-30.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:67%}/*!@:host(.duet-list-item-breakpoint-large.duet-list-width-50) dt*/.duet-list-item-breakpoint-large.duet-list-width-50.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:47%}/*!@:host(.duet-list-item-breakpoint-large.duet-list-width-50) dd*/.duet-list-item-breakpoint-large.duet-list-width-50.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:53%}/*!@:host(.duet-list-item-breakpoint-large.duet-list-width-70) dt*/.duet-list-item-breakpoint-large.duet-list-width-70.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:65%}/*!@:host(.duet-list-item-breakpoint-large.duet-list-width-70) dd*/.duet-list-item-breakpoint-large.duet-list-width-70.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:35%}}@media (min-width: 64.0625em){/*!@:host(.duet-list-item-breakpoint-x-large)*/.duet-list-item-breakpoint-x-large.sc-duet-list-item-h{flex-direction:row}/*!@:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dt,\n  :host(.duet-list-item-breakpoint-x-large.duet-list-striped) dd*/.duet-list-item-breakpoint-x-large.duet-list-striped.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-x-large.duet-list-striped.sc-duet-list-item-h dd.sc-duet-list-item{padding:16px}/*!@:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dt,\n  :host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dd*/.duet-list-item-breakpoint-x-large.sc-duet-list-item-h:not(.duet-list-striped) dt.sc-duet-list-item,.duet-list-item-breakpoint-x-large.sc-duet-list-item-h:not(.duet-list-striped) dd.sc-duet-list-item{padding:8px;padding-inline:0}/*!@:host(.duet-list-item-breakpoint-x-large.duet-p-0) dt,\n  :host(.duet-list-item-breakpoint-x-large.duet-p-0) dd*/.duet-list-item-breakpoint-x-large.duet-p-0.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-x-large.duet-p-0.sc-duet-list-item-h dd.sc-duet-list-item{padding:0 !important}/*!@:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dt,\n  :host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dd*/.duet-list-item-breakpoint-x-large.duet-list-mobile-center.sc-duet-list-item-h dt.sc-duet-list-item,.duet-list-item-breakpoint-x-large.duet-list-mobile-center.sc-duet-list-item-h dd.sc-duet-list-item{text-align:left}/*!@:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dt*/.duet-list-item-breakpoint-x-large.duet-list-width-30.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:33%}/*!@:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dd*/.duet-list-item-breakpoint-x-large.duet-list-width-30.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:67%}/*!@:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dt*/.duet-list-item-breakpoint-x-large.duet-list-width-50.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:47%}/*!@:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dd*/.duet-list-item-breakpoint-x-large.duet-list-width-50.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:53%}/*!@:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dt*/.duet-list-item-breakpoint-x-large.duet-list-width-70.sc-duet-list-item-h dt.sc-duet-list-item{flex-basis:65%}/*!@:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd*/.duet-list-item-breakpoint-x-large.duet-list-width-70.sc-duet-list-item-h dd.sc-duet-list-item{flex-basis:35%}}";
 
 /**
  * @slot label - The list item component’s label content. Use this to put content into description list’s dt element.
@@ -12559,19 +12584,31 @@ const duetListItemCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-list-item,*.sc-
 class DuetListItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.responsive = false;
+    this.breakpoint = "small";
   }
   /**
    * render() function
    * Always the last one in the class.
    */
   render() {
-    return (hAsync(Host, null, hAsync("dt", null, hAsync("slot", { name: "label" })), hAsync("dd", null, hAsync("slot", { name: "value" }))));
+    return (hAsync(Host, { class: {
+        "duet-no-stacking": !this.responsive,
+        "duet-list-item-breakpoint-x-small": this.breakpoint === "x-small",
+        "duet-list-item-breakpoint-small": this.breakpoint === "small",
+        "duet-list-item-breakpoint-medium": this.breakpoint === "medium",
+        "duet-list-item-breakpoint-large": this.breakpoint === "large",
+        "duet-list-item-breakpoint-x-large": this.breakpoint === "x-large",
+      } }, hAsync("dt", null, hAsync("slot", { name: "label" })), hAsync("dd", null, hAsync("slot", { name: "value" }))));
   }
   static get style() { return duetListItemCss; }
   static get cmpMeta() { return {
     "$flags$": 9,
     "$tagName$": "duet-list-item",
-    "$members$": undefined,
+    "$members$": {
+      "responsive": [4],
+      "breakpoint": [1]
+    },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
     "$attrsToReflect$": []
@@ -13550,6 +13587,7 @@ class DuetMultiselect {
     this.language = getLanguage();
     this.margin = "auto";
     this.error = "";
+    this.accessibleLiveError = "polite";
     this.expand = false;
     this.value = [];
     this.theme = "";
@@ -13620,7 +13658,7 @@ class DuetMultiselect {
       this.processedItems.map((item, key) => {
         var _a, _b;
         return (hAsync("duet-checkbox", { identifier: this.getOptionIdentifier(key), role: "option", label: item.label, value: item.value, key: item.value, checked: (_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(item), "accessible-selected": ((_b = this.value) === null || _b === void 0 ? void 0 : _b.includes(item)) ? "true" : undefined, disabled: !this.checkboxesVisible || item.disabled, onDuetChange: e => this.toggleCheckbox(e, item), onKeyDown: (e) => this.onCheckboxKeyDown(e, key), theme: this.theme }));
-      }))), hAsync("span", { class: "duet-multiselect-help", id: this.errorId, "aria-live": "assertive", "aria-relevant": "additions removals" }, this.error && hAsync("span", null, this.error)))));
+      }))), hAsync("span", { class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", null, this.error)))));
   }
   get element() { return getElement(this); }
   static get watchers() { return {
@@ -13633,6 +13671,7 @@ class DuetMultiselect {
     "$members$": {
       "margin": [1],
       "error": [1],
+      "accessibleLiveError": [1, "accessible-live-error"],
       "expand": [4],
       "value": [1040],
       "theme": [1025],
@@ -15588,7 +15627,7 @@ class DuetSectionLayout {
   }; }
 }
 
-const duetSelectCss = "*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px rgb(144, 149, 153)}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px rgb(116, 116, 117)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px rgb(23, 28, 58)}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(224, 42, 13) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(116, 116, 117)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-help.sc-duet-select{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(116, 116, 117)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
+const duetSelectCss = "*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px rgb(144, 149, 153)}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px rgb(116, 116, 117)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px rgb(23, 28, 58)}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(224, 42, 13) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(116, 116, 117)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-help.sc-duet-select{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(116, 116, 117)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
 
 function isOptionGroup(item) {
   return "options" in item;
@@ -15666,6 +15705,7 @@ class DuetSelect {
     this.accessibleControls = undefined;
     this.accessibleOwns = undefined;
     this.error = "";
+    this.accessibleLiveError = "polite";
     this.expand = false;
     this.value = undefined;
     this.theme = "";
@@ -15720,7 +15760,7 @@ class DuetSelect {
     return item ? item.label : this.placeholder || "";
   }
   renderOption(option) {
-    return (hAsync("option", { value: option.value, key: option.value, selected: this.value === option.value, disabled: option.disabled }, option.label));
+    return (hAsync("option", { "aria-label": option.ariaLabel, value: option.value, key: option.value, selected: this.value === option.value, disabled: option.disabled }, option.label));
   }
   renderOptionGroup(group) {
     return (hAsync("optgroup", { key: group.label, label: group.label, disabled: group.disabled }, group.options.map(option => this.renderOption(option))));
@@ -15747,7 +15787,7 @@ class DuetSelect {
     }))), hAsync("div", { class: {
         "duet-select": true,
         "duet-select-variation-tiny": this.variation === "tiny",
-      }, "aria-hidden": "true" }, hAsync("span", { key: this.value }, this.getSelectedItemLabel()), this.variation !== "tiny" && (hAsync("svg", { role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), this.variation === "tiny" && (hAsync("duet-icon", { name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xx-small" }))), hAsync("span", { class: "keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), hAsync("span", { class: "duet-select-help", id: this.errorId, "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && hAsync("span", null, this.error)))));
+      }, "aria-hidden": "true" }, hAsync("span", { key: this.value }, this.getSelectedItemLabel()), this.variation !== "tiny" && (hAsync("svg", { role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), this.variation === "tiny" && (hAsync("duet-icon", { name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xx-small" }))), hAsync("span", { class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), hAsync("span", { class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && hAsync("span", null, this.error)))));
   }
   get element() { return getElement(this); }
   static get watchers() { return {
@@ -15766,6 +15806,7 @@ class DuetSelect {
       "accessibleControls": [1, "accessible-controls"],
       "accessibleOwns": [1, "accessible-owns"],
       "error": [1],
+      "accessibleLiveError": [1, "accessible-live-error"],
       "expand": [4],
       "value": [1537],
       "theme": [1025],
@@ -16947,7 +16988,7 @@ class DuetTab {
   }; }
 }
 
-const duetTabGroupCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-tab-group,*.sc-duet-tab-group::after,*.sc-duet-tab-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-tab-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}/*!@.duet-tab-group-tabs*/.duet-tab-group-tabs.sc-duet-tab-group{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}/*!@.duet-tab-group-tabs.duet-m-0*/.duet-tab-group-tabs.duet-m-0.sc-duet-tab-group{margin:0 !important}/*!@.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden*/.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden.sc-duet-tab-group{display:none}@media (min-width: 36em){/*!@.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden*/.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden.sc-duet-tab-group{display:block}}/*!@.duet-tab-variation-plain .duet-tab-group-tabs*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs*/.duet-theme-turva.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{border-bottom-color:rgb(228, 228, 230)}/*!@.duet-tab-variation-checked .duet-tab-group-tabs*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{display:flex;gap:8px;padding-right:16px;padding-left:16px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}/*!@.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group::-webkit-scrollbar{display:none}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-group-tabs*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{overflow:visible}}/*!@.duet-tab-plain-scrolling .duet-tab-group-tabs*/.duet-tab-plain-scrolling.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}/*!@.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar*/.duet-tab-plain-scrolling.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group::-webkit-scrollbar{display:none}@media (min-width: 36em){/*!@.duet-tab-plain-scrolling .duet-tab-group-tabs*/.duet-tab-plain-scrolling.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{display:block;overflow:auto}}@media (min-width: 36em){/*!@duet-select*/duet-select.sc-duet-tab-group{display:none !important}}/*!@.duet-tab-button*/.duet-tab-button.sc-duet-tab-group{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;overflow:visible;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-radius:0;transition:150ms ease}/*!@.duet-tab-button.duet-p-0*/.duet-tab-button.duet-p-0.sc-duet-tab-group{padding:0 !important}/*!@.duet-tab-button.duet-m-0*/.duet-tab-button.duet-m-0.sc-duet-tab-group{margin:0 !important}/*!@.duet-theme-turva .duet-tab-button*/.duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(228, 228, 230)}/*!@.duet-tab-button.duet-p-0*/.duet-tab-button.duet-p-0.sc-duet-tab-group{padding:0 !important}@media (min-width: 36em){/*!@.duet-tab-button*/.duet-tab-button.sc-duet-tab-group{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid rgb(225, 227, 230);border-radius:0}}/*!@.duet-tab-button:hover*/.duet-tab-button.sc-duet-tab-group:hover{z-index:200;border-color:rgb(144, 149, 153)}/*!@.duet-theme-turva .duet-tab-button:hover*/.duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:hover{border-color:rgb(116, 116, 117)}/*!@.duet-tab-button:active*/.duet-tab-button.sc-duet-tab-group:active{opacity:0.75;transition:none}/*!@.duet-tab-button.selected*/.duet-tab-button.selected.sc-duet-tab-group{z-index:201;color:rgb(255, 255, 255);background:rgb(0, 41, 77);border-color:rgb(0, 41, 77);outline:0;box-shadow:none !important}/*!@.duet-theme-turva .duet-tab-button.selected*/.duet-theme-turva.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(255, 255, 255);background-color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}/*!@.duet-tab-button:focus*/.duet-tab-button.sc-duet-tab-group:focus{z-index:200;outline:0}/*!@:host(.user-is-tabbing) .duet-tab-button:focus*/.user-is-tabbing.sc-duet-tab-group-h .duet-tab-button.sc-duet-tab-group:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important}/*!@:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus*/.user-is-tabbing.sc-duet-tab-group-h .duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important}/*!@.duet-tab-button:first-child*/.duet-tab-button.sc-duet-tab-group:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){/*!@.duet-tab-button:first-child*/.duet-tab-button.sc-duet-tab-group:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}/*!@.duet-tab-button:last-child*/.duet-tab-button.sc-duet-tab-group:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){/*!@.duet-tab-button:last-child*/.duet-tab-button.sc-duet-tab-group:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}/*!@.duet-tab-variation-plain .duet-tab-button*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;border:0;border-radius:0;transition:none}/*!@.duet-tab-variation-plain .duet-tab-button + .duet-tab-button*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group+.duet-tab-button.sc-duet-tab-group{margin-left:36px}/*!@.duet-tab-variation-plain .duet-tab-button.selected*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179)}/*!@.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected*/.duet-theme-turva.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(198, 12, 48);border-bottom-color:rgb(198, 12, 48)}/*!@.duet-tab-variation-checked .duet-tab-button*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:16px;border-color:rgb(207, 210, 212);border-bottom-color:rgb(0, 119, 179);border-radius:4px 4px 0 0;transition:none}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{border-color:rgb(207, 210, 212);border-bottom-color:rgb(68, 68, 69)}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{min-width:0}}/*!@.duet-tab-variation-checked .duet-tab-button.stackable-tab*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.stackable-tab.sc-duet-tab-group{min-width:0}/*!@.duet-tab-variation-checked .duet-tab-button:first-child*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:first-child{margin-left:auto}/*!@.duet-tab-variation-checked .duet-tab-button:last-child*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:last-child{margin-right:auto}/*!@.duet-tab-variation-checked .duet-tab-button:active*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:active{opacity:1;transition:none}/*!@.duet-tab-variation-checked .duet-tab-button.selected*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(243, 249, 252) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 245, 247) 0%, rgb(255, 255, 255) 100%);border-color:rgb(68, 68, 69);border-bottom-color:#fff}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group{display:flex;flex-direction:row;justify-content:space-between}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.stackable-checked-tab-content.sc-duet-tab-group{flex-direction:column;height:100%}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.stackable-checked-tab-content.sc-duet-tab-group{flex-direction:row}}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.stackable-description.sc-duet-tab-group{text-align:center}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.stackable-description.sc-duet-tab-group{text-align:left}}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.sc-duet-tab-group{margin-top:4px;font-weight:400;color:rgb(101, 119, 135)}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.sc-duet-tab-group{color:rgb(68, 68, 69)}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.selected.sc-duet-tab-group{color:rgb(0, 119, 179)}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.selected.sc-duet-tab-group{color:rgb(68, 68, 69)}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .stackable-checkmark.sc-duet-tab-group{order:-1}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .stackable-checkmark.sc-duet-tab-group{order:1}}/*!@.duet-tab-group-content*/.duet-tab-group-content.sc-duet-tab-group{position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left}/*!@.duet-tab-group-content:focus*/.duet-tab-group-content.sc-duet-tab-group:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important}/*!@.duet-theme-turva .duet-tab-group-content:focus*/.duet-theme-turva.sc-duet-tab-group .duet-tab-group-content.sc-duet-tab-group:focus{outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important}/*!@.duet-tab-group-content.checked-group-content*/.duet-tab-group-content.checked-group-content.sc-duet-tab-group{padding:28px 0 28px 0}/*!@.duet-tab-group-content.checked-group-content::after*/.duet-tab-group-content.checked-group-content.sc-duet-tab-group::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:\" \";background-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-tab-group-content*/.duet-theme-turva.sc-duet-tab-group .duet-tab-group-content.sc-duet-tab-group{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-theme-turva .duet-tab-group-content.checked-group-content::after*/.duet-theme-turva.sc-duet-tab-group .duet-tab-group-content.checked-group-content.sc-duet-tab-group::after{background-color:rgb(68, 68, 69)}";
+const duetTabGroupCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-tab-group,*.sc-duet-tab-group::after,*.sc-duet-tab-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-tab-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}/*!@.duet-tab-group-tabs*/.duet-tab-group-tabs.sc-duet-tab-group{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}/*!@.duet-tab-group-tabs.duet-m-0*/.duet-tab-group-tabs.duet-m-0.sc-duet-tab-group{margin:0 !important}/*!@.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden*/.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden.sc-duet-tab-group{display:none}@media (min-width: 36em){/*!@.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden*/.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden.sc-duet-tab-group{display:block}}/*!@.duet-tab-variation-plain .duet-tab-group-tabs*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs*/.duet-theme-turva.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{border-bottom-color:rgb(228, 228, 230)}/*!@.duet-tab-variation-checked .duet-tab-group-tabs*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{display:flex;gap:4px;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}/*!@.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group::-webkit-scrollbar{display:none}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-group-tabs*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}/*!@.duet-tab-plain-scrolling .duet-tab-group-tabs*/.duet-tab-plain-scrolling.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}/*!@.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar*/.duet-tab-plain-scrolling.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group::-webkit-scrollbar{display:none}@media (min-width: 36em){/*!@.duet-tab-plain-scrolling .duet-tab-group-tabs*/.duet-tab-plain-scrolling.sc-duet-tab-group .duet-tab-group-tabs.sc-duet-tab-group{display:block;overflow:auto}}@media (min-width: 36em){/*!@duet-select*/duet-select.sc-duet-tab-group{display:none !important}}/*!@.duet-tab-button*/.duet-tab-button.sc-duet-tab-group{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;overflow:visible;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-radius:0;transition:150ms ease}/*!@.duet-tab-button.duet-p-0*/.duet-tab-button.duet-p-0.sc-duet-tab-group{padding:0 !important}/*!@.duet-tab-button.duet-m-0*/.duet-tab-button.duet-m-0.sc-duet-tab-group{margin:0 !important}/*!@.duet-theme-turva .duet-tab-button*/.duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(228, 228, 230)}/*!@.duet-tab-button.duet-p-0*/.duet-tab-button.duet-p-0.sc-duet-tab-group{padding:0 !important}@media (min-width: 36em){/*!@.duet-tab-button*/.duet-tab-button.sc-duet-tab-group{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid rgb(225, 227, 230);border-radius:0}}/*!@.duet-tab-button:hover*/.duet-tab-button.sc-duet-tab-group:hover{z-index:200;border-color:rgb(144, 149, 153)}/*!@.duet-theme-turva .duet-tab-button:hover*/.duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:hover{border-color:rgb(116, 116, 117)}/*!@.duet-tab-button:active*/.duet-tab-button.sc-duet-tab-group:active{opacity:0.75;transition:none}/*!@.duet-tab-button.selected*/.duet-tab-button.selected.sc-duet-tab-group{z-index:201;color:rgb(255, 255, 255);background:rgb(0, 41, 77);border-color:rgb(0, 41, 77);outline:0;box-shadow:none !important}/*!@.duet-theme-turva .duet-tab-button.selected*/.duet-theme-turva.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(255, 255, 255);background-color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}/*!@.duet-tab-button:focus*/.duet-tab-button.sc-duet-tab-group:focus{z-index:200;outline:0}/*!@:host(.user-is-tabbing) .duet-tab-button:focus*/.user-is-tabbing.sc-duet-tab-group-h .duet-tab-button.sc-duet-tab-group:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important}/*!@:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus*/.user-is-tabbing.sc-duet-tab-group-h .duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important}/*!@.duet-tab-button:first-child*/.duet-tab-button.sc-duet-tab-group:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){/*!@.duet-tab-button:first-child*/.duet-tab-button.sc-duet-tab-group:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}/*!@.duet-tab-button:last-child*/.duet-tab-button.sc-duet-tab-group:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){/*!@.duet-tab-button:last-child*/.duet-tab-button.sc-duet-tab-group:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}/*!@.duet-tab-variation-plain .duet-tab-button*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;border:0;border-radius:0;transition:none}/*!@.duet-tab-variation-plain .duet-tab-button + .duet-tab-button*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group+.duet-tab-button.sc-duet-tab-group{margin-left:36px}/*!@.duet-tab-variation-plain .duet-tab-button.selected*/.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179)}/*!@.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected*/.duet-theme-turva.duet-tab-variation-plain.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(198, 12, 48);border-bottom-color:rgb(198, 12, 48)}/*!@.duet-tab-variation-checked .duet-tab-button*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(207, 210, 212);border-bottom-color:rgb(0, 119, 179);border-radius:4px 4px 0 0;transition:none}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{border-color:rgb(207, 210, 212);border-bottom-color:rgb(68, 68, 69)}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{min-width:0;padding:16px}}/*!@.duet-tab-variation-checked .duet-tab-button.stackable-tab*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.stackable-tab.sc-duet-tab-group{min-width:0}/*!@.duet-tab-variation-checked .duet-tab-button:first-child*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:first-child{margin-left:auto}/*!@.duet-tab-variation-checked .duet-tab-button:last-child*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:last-child{margin-right:auto}/*!@.duet-tab-variation-checked .duet-tab-button:active*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:active{opacity:1;transition:none}/*!@.duet-tab-variation-checked .duet-tab-button.selected*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(243, 249, 252) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 245, 247) 0%, rgb(255, 255, 255) 100%);border-color:rgb(68, 68, 69);border-bottom-color:#fff}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group{display:flex;flex-direction:row;justify-content:space-between}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.stackable-checked-tab-content.sc-duet-tab-group{flex-direction:column;height:100%}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.stackable-checked-tab-content.sc-duet-tab-group{flex-direction:row}}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.stackable-description.sc-duet-tab-group{text-align:center}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.stackable-description.sc-duet-tab-group{text-align:left}}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.sc-duet-tab-group{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(101, 119, 135)}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.sc-duet-tab-group{font-size:1rem;text-align:left}}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.sc-duet-tab-group{color:rgb(68, 68, 69)}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.selected.sc-duet-tab-group{color:rgb(0, 119, 179)}/*!@.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected*/.duet-theme-turva.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .checked-tab-description.sc-duet-tab-group .tab-caption.selected.sc-duet-tab-group{color:rgb(68, 68, 69)}/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .stackable-checkmark.sc-duet-tab-group{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){/*!@.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark*/.duet-tab-variation-checked.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group .checked-tab-content.sc-duet-tab-group .stackable-checkmark.sc-duet-tab-group{order:1}}/*!@.duet-tab-group-content*/.duet-tab-group-content.sc-duet-tab-group{position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left}/*!@.duet-tab-group-content:focus*/.duet-tab-group-content.sc-duet-tab-group:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important}/*!@.duet-theme-turva .duet-tab-group-content:focus*/.duet-theme-turva.sc-duet-tab-group .duet-tab-group-content.sc-duet-tab-group:focus{outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important}/*!@.duet-tab-group-content.checked-group-content*/.duet-tab-group-content.checked-group-content.sc-duet-tab-group{padding:28px 0 28px 0}/*!@.duet-tab-group-content.checked-group-content::after*/.duet-tab-group-content.checked-group-content.sc-duet-tab-group::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:\" \";background-color:rgb(0, 119, 179)}/*!@.duet-theme-turva .duet-tab-group-content*/.duet-theme-turva.sc-duet-tab-group .duet-tab-group-content.sc-duet-tab-group{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-theme-turva .duet-tab-group-content.checked-group-content::after*/.duet-theme-turva.sc-duet-tab-group .duet-tab-group-content.checked-group-content.sc-duet-tab-group::after{background-color:rgb(68, 68, 69)}";
 
 /**
  * @part ${identifier}-button - piercing selector for styling tab buttons
@@ -17326,6 +17367,7 @@ class DuetTextarea {
     this.topCaptionPlaceholderId = createID("DuetCaptionPlaceholderTop");
     this.labelId = createID("DuetLabel");
     this.errorId = createID("DuetError");
+    this.characterCountId = createID("DuetCharacterCount");
     this.disallowPatternRegex = null;
     /**
      * Component event handling.
@@ -17358,6 +17400,9 @@ class DuetTextarea {
       });
     };
     this.handleFocus = (ev) => {
+      if (this.counter) {
+        this.hiddenCounterLabel.textContent = `${Math.max(this.maxlength - this.value.length, 0)}/${this.maxlength} ${this.counterLabel}`;
+      }
       this.duetFocus.emit({
         originalEvent: ev,
         value: this.value,
@@ -17375,6 +17420,9 @@ class DuetTextarea {
       if (this.error) {
         describedBy.push(this.errorId);
       }
+      if (this.counter) {
+        describedBy.push(this.characterCountId);
+      }
       return describedBy.length > 0 ? describedBy.join(" ") : null;
     };
     this.margin = "auto";
@@ -17384,6 +17432,7 @@ class DuetTextarea {
     this.accessibleDetails = undefined;
     this.accessibleLabelledBy = undefined;
     this.accessibleDescription = undefined;
+    this.accessibleLiveError = "polite";
     this.accessibleOwns = undefined;
     this.accessibleDescribedBy = undefined;
     this.theme = "";
@@ -17451,7 +17500,9 @@ class DuetTextarea {
         "duet-label-hidden": this.labelHidden,
         "duet-input-top-caption-shown": this.isCaptionVisible,
         "has-error": !!this.error,
-      } }, hAsync("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), this.caption && (hAsync("duet-caption", { id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), hAsync("div", { class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), hAsync("textarea", { onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), hAsync("duet-grid", { alignment: "stretch" }, hAsync("duet-grid-item", { margin: "none", fill: true }, hAsync("div", { class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": "polite", "aria-relevant": "additions removals" }, this.error && hAsync("span", null, this.error))), hAsync("duet-grid-item", { margin: "none", class: "duet-character-count-caption" }, this.counter && (hAsync(CharacterCount, { theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))))));
+      } }, hAsync("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), this.caption && (hAsync("duet-caption", { id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), hAsync("div", { class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), hAsync("textarea", { onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), hAsync("duet-grid", { alignment: "stretch" }, hAsync("duet-grid-item", { margin: "none", fill: true }, hAsync("div", { class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", null, this.error))), hAsync("duet-grid-item", { margin: "none", class: "duet-character-count-caption" }, this.counter && (hAsync(CharacterCount, { theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (hAsync("duet-visually-hidden", { class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
+        this.hiddenCounterLabel = el;
+      } })))));
   }
   get element() { return getElement(this); }
   static get watchers() { return {
@@ -17469,6 +17520,7 @@ class DuetTextarea {
       "accessibleDetails": [1, "accessible-details"],
       "accessibleLabelledBy": [1, "accessible-labelled-by"],
       "accessibleDescription": [1, "accessible-description"],
+      "accessibleLiveError": [1, "accessible-live-error"],
       "accessibleOwns": [1, "accessible-owns"],
       "accessibleDescribedBy": [1, "accessible-described-by"],
       "theme": [1025],