@descope/web-components-ui 3.10.2 → 3.11.1

package/dist/cjs/index.cjs.js

@@ -1290,7 +1290,7 @@ const globals$1 = {
   fonts: fonts$1,
   direction: direction$1,
 };
-const vars$17 = getThemeVars(globals$1);
+const vars$18 = getThemeVars(globals$1);
 
 const direction = 'ltr';
 
@@ -3142,12 +3142,12 @@ const createImage = async (src, altText) => {
 
 /* eslint-disable no-use-before-define */
 
-const componentName$1m = getComponentName('image');
+const componentName$1n = getComponentName('image');
 
 const srcAttrs = ['src', 'src-dark'];
 
 class RawImage extends createBaseClass$1({
-  componentName: componentName$1m,
+  componentName: componentName$1n,
   baseSelector: 'slot',
 }) {
   static get observedAttributes() {
@@ -3275,7 +3275,7 @@ const ImageClass = compose(
   componentNameValidationMixin$1,
 )(RawImage);
 
-const componentName$1l = getComponentName('icon');
+const componentName$1m = getComponentName('icon');
 
 const IconClass = compose(
   createStyleMixin$1({
@@ -3296,7 +3296,7 @@ const IconClass = compose(
       }
       `,
     excludeAttrsSync: ['tabindex', 'class', 'style'],
-    componentName: componentName$1l,
+    componentName: componentName$1m,
   }),
 );
 
@@ -3311,7 +3311,7 @@ const clickableMixin = (superclass) =>
     }
   };
 
-const componentName$1k = getComponentName('button');
+const componentName$1l = getComponentName('button');
 
 const resetStyles = `
 	:host {
@@ -3349,7 +3349,7 @@ const iconStyles = `
 
 const editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;
 
-const { host: host$y, label: label$a, slottedIcon } = {
+const { host: host$z, label: label$a, slottedIcon } = {
   host: { selector: () => ':host' },
   label: { selector: '::part(label)' },
   slottedIcon: { selector: () => '::slotted(descope-icon)' },
@@ -3363,7 +3363,7 @@ const ButtonClass = compose(
     mappings: {
       hostWidth: { property: 'width' },
       hostHeight: { property: 'height' },
-      hostDirection: { ...host$y, property: 'direction' },
+      hostDirection: { ...host$z, property: 'direction' },
       fontSize: {},
       fontFamily: {},
       fontWeight: {},
@@ -3432,7 +3432,7 @@ const ButtonClass = compose(
 			}
 		`,
     excludeAttrsSync: ['tabindex', 'class', 'style'],
-    componentName: componentName$1k,
+    componentName: componentName$1l,
   }),
 );
 
@@ -3482,7 +3482,7 @@ const mode = {
 
 const [helperTheme$7, helperRefs$7, helperVars$6] = createHelperVars$1(
   { mode },
-  componentName$1k,
+  componentName$1l,
 );
 
 const button = {
@@ -3596,7 +3596,7 @@ const button = {
   },
 };
 
-const vars$16 = {
+const vars$17 = {
   ...compVars$9,
   ...helperVars$6,
 };
@@ -3604,13 +3604,13 @@ const vars$16 = {
 var button$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: button,
-  vars: vars$16
+  vars: vars$17
 });
 
-const componentName$1j = getComponentName('text');
+const componentName$1k = getComponentName('text');
 
 class RawText extends createBaseClass$1({
-  componentName: componentName$1j,
+  componentName: componentName$1k,
   baseSelector: ':host > slot',
 }) {
   constructor() {
@@ -3646,15 +3646,15 @@ class RawText extends createBaseClass$1({
   }
 }
 
-const { host: host$x } = {
+const { host: host$y } = {
   host: { selector: () => ':host' }
 };
 
 const TextClass = compose(
   createStyleMixin$1({
     mappings: {
-      hostWidth: { ...host$x, property: 'width' },
-      hostDirection: { ...host$x, property: 'direction' },
+      hostWidth: { ...host$y, property: 'width' },
+      hostDirection: { ...host$y, property: 'direction' },
       fontSize: {},
       textColor: [
         { property: 'color' }
@@ -3677,106 +3677,106 @@ const TextClass = compose(
 )(RawText);
 
 const globalRefs$G = getThemeRefs$1(globals);
-const vars$15 = TextClass.cssVarList;
+const vars$16 = TextClass.cssVarList;
 
 const text$3 = {
-  [vars$15.hostDirection]: globalRefs$G.direction,
-  [vars$15.textLineHeight]: '1.35em',
-  [vars$15.textAlign]: 'start',
-  [vars$15.textColor]: globalRefs$G.colors.surface.dark,
+  [vars$16.hostDirection]: globalRefs$G.direction,
+  [vars$16.textLineHeight]: '1.35em',
+  [vars$16.textAlign]: 'start',
+  [vars$16.textColor]: globalRefs$G.colors.surface.dark,
 
   variant: {
     h1: {
-      [vars$15.fontSize]: globalRefs$G.typography.h1.size,
-      [vars$15.fontWeight]: globalRefs$G.typography.h1.weight,
-      [vars$15.fontFamily]: globalRefs$G.typography.h1.font,
+      [vars$16.fontSize]: globalRefs$G.typography.h1.size,
+      [vars$16.fontWeight]: globalRefs$G.typography.h1.weight,
+      [vars$16.fontFamily]: globalRefs$G.typography.h1.font,
     },
     h2: {
-      [vars$15.fontSize]: globalRefs$G.typography.h2.size,
-      [vars$15.fontWeight]: globalRefs$G.typography.h2.weight,
-      [vars$15.fontFamily]: globalRefs$G.typography.h2.font,
+      [vars$16.fontSize]: globalRefs$G.typography.h2.size,
+      [vars$16.fontWeight]: globalRefs$G.typography.h2.weight,
+      [vars$16.fontFamily]: globalRefs$G.typography.h2.font,
     },
     h3: {
-      [vars$15.fontSize]: globalRefs$G.typography.h3.size,
-      [vars$15.fontWeight]: globalRefs$G.typography.h3.weight,
-      [vars$15.fontFamily]: globalRefs$G.typography.h3.font,
+      [vars$16.fontSize]: globalRefs$G.typography.h3.size,
+      [vars$16.fontWeight]: globalRefs$G.typography.h3.weight,
+      [vars$16.fontFamily]: globalRefs$G.typography.h3.font,
     },
     subtitle1: {
-      [vars$15.fontSize]: globalRefs$G.typography.subtitle1.size,
-      [vars$15.fontWeight]: globalRefs$G.typography.subtitle1.weight,
-      [vars$15.fontFamily]: globalRefs$G.typography.subtitle1.font,
+      [vars$16.fontSize]: globalRefs$G.typography.subtitle1.size,
+      [vars$16.fontWeight]: globalRefs$G.typography.subtitle1.weight,
+      [vars$16.fontFamily]: globalRefs$G.typography.subtitle1.font,
     },
     subtitle2: {
-      [vars$15.fontSize]: globalRefs$G.typography.subtitle2.size,
-      [vars$15.fontWeight]: globalRefs$G.typography.subtitle2.weight,
-      [vars$15.fontFamily]: globalRefs$G.typography.subtitle2.font,
+      [vars$16.fontSize]: globalRefs$G.typography.subtitle2.size,
+      [vars$16.fontWeight]: globalRefs$G.typography.subtitle2.weight,
+      [vars$16.fontFamily]: globalRefs$G.typography.subtitle2.font,
     },
     body1: {
-      [vars$15.fontSize]: globalRefs$G.typography.body1.size,
-      [vars$15.fontWeight]: globalRefs$G.typography.body1.weight,
-      [vars$15.fontFamily]: globalRefs$G.typography.body1.font,
+      [vars$16.fontSize]: globalRefs$G.typography.body1.size,
+      [vars$16.fontWeight]: globalRefs$G.typography.body1.weight,
+      [vars$16.fontFamily]: globalRefs$G.typography.body1.font,
     },
     body2: {
-      [vars$15.fontSize]: globalRefs$G.typography.body2.size,
-      [vars$15.fontWeight]: globalRefs$G.typography.body2.weight,
-      [vars$15.fontFamily]: globalRefs$G.typography.body2.font,
+      [vars$16.fontSize]: globalRefs$G.typography.body2.size,
+      [vars$16.fontWeight]: globalRefs$G.typography.body2.weight,
+      [vars$16.fontFamily]: globalRefs$G.typography.body2.font,
     },
   },
 
   mode: {
     primary: {
-      [vars$15.textColor]: globalRefs$G.colors.surface.contrast,
+      [vars$16.textColor]: globalRefs$G.colors.surface.contrast,
     },
     secondary: {
-      [vars$15.textColor]: globalRefs$G.colors.surface.dark,
+      [vars$16.textColor]: globalRefs$G.colors.surface.dark,
     },
     error: {
-      [vars$15.textColor]: globalRefs$G.colors.error.main,
+      [vars$16.textColor]: globalRefs$G.colors.error.main,
     },
     'error-dark': {
-      [vars$15.textColor]: globalRefs$G.colors.error.dark,
+      [vars$16.textColor]: globalRefs$G.colors.error.dark,
     },
     success: {
-      [vars$15.textColor]: globalRefs$G.colors.success.main,
+      [vars$16.textColor]: globalRefs$G.colors.success.main,
     },
     'success-dark': {
-      [vars$15.textColor]: globalRefs$G.colors.success.dark,
+      [vars$16.textColor]: globalRefs$G.colors.success.dark,
     },
     warning: {
-      [vars$15.textColor]: globalRefs$G.colors.warning.main,
+      [vars$16.textColor]: globalRefs$G.colors.warning.main,
     },
     'warning-dark': {
-      [vars$15.textColor]: globalRefs$G.colors.warning.dark,
+      [vars$16.textColor]: globalRefs$G.colors.warning.dark,
     },
   },
 
   textAlign: {
-    right: { [vars$15.textAlign]: 'right' },
-    left: { [vars$15.textAlign]: 'left' },
-    center: { [vars$15.textAlign]: 'center' },
+    right: { [vars$16.textAlign]: 'right' },
+    left: { [vars$16.textAlign]: 'left' },
+    center: { [vars$16.textAlign]: 'center' },
   },
 
   _fullWidth: {
-    [vars$15.hostWidth]: '100%',
+    [vars$16.hostWidth]: '100%',
   },
 
   _italic: {
-    [vars$15.fontStyle]: 'italic',
+    [vars$16.fontStyle]: 'italic',
   },
 
   _uppercase: {
-    [vars$15.textTransform]: 'uppercase',
+    [vars$16.textTransform]: 'uppercase',
   },
 
   _lowercase: {
-    [vars$15.textTransform]: 'lowercase',
+    [vars$16.textTransform]: 'lowercase',
   },
 };
 
 var text$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: text$3,
-  vars: vars$15
+  vars: vars$16
 });
 
 const disableRules = [
@@ -3803,9 +3803,9 @@ const decodeHTML = (html) => {
 /* eslint-disable no-param-reassign */
 
 
-const componentName$1i = getComponentName('enriched-text');
+const componentName$1j = getComponentName('enriched-text');
 
-class EnrichedText extends createBaseClass$1({ componentName: componentName$1i, baseSelector: ':host > div' }) {
+class EnrichedText extends createBaseClass$1({ componentName: componentName$1j, baseSelector: ':host > div' }) {
   #origLinkRenderer;
 
   #origEmRenderer;
@@ -4010,12 +4010,12 @@ const EnrichedTextClass = compose(
   componentNameValidationMixin$1
 )(EnrichedText);
 
-const componentName$1h = getComponentName('link');
+const componentName$1i = getComponentName('link');
 
 const observedAttrs$6 = ['href', 'readonly'];
 
 class RawLink extends createBaseClass$1({
-  componentName: componentName$1h,
+  componentName: componentName$1i,
   baseSelector: ':host a',
 }) {
   static get observedAttributes() {
@@ -4090,12 +4090,12 @@ const selectors$3 = {
   text: { selector: () => TextClass.componentName },
 };
 
-const { anchor, text: text$2, host: host$w, wrapper: wrapper$1, link: link$3 } = selectors$3;
+const { anchor, text: text$2, host: host$x, wrapper: wrapper$1, link: link$3 } = selectors$3;
 
 const LinkClass = compose(
   createStyleMixin$1({
     mappings: {
-      hostWidth: { ...host$w, property: 'width' },
+      hostWidth: { ...host$x, property: 'width' },
       hostDirection: { ...text$2, property: 'direction' },
       textAlign: wrapper$1,
       textDecoration: {
@@ -4115,31 +4115,31 @@ const LinkClass = compose(
 )(RawLink);
 
 const globalRefs$F = getThemeRefs$1(globals);
-const vars$14 = LinkClass.cssVarList;
+const vars$15 = LinkClass.cssVarList;
 
 const link$1 = {
-  [vars$14.hostDirection]: globalRefs$F.direction,
-  [vars$14.cursor]: 'pointer',
+  [vars$15.hostDirection]: globalRefs$F.direction,
+  [vars$15.cursor]: 'pointer',
 
-  [vars$14.textColor]: globalRefs$F.colors.primary.main,
+  [vars$15.textColor]: globalRefs$F.colors.primary.main,
 
   textAlign: {
-    right: { [vars$14.textAlign]: 'right' },
-    left: { [vars$14.textAlign]: 'left' },
-    center: { [vars$14.textAlign]: 'center' },
+    right: { [vars$15.textAlign]: 'right' },
+    left: { [vars$15.textAlign]: 'left' },
+    center: { [vars$15.textAlign]: 'center' },
   },
 
   _fullWidth: {
-    [vars$14.hostWidth]: '100%',
+    [vars$15.hostWidth]: '100%',
   },
 
   _hover: {
-    [vars$14.textDecoration]: 'underline',
+    [vars$15.textDecoration]: 'underline',
   },
 
   mode: {
     secondary: {
-      [vars$14.textColor]: globalRefs$F.colors.secondary.main,
+      [vars$15.textColor]: globalRefs$F.colors.secondary.main,
     },
   },
 };
@@ -4147,37 +4147,37 @@ const link$1 = {
 var link$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: link$1,
-  vars: vars$14
+  vars: vars$15
 });
 
 const globalRefs$E = getThemeRefs$1(globals);
-const vars$13 = EnrichedTextClass.cssVarList;
+const vars$14 = EnrichedTextClass.cssVarList;
 
 const enrichedText = {
-  [vars$13.hostDirection]: globalRefs$E.direction,
-  [vars$13.hostWidth]: useVar$1(vars$15.hostWidth),
+  [vars$14.hostDirection]: globalRefs$E.direction,
+  [vars$14.hostWidth]: useVar$1(vars$16.hostWidth),
 
-  [vars$13.textLineHeight]: useVar$1(vars$15.textLineHeight),
-  [vars$13.textColor]: useVar$1(vars$15.textColor),
-  [vars$13.textAlign]: useVar$1(vars$15.textAlign),
+  [vars$14.textLineHeight]: useVar$1(vars$16.textLineHeight),
+  [vars$14.textColor]: useVar$1(vars$16.textColor),
+  [vars$14.textAlign]: useVar$1(vars$16.textAlign),
 
-  [vars$13.fontSize]: useVar$1(vars$15.fontSize),
-  [vars$13.fontWeight]: useVar$1(vars$15.fontWeight),
-  [vars$13.fontFamily]: useVar$1(vars$15.fontFamily),
+  [vars$14.fontSize]: useVar$1(vars$16.fontSize),
+  [vars$14.fontWeight]: useVar$1(vars$16.fontWeight),
+  [vars$14.fontFamily]: useVar$1(vars$16.fontFamily),
 
-  [vars$13.linkColor]: useVar$1(vars$14.textColor),
-  [vars$13.linkTextDecoration]: 'none',
-  [vars$13.linkHoverTextDecoration]: 'underline',
+  [vars$14.linkColor]: useVar$1(vars$15.textColor),
+  [vars$14.linkTextDecoration]: 'none',
+  [vars$14.linkHoverTextDecoration]: 'underline',
 
-  [vars$13.fontWeightBold]: '900',
-  [vars$13.minWidth]: '0.25em',
-  [vars$13.minHeight]: '1.35em',
+  [vars$14.fontWeightBold]: '900',
+  [vars$14.minWidth]: '0.25em',
+  [vars$14.minHeight]: '1.35em',
 
-  [vars$13.hostDisplay]: 'inline-block',
+  [vars$14.hostDisplay]: 'inline-block',
 
   _empty: {
     _hideWhenEmpty: {
-      [vars$13.hostDisplay]: 'none',
+      [vars$14.hostDisplay]: 'none',
     },
   },
 };
@@ -4185,10 +4185,10 @@ const enrichedText = {
 var enrichedText$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: enrichedText,
-  vars: vars$13
+  vars: vars$14
 });
 
-const componentName$1g = getComponentName('combo-box');
+const componentName$1h = getComponentName('combo-box');
 
 const ComboBoxMixin = (superclass) =>
   class ComboBoxMixinClass extends superclass {
@@ -4578,7 +4578,7 @@ const ComboBoxMixin = (superclass) =>
   };
 
 const {
-  host: host$v,
+  host: host$w,
   inputField: inputField$6,
   inputElement: inputElement$3,
   placeholder: placeholder$3,
@@ -4610,10 +4610,10 @@ const {
 const ComboBoxClass = compose(
   createStyleMixin$1({
     mappings: {
-      hostWidth: { ...host$v, property: 'width' },
-      hostDirection: { ...host$v, property: 'direction' },
+      hostWidth: { ...host$w, property: 'width' },
+      hostDirection: { ...host$w, property: 'direction' },
       // we apply font-size also on the host so we can set its width with em
-      fontSize: [{}, host$v],
+      fontSize: [{}, host$w],
       fontFamily: [label$9, placeholder$3, inputField$6, helperText$a, errorMessage$d],
       labelFontSize: { ...label$9, property: 'font-size' },
       labelFontWeight: { ...label$9, property: 'font-weight' },
@@ -4881,12 +4881,12 @@ const ComboBoxClass = compose(
     // and reset items to an empty array, and opening the list box with no items
     // to display.
     excludeAttrsSync: ['tabindex', 'size', 'data', 'loading', 'style'],
-    componentName: componentName$1g,
+    componentName: componentName$1h,
     includeForwardProps: ['items', 'renderer', 'selectedItem'],
   }),
 );
 
-const componentName$1f = getComponentName('input-wrapper');
+const componentName$1g = getComponentName('input-wrapper');
 const globalRefs$D = getThemeRefs$1(globals);
 
 const [theme$2, refs$1] = createHelperVars$1(
@@ -5012,107 +5012,107 @@ const [theme$2, refs$1] = createHelperVars$1(
       backgroundColor: globalRefs$D.colors.surface.main,
     },
   },
-  componentName$1f,
+  componentName$1g,
 );
 
 const globalRefs$C = getThemeRefs$1(globals);
-const vars$12 = ComboBoxClass.cssVarList;
+const vars$13 = ComboBoxClass.cssVarList;
 
 const comboBox = {
-  [vars$12.hostWidth]: refs$1.width,
-  [vars$12.hostDirection]: refs$1.direction,
-  [vars$12.fontSize]: refs$1.fontSize,
-  [vars$12.fontFamily]: refs$1.fontFamily,
-  [vars$12.labelFontSize]: refs$1.labelFontSize,
-  [vars$12.labelFontWeight]: refs$1.labelFontWeight,
-  [vars$12.inputValueFontWeight]: refs$1.inputValueFontWeight,
-  [vars$12.inputPlaceholderFontWeight]: refs$1.inputPlaceholderFontWeight,
-  [vars$12.helperTextFontWeight]: refs$1.helperTextFontWeight,
-  [vars$12.errorMessageFontWeight]: refs$1.errorMessageFontWeight,
-  [vars$12.labelTextColor]: refs$1.labelTextColor,
-  [vars$12.errorMessageTextColor]: refs$1.errorMessageTextColor,
-  [vars$12.inputBorderColor]: refs$1.borderColor,
-  [vars$12.inputBorderWidth]: refs$1.borderWidth,
-  [vars$12.inputBorderStyle]: refs$1.borderStyle,
-  [vars$12.inputBorderRadius]: refs$1.borderRadius,
-  [vars$12.inputOutlineColor]: refs$1.outlineColor,
-  [vars$12.inputOutlineOffset]: refs$1.outlineOffset,
-  [vars$12.inputOutlineWidth]: refs$1.outlineWidth,
-  [vars$12.inputOutlineStyle]: refs$1.outlineStyle,
-  [vars$12.labelRequiredIndicator]: refs$1.requiredIndicator,
-  [vars$12.inputValueTextColor]: refs$1.valueTextColor,
-  [vars$12.inputPlaceholderTextColor]: refs$1.placeholderTextColor,
-  [vars$12.inputBackgroundColor]: refs$1.backgroundColor,
-  [vars$12.inputHorizontalPadding]: refs$1.horizontalPadding,
-  [vars$12.inputHeight]: refs$1.inputHeight,
-  [vars$12.inputDropdownButtonColor]: globalRefs$C.colors.surface.dark,
-  [vars$12.inputDropdownButtonCursor]: 'pointer',
-  [vars$12.inputDropdownButtonSize]: refs$1.toggleButtonSize,
-  [vars$12.inputDropdownButtonOffset]: globalRefs$C.spacing.xs,
-  [vars$12.overlayItemPaddingInlineStart]: globalRefs$C.spacing.xs,
-  [vars$12.overlayItemPaddingInlineEnd]: globalRefs$C.spacing.lg,
-  [vars$12.labelPosition]: refs$1.labelPosition,
-  [vars$12.labelTopPosition]: refs$1.labelTopPosition,
-  [vars$12.labelHorizontalPosition]: refs$1.labelHorizontalPosition,
-  [vars$12.inputTransformY]: refs$1.inputTransformY,
-  [vars$12.inputTransition]: refs$1.inputTransition,
-  [vars$12.marginInlineStart]: refs$1.marginInlineStart,
-  [vars$12.placeholderOpacity]: refs$1.placeholderOpacity,
-  [vars$12.inputVerticalAlignment]: refs$1.inputVerticalAlignment,
-  [vars$12.valueInputHeight]: refs$1.valueInputHeight,
-  [vars$12.valueInputMarginBottom]: refs$1.valueInputMarginBottom,
+  [vars$13.hostWidth]: refs$1.width,
+  [vars$13.hostDirection]: refs$1.direction,
+  [vars$13.fontSize]: refs$1.fontSize,
+  [vars$13.fontFamily]: refs$1.fontFamily,
+  [vars$13.labelFontSize]: refs$1.labelFontSize,
+  [vars$13.labelFontWeight]: refs$1.labelFontWeight,
+  [vars$13.inputValueFontWeight]: refs$1.inputValueFontWeight,
+  [vars$13.inputPlaceholderFontWeight]: refs$1.inputPlaceholderFontWeight,
+  [vars$13.helperTextFontWeight]: refs$1.helperTextFontWeight,
+  [vars$13.errorMessageFontWeight]: refs$1.errorMessageFontWeight,
+  [vars$13.labelTextColor]: refs$1.labelTextColor,
+  [vars$13.errorMessageTextColor]: refs$1.errorMessageTextColor,
+  [vars$13.inputBorderColor]: refs$1.borderColor,
+  [vars$13.inputBorderWidth]: refs$1.borderWidth,
+  [vars$13.inputBorderStyle]: refs$1.borderStyle,
+  [vars$13.inputBorderRadius]: refs$1.borderRadius,
+  [vars$13.inputOutlineColor]: refs$1.outlineColor,
+  [vars$13.inputOutlineOffset]: refs$1.outlineOffset,
+  [vars$13.inputOutlineWidth]: refs$1.outlineWidth,
+  [vars$13.inputOutlineStyle]: refs$1.outlineStyle,
+  [vars$13.labelRequiredIndicator]: refs$1.requiredIndicator,
+  [vars$13.inputValueTextColor]: refs$1.valueTextColor,
+  [vars$13.inputPlaceholderTextColor]: refs$1.placeholderTextColor,
+  [vars$13.inputBackgroundColor]: refs$1.backgroundColor,
+  [vars$13.inputHorizontalPadding]: refs$1.horizontalPadding,
+  [vars$13.inputHeight]: refs$1.inputHeight,
+  [vars$13.inputDropdownButtonColor]: globalRefs$C.colors.surface.dark,
+  [vars$13.inputDropdownButtonCursor]: 'pointer',
+  [vars$13.inputDropdownButtonSize]: refs$1.toggleButtonSize,
+  [vars$13.inputDropdownButtonOffset]: globalRefs$C.spacing.xs,
+  [vars$13.overlayItemPaddingInlineStart]: globalRefs$C.spacing.xs,
+  [vars$13.overlayItemPaddingInlineEnd]: globalRefs$C.spacing.lg,
+  [vars$13.labelPosition]: refs$1.labelPosition,
+  [vars$13.labelTopPosition]: refs$1.labelTopPosition,
+  [vars$13.labelHorizontalPosition]: refs$1.labelHorizontalPosition,
+  [vars$13.inputTransformY]: refs$1.inputTransformY,
+  [vars$13.inputTransition]: refs$1.inputTransition,
+  [vars$13.marginInlineStart]: refs$1.marginInlineStart,
+  [vars$13.placeholderOpacity]: refs$1.placeholderOpacity,
+  [vars$13.inputVerticalAlignment]: refs$1.inputVerticalAlignment,
+  [vars$13.valueInputHeight]: refs$1.valueInputHeight,
+  [vars$13.valueInputMarginBottom]: refs$1.valueInputMarginBottom,
 
   // error message icon
-  [vars$12.errorMessageIcon]: refs$1.errorMessageIcon,
-  [vars$12.errorMessageIconSize]: refs$1.errorMessageIconSize,
-  [vars$12.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
-  [vars$12.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
-  [vars$12.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
-  [vars$12.errorMessageFontSize]: refs$1.errorMessageFontSize,
+  [vars$13.errorMessageIcon]: refs$1.errorMessageIcon,
+  [vars$13.errorMessageIconSize]: refs$1.errorMessageIconSize,
+  [vars$13.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
+  [vars$13.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
+  [vars$13.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+  [vars$13.errorMessageFontSize]: refs$1.errorMessageFontSize,
 
   _readonly: {
-    [vars$12.inputDropdownButtonCursor]: 'default',
+    [vars$13.inputDropdownButtonCursor]: 'default',
   },
 
   // Overlay theme exposed via the component:
-  [vars$12.overlayFontSize]: refs$1.fontSize,
-  [vars$12.overlayFontFamily]: refs$1.fontFamily,
-  [vars$12.overlayCursor]: 'pointer',
-  [vars$12.overlayItemBoxShadow]: 'none',
-  [vars$12.overlayBackground]: refs$1.backgroundColor,
-  [vars$12.overlayTextColor]: refs$1.valueTextColor,
-  [vars$12.overlayCheckmarkDisplay]: 'initial',
-  [vars$12.overlaySelectedItemBackground]: 'initial',
-  [vars$12.overlaySelectedItemHoverBackground]:
+  [vars$13.overlayFontSize]: refs$1.fontSize,
+  [vars$13.overlayFontFamily]: refs$1.fontFamily,
+  [vars$13.overlayCursor]: 'pointer',
+  [vars$13.overlayItemBoxShadow]: 'none',
+  [vars$13.overlayBackground]: refs$1.backgroundColor,
+  [vars$13.overlayTextColor]: refs$1.valueTextColor,
+  [vars$13.overlayCheckmarkDisplay]: 'initial',
+  [vars$13.overlaySelectedItemBackground]: 'initial',
+  [vars$13.overlaySelectedItemHoverBackground]:
     globalRefs$C.colors.primary.highlight,
-  [vars$12.overlaySelectedItemFocusBackground]:
+  [vars$13.overlaySelectedItemFocusBackground]:
     globalRefs$C.colors.primary.highlight,
-  [vars$12.overlayItemHoverBackground]: globalRefs$C.colors.primary.highlight,
-  [vars$12.overlayItemFocusBackground]: globalRefs$C.colors.primary.highlight,
+  [vars$13.overlayItemHoverBackground]: globalRefs$C.colors.primary.highlight,
+  [vars$13.overlayItemFocusBackground]: globalRefs$C.colors.primary.highlight,
 
   // Overlay direct theme:
-  [vars$12.overlay.minHeight]: '400px',
-  [vars$12.overlay.margin]: '0',
+  [vars$13.overlay.minHeight]: '400px',
+  [vars$13.overlay.margin]: '0',
 
-  [vars$12.overlay.contentHeight]: '100%',
-  [vars$12.overlay.contentOpacity]: '1',
-  [vars$12.overlay.scrollerMinHeight]: '1px',
+  [vars$13.overlay.contentHeight]: '100%',
+  [vars$13.overlay.contentOpacity]: '1',
+  [vars$13.overlay.scrollerMinHeight]: '1px',
   _loading: {
-    [vars$12.overlay.loaderTop]: '50%',
-    [vars$12.overlay.loaderLeft]: '50%',
-    [vars$12.overlay.loaderRight]: 'auto',
+    [vars$13.overlay.loaderTop]: '50%',
+    [vars$13.overlay.loaderLeft]: '50%',
+    [vars$13.overlay.loaderRight]: 'auto',
     // Margin has to be negative to center the loader, "transform" can't be used because the animation uses it
     // Margin has to be half of the width/height of the loader to center it
-    [vars$12.overlay.loaderMargin]: '-15px 0 0 -15px',
-    [vars$12.overlay.loaderWidth]: '30px',
-    [vars$12.overlay.loaderHeight]: '30px',
-    [vars$12.overlay.loaderBorder]: '2px solid transparent',
-    [vars$12.overlay.loaderBorderColor]:
+    [vars$13.overlay.loaderMargin]: '-15px 0 0 -15px',
+    [vars$13.overlay.loaderWidth]: '30px',
+    [vars$13.overlay.loaderHeight]: '30px',
+    [vars$13.overlay.loaderBorder]: '2px solid transparent',
+    [vars$13.overlay.loaderBorderColor]:
       `${globalRefs$C.colors.primary.highlight} ${globalRefs$C.colors.primary.highlight} ${globalRefs$C.colors.primary.main} ${globalRefs$C.colors.primary.main}`,
-    [vars$12.overlay.loaderBorderRadius]: '50%',
-    [vars$12.overlay.contentHeight]: '100px',
-    [vars$12.overlay.scrollerMinHeight]: '100px',
-    [vars$12.overlay.contentOpacity]: '0',
+    [vars$13.overlay.loaderBorderRadius]: '50%',
+    [vars$13.overlay.contentHeight]: '100px',
+    [vars$13.overlay.scrollerMinHeight]: '100px',
+    [vars$13.overlay.contentOpacity]: '0',
   },
 };
 
@@ -5120,13 +5120,13 @@ var comboBox$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   comboBox: comboBox,
   default: comboBox,
-  vars: vars$12
+  vars: vars$13
 });
 
-const componentName$1e = getComponentName('badge');
+const componentName$1f = getComponentName('badge');
 
 class RawBadge extends createBaseClass$1({
-  componentName: componentName$1e,
+  componentName: componentName$1f,
   baseSelector: ':host > div',
 }) {
   static get observedAttributes() {
@@ -5221,46 +5221,46 @@ const [helperTheme$6, helperRefs$6] = createHelperVars$1(
   {
     shadowColor: '#00000020', // if we want to support transparency vars, we should use different color format
   },
-  componentName$1e,
+  componentName$1f,
 );
 
 const { shadowColor: shadowColor$6 } = helperRefs$6;
 
-const vars$11 = BadgeClass.cssVarList;
+const vars$12 = BadgeClass.cssVarList;
 
 const badge$2 = {
   ...helperTheme$6,
 
-  [vars$11.hostWidth]: 'fit-content',
-  [vars$11.hostDirection]: globalRefs$B.direction,
+  [vars$12.hostWidth]: 'fit-content',
+  [vars$12.hostDirection]: globalRefs$B.direction,
 
-  [vars$11.textAlign]: 'center',
+  [vars$12.textAlign]: 'center',
 
-  [vars$11.fontFamily]: globalRefs$B.fonts.font1.family,
-  [vars$11.fontWeight]: '400',
+  [vars$12.fontFamily]: globalRefs$B.fonts.font1.family,
+  [vars$12.fontWeight]: '400',
 
-  [vars$11.verticalPadding]: '0.25em',
-  [vars$11.horizontalPadding]: '0.5em',
+  [vars$12.verticalPadding]: '0.25em',
+  [vars$12.horizontalPadding]: '0.5em',
 
-  [vars$11.borderWidth]: globalRefs$B.border.xs,
-  [vars$11.borderRadius]: globalRefs$B.radius.xs,
-  [vars$11.borderColor]: 'transparent',
-  [vars$11.borderStyle]: 'solid',
+  [vars$12.borderWidth]: globalRefs$B.border.xs,
+  [vars$12.borderRadius]: globalRefs$B.radius.xs,
+  [vars$12.borderColor]: 'transparent',
+  [vars$12.borderStyle]: 'solid',
 
   _fullWidth: {
-    [vars$11.hostWidth]: '100%',
+    [vars$12.hostWidth]: '100%',
   },
 
   size: {
-    xs: { [vars$11.fontSize]: '12px' },
-    sm: { [vars$11.fontSize]: '14px' },
-    md: { [vars$11.fontSize]: '16px' },
-    lg: { [vars$11.fontSize]: '18px' },
+    xs: { [vars$12.fontSize]: '12px' },
+    sm: { [vars$12.fontSize]: '14px' },
+    md: { [vars$12.fontSize]: '16px' },
+    lg: { [vars$12.fontSize]: '18px' },
   },
 
   variant: {
     contained: {
-      [vars$11.backgroundColor]: globalRefs$B.colors.surface.main,
+      [vars$12.backgroundColor]: globalRefs$B.colors.surface.main,
     },
   },
 
@@ -5279,58 +5279,58 @@ const badge$2 = {
   // },
 
   _shrinkToIndicator: {
-    [vars$11.hostWidth]: '13px',
-    [vars$11.hostHeight]: '13px',
-    [vars$11.borderRadius]: '50%',
-    [vars$11.fontSize]: '0',
-    [vars$11.textIndent]: '-9999px',
+    [vars$12.hostWidth]: '13px',
+    [vars$12.hostHeight]: '13px',
+    [vars$12.borderRadius]: '50%',
+    [vars$12.fontSize]: '0',
+    [vars$12.textIndent]: '-9999px',
   },
 
   mode: {
     default: {
-      [vars$11.textColor]: globalRefs$B.colors.surface.dark,
+      [vars$12.textColor]: globalRefs$B.colors.surface.dark,
       _bordered: {
-        [vars$11.borderColor]: globalRefs$B.colors.surface.light,
+        [vars$12.borderColor]: globalRefs$B.colors.surface.light,
       },
     },
     primary: {
-      [vars$11.textColor]: globalRefs$B.colors.primary.main,
+      [vars$12.textColor]: globalRefs$B.colors.primary.main,
       _bordered: {
-        [vars$11.borderColor]: globalRefs$B.colors.primary.light,
+        [vars$12.borderColor]: globalRefs$B.colors.primary.light,
       },
     },
     secondary: {
-      [vars$11.textColor]: globalRefs$B.colors.secondary.main,
+      [vars$12.textColor]: globalRefs$B.colors.secondary.main,
       _bordered: {
-        [vars$11.borderColor]: globalRefs$B.colors.secondary.light,
+        [vars$12.borderColor]: globalRefs$B.colors.secondary.light,
       },
     },
     error: {
-      [vars$11.textColor]: globalRefs$B.colors.error.main,
+      [vars$12.textColor]: globalRefs$B.colors.error.main,
       _bordered: {
-        [vars$11.borderColor]: globalRefs$B.colors.error.light,
+        [vars$12.borderColor]: globalRefs$B.colors.error.light,
       },
     },
     success: {
-      [vars$11.textColor]: globalRefs$B.colors.success.main,
+      [vars$12.textColor]: globalRefs$B.colors.success.main,
       _bordered: {
-        [vars$11.borderColor]: globalRefs$B.colors.success.light,
+        [vars$12.borderColor]: globalRefs$B.colors.success.light,
       },
     },
   },
 
   shadow: {
     sm: {
-      [vars$11.boxShadow]: `${globalRefs$B.shadow.wide.sm} ${shadowColor$6}, ${globalRefs$B.shadow.narrow.sm} ${shadowColor$6}`,
+      [vars$12.boxShadow]: `${globalRefs$B.shadow.wide.sm} ${shadowColor$6}, ${globalRefs$B.shadow.narrow.sm} ${shadowColor$6}`,
     },
     md: {
-      [vars$11.boxShadow]: `${globalRefs$B.shadow.wide.md} ${shadowColor$6}, ${globalRefs$B.shadow.narrow.md} ${shadowColor$6}`,
+      [vars$12.boxShadow]: `${globalRefs$B.shadow.wide.md} ${shadowColor$6}, ${globalRefs$B.shadow.narrow.md} ${shadowColor$6}`,
     },
     lg: {
-      [vars$11.boxShadow]: `${globalRefs$B.shadow.wide.lg} ${shadowColor$6}, ${globalRefs$B.shadow.narrow.lg} ${shadowColor$6}`,
+      [vars$12.boxShadow]: `${globalRefs$B.shadow.wide.lg} ${shadowColor$6}, ${globalRefs$B.shadow.narrow.lg} ${shadowColor$6}`,
     },
     xl: {
-      [vars$11.boxShadow]: `${globalRefs$B.shadow.wide.xl} ${shadowColor$6}, ${globalRefs$B.shadow.narrow.xl} ${shadowColor$6}`,
+      [vars$12.boxShadow]: `${globalRefs$B.shadow.wide.xl} ${shadowColor$6}, ${globalRefs$B.shadow.narrow.xl} ${shadowColor$6}`,
     },
   },
 };
@@ -5338,12 +5338,12 @@ const badge$2 = {
 var badge$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: badge$2,
-  vars: vars$11
+  vars: vars$12
 });
 
-const componentName$1d = getComponentName('avatar');
+const componentName$1e = getComponentName('avatar');
 class RawAvatar extends createBaseClass$1({
-  componentName: componentName$1d,
+  componentName: componentName$1e,
   baseSelector: ':host > .wrapper',
 }) {
   constructor() {
@@ -5421,7 +5421,7 @@ class RawAvatar extends createBaseClass$1({
   }
 }
 
-const { host: host$u, editableBadge, avatar: avatar$2 } = {
+const { host: host$v, editableBadge, avatar: avatar$2 } = {
   host: { selector: () => ':host' },
   editableBadge: { selector: '> .editableBadge' },
   avatar: { selector: 'vaadin-avatar' },
@@ -5431,12 +5431,12 @@ const AvatarClass = compose(
   createStyleMixin$1({
     mappings: {
       hostWidth: [
-        { ...host$u, property: 'width' },
-        { ...host$u, property: 'min-width' },
+        { ...host$v, property: 'width' },
+        { ...host$v, property: 'min-width' },
       ],
-      hostHeight: { ...host$u, property: 'height' },
-      cursor: [avatar$2, host$u],
-      hostDirection: { ...host$u, property: 'direction' },
+      hostHeight: { ...host$v, property: 'height' },
+      cursor: [avatar$2, host$v],
+      hostDirection: { ...host$v, property: 'direction' },
       avatarTextColor: { ...avatar$2, property: 'color' },
       avatarBackgroundColor: { ...avatar$2, property: 'background-color' },
       editableIconColor: { ...editableBadge, property: 'color' },
@@ -5494,37 +5494,37 @@ const avatar = {
   },
 };
 
-const vars$10 = {
+const vars$11 = {
   ...compVars$8,
 };
 
 var avatar$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: avatar,
-  vars: vars$10
+  vars: vars$11
 });
 
-const vars$$ = IconClass.cssVarList;
+const vars$10 = IconClass.cssVarList;
 
 const icon$3 = {};
 
 var icon$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: icon$3,
-  vars: vars$$
+  vars: vars$10
 });
 
-const vars$_ = ImageClass.cssVarList;
+const vars$$ = ImageClass.cssVarList;
 
 const image = {};
 
 var image$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: image,
-  vars: vars$_
+  vars: vars$$
 });
 
-const componentName$1c = getComponentName('list-item');
+const componentName$1d = getComponentName('list-item');
 
 const customMixin$f = (superclass) =>
   class ListItemMixinClass extends superclass {
@@ -5581,12 +5581,12 @@ const ListItemClass = compose(
   componentNameValidationMixin$1,
   customMixin$f,
   activeableMixin,
-)(createBaseClass$1({ componentName: componentName$1c, baseSelector: 'slot' }));
+)(createBaseClass$1({ componentName: componentName$1d, baseSelector: 'slot' }));
 
-const componentName$1b = getComponentName('list');
+const componentName$1c = getComponentName('list');
 
 class RawList extends createBaseClass$1({
-  componentName: componentName$1b,
+  componentName: componentName$1c,
   baseSelector: '.wrapper',
 }) {
   static get observedAttributes() {
@@ -5757,9 +5757,9 @@ const ListClass = compose(
   componentNameValidationMixin$1,
 )(RawList);
 
-const componentName$1a = getComponentName('apps-list');
+const componentName$1b = getComponentName('apps-list');
 
-const itemRenderer$4 = ({ name, icon, url }, _, ref) => `
+const itemRenderer$5 = ({ name, icon, url }, _, ref) => `
   <a ${url ? `href="${url}" title="${url}"` : ''} ${ref.openInSameWindow ? '' : 'target="_blank"'}>
     <descope-list-item>
     <div class="avatar-wrapper">
@@ -5865,7 +5865,7 @@ const AppsListClass = compose(
     },
   }),
   createDynamicDataMixin$1({
-    itemRenderer: itemRenderer$4,
+    itemRenderer: itemRenderer$5,
     rerenderAttrsList: [
       'size',
       'item-text-variant',
@@ -5881,7 +5881,7 @@ const AppsListClass = compose(
     slots: ['empty-state'],
     wrappedEleName: 'descope-list',
     excludeAttrsSync: ['tabindex', 'class', 'empty', 'style'],
-    componentName: componentName$1a,
+    componentName: componentName$1b,
     style: () => `
       :host {
         width: 100%;
@@ -5916,60 +5916,60 @@ const AppsListClass = compose(
   }),
 );
 
-const vars$Z = AppsListClass.cssVarList;
+const vars$_ = AppsListClass.cssVarList;
 const globalRefs$z = getThemeRefs$1(globals);
 
 const defaultHeight = '400px';
 
 const appsList = {
-  [vars$Z.itemsTextAlign]: 'start',
-  [vars$Z.hostDirection]: globalRefs$z.direction,
-  [vars$Z.maxHeight]: defaultHeight,
-  [vars$Z.itemHoverBackgroundColor]: globalRefs$z.colors.surface.highlight,
+  [vars$_.itemsTextAlign]: 'start',
+  [vars$_.hostDirection]: globalRefs$z.direction,
+  [vars$_.maxHeight]: defaultHeight,
+  [vars$_.itemHoverBackgroundColor]: globalRefs$z.colors.surface.highlight,
 
   _empty: {
-    [vars$Z.minHeight]: defaultHeight,
+    [vars$_.minHeight]: defaultHeight,
   },
 
   size: {
     xs: {
-      [vars$Z.itemsFontSize]: '14px',
-      [vars$Z.itemsFontWeight]: 'normal',
+      [vars$_.itemsFontSize]: '14px',
+      [vars$_.itemsFontWeight]: 'normal',
     },
     sm: {
-      [vars$Z.itemsFontSize]: '14px',
-      [vars$Z.itemsFontWeight]: 'normal',
+      [vars$_.itemsFontSize]: '14px',
+      [vars$_.itemsFontWeight]: 'normal',
     },
     md: {
-      [vars$Z.itemsFontSize]: '16px',
-      [vars$Z.itemsFontWeight]: 'normal',
+      [vars$_.itemsFontSize]: '16px',
+      [vars$_.itemsFontWeight]: 'normal',
     },
     lg: {
-      [vars$Z.itemsFontSize]: '20px',
-      [vars$Z.itemsFontWeight]: 'normal',
+      [vars$_.itemsFontSize]: '20px',
+      [vars$_.itemsFontWeight]: 'normal',
     },
   },
 
   itemPadding: {
     xs: {
-      [vars$Z.itemVerticalPadding]: globalRefs$z.spacing.xs,
-      [vars$Z.itemHorizontalPadding]: globalRefs$z.spacing.xs,
+      [vars$_.itemVerticalPadding]: globalRefs$z.spacing.xs,
+      [vars$_.itemHorizontalPadding]: globalRefs$z.spacing.xs,
     },
     sm: {
-      [vars$Z.itemVerticalPadding]: globalRefs$z.spacing.sm,
-      [vars$Z.itemHorizontalPadding]: globalRefs$z.spacing.sm,
+      [vars$_.itemVerticalPadding]: globalRefs$z.spacing.sm,
+      [vars$_.itemHorizontalPadding]: globalRefs$z.spacing.sm,
     },
     md: {
-      [vars$Z.itemVerticalPadding]: globalRefs$z.spacing.md,
-      [vars$Z.itemHorizontalPadding]: globalRefs$z.spacing.md,
+      [vars$_.itemVerticalPadding]: globalRefs$z.spacing.md,
+      [vars$_.itemHorizontalPadding]: globalRefs$z.spacing.md,
     },
     lg: {
-      [vars$Z.itemVerticalPadding]: globalRefs$z.spacing.lg,
-      [vars$Z.itemHorizontalPadding]: globalRefs$z.spacing.lg,
+      [vars$_.itemVerticalPadding]: globalRefs$z.spacing.lg,
+      [vars$_.itemHorizontalPadding]: globalRefs$z.spacing.lg,
     },
     xl: {
-      [vars$Z.itemVerticalPadding]: globalRefs$z.spacing.xl,
-      [vars$Z.itemHorizontalPadding]: globalRefs$z.spacing.xl,
+      [vars$_.itemVerticalPadding]: globalRefs$z.spacing.xl,
+      [vars$_.itemHorizontalPadding]: globalRefs$z.spacing.xl,
     },
   },
 };
@@ -5977,7 +5977,7 @@ const appsList = {
 var appsList$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: appsList,
-  vars: vars$Z
+  vars: vars$_
 });
 
 const globalRefs$y = getThemeRefs$1(globals);
@@ -5986,7 +5986,7 @@ const compVars$7 = ListClass.cssVarList;
 
 const [helperTheme$5, helperRefs$5, helperVars$5] = createHelperVars$1(
   { shadowColor: '#00000020' },
-  componentName$1b,
+  componentName$1c,
 );
 
 const { shadowColor: shadowColor$5 } = helperRefs$5;
@@ -6047,7 +6047,7 @@ const list = {
   },
 };
 
-const vars$Y = {
+const vars$Z = {
   ...compVars$7,
   ...helperVars$5,
 };
@@ -6055,53 +6055,53 @@ const vars$Y = {
 var list$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: list,
-  vars: vars$Y
+  vars: vars$Z
 });
 
 const globalRefs$x = getThemeRefs$1(globals);
 
-const vars$X = ListItemClass.cssVarList;
+const vars$Y = ListItemClass.cssVarList;
 
 const listItem = {
-  [vars$X.backgroundColor]: globalRefs$x.colors.surface.main,
-  [vars$X.verticalPadding]: globalRefs$x.spacing.lg,
-  [vars$X.horizontalPadding]: globalRefs$x.spacing.lg,
-  [vars$X.gap]: globalRefs$x.spacing.md,
-  [vars$X.borderStyle]: 'solid',
-  [vars$X.borderWidth]: globalRefs$x.border.xs,
-  [vars$X.borderColor]: globalRefs$x.colors.surface.main,
-  [vars$X.borderRadius]: globalRefs$x.radius.sm,
-  [vars$X.cursor]: 'pointer',
-  [vars$X.alignItems]: 'center',
-  [vars$X.flexDirection]: 'row',
-  [vars$X.transition]: 'border-color 0.2s, background-color 0.2s',
+  [vars$Y.backgroundColor]: globalRefs$x.colors.surface.main,
+  [vars$Y.verticalPadding]: globalRefs$x.spacing.lg,
+  [vars$Y.horizontalPadding]: globalRefs$x.spacing.lg,
+  [vars$Y.gap]: globalRefs$x.spacing.md,
+  [vars$Y.borderStyle]: 'solid',
+  [vars$Y.borderWidth]: globalRefs$x.border.xs,
+  [vars$Y.borderColor]: globalRefs$x.colors.surface.main,
+  [vars$Y.borderRadius]: globalRefs$x.radius.sm,
+  [vars$Y.cursor]: 'pointer',
+  [vars$Y.alignItems]: 'center',
+  [vars$Y.flexDirection]: 'row',
+  [vars$Y.transition]: 'border-color 0.2s, background-color 0.2s',
 
   variant: {
     tile: {
-      [vars$X.alignItems]: 'flex-start',
-      [vars$X.flexDirection]: 'column',
-      [vars$X.borderColor]: globalRefs$x.colors.surface.light,
+      [vars$Y.alignItems]: 'flex-start',
+      [vars$Y.flexDirection]: 'column',
+      [vars$Y.borderColor]: globalRefs$x.colors.surface.light,
     },
   },
 
   _hover: {
-    [vars$X.backgroundColor]: globalRefs$x.colors.surface.highlight,
+    [vars$Y.backgroundColor]: globalRefs$x.colors.surface.highlight,
   },
 
   _active: {
-    [vars$X.backgroundColor]: globalRefs$x.colors.surface.main,
-    [vars$X.borderColor]: globalRefs$x.colors.primary.light,
-    [vars$X.outline]: `1px solid ${globalRefs$x.colors.primary.light}`,
+    [vars$Y.backgroundColor]: globalRefs$x.colors.surface.main,
+    [vars$Y.borderColor]: globalRefs$x.colors.primary.light,
+    [vars$Y.outline]: `1px solid ${globalRefs$x.colors.primary.light}`,
   },
 };
 
 var listItem$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: listItem,
-  vars: vars$X
+  vars: vars$Y
 });
 
-const componentName$19 = getComponentName('multi-select-combo-box');
+const componentName$1a = getComponentName('multi-select-combo-box');
 
 const multiSelectComboBoxMixin = (superclass) =>
   class MultiSelectComboBoxMixinClass extends superclass {
@@ -6480,7 +6480,7 @@ const multiSelectComboBoxMixin = (superclass) =>
   };
 
 const {
-  host: host$t,
+  host: host$u,
   inputField: inputField$5,
   inputElement: inputElement$2,
   placeholder: placeholder$2,
@@ -6520,9 +6520,9 @@ const {
 const MultiSelectComboBoxClass = compose(
   createStyleMixin$1({
     mappings: {
-      hostWidth: { ...host$t, property: 'width' },
-      hostDirection: { ...host$t, property: 'direction' },
-      fontSize: [{}, host$t],
+      hostWidth: { ...host$u, property: 'width' },
+      hostDirection: { ...host$u, property: 'direction' },
+      fontSize: [{}, host$u],
       chipFontSize: { ...chipLabel, property: 'font-size' },
       fontFamily: [
         label$8,
@@ -6764,13 +6764,13 @@ const MultiSelectComboBoxClass = compose(
 
 		`,
     excludeAttrsSync: ['tabindex', 'size', 'data', 'placeholder', 'style'],
-    componentName: componentName$19,
+    componentName: componentName$1a,
     includeForwardProps: ['items', 'renderer', 'selectedItems'],
   }),
 );
 
-const componentName$18 = getComponentName('multi-line-mappings');
-const BaseClass$7 = createBaseClass$1({ componentName: componentName$18 });
+const componentName$19 = getComponentName('multi-line-mappings');
+const BaseClass$8 = createBaseClass$1({ componentName: componentName$19 });
 
 const parseJSON = (value, fallback, source = 'unknown') => {
   if (typeof value !== 'string' || !value?.trim()) {
@@ -6840,7 +6840,7 @@ const createEmptyRow = () => ({ firstValues: [], secondValues: [] });
 const areSameValues = (first = [], second = []) =>
   first.length === second.length && first.every((v, i) => v === second[i]);
 
-class RawMultiLineMappingsClass extends BaseClass$7 {
+class RawMultiLineMappingsClass extends BaseClass$8 {
   static get observedAttributes() {
     return [
       'data',
@@ -7477,7 +7477,7 @@ class RawMultiLineMappingsClass extends BaseClass$7 {
   }
 }
 
-const host$s = { selector: () => ':host' };
+const host$t = { selector: () => ':host' };
 const rows = { selector: '.rows' };
 const row = { selector: '.row' };
 const addAction = { selector: '.add-action' };
@@ -7485,9 +7485,9 @@ const addAction = { selector: '.add-action' };
 const MultiLineMappingsClass = compose(
   createStyleMixin$1({
     mappings: {
-      hostWidth: { ...host$s, property: 'width' },
+      hostWidth: { ...host$t, property: 'width' },
       hostDirection: [
-        { ...host$s, property: 'direction' },
+        { ...host$t, property: 'direction' },
         {
           selector: MultiSelectComboBoxClass.componentName,
           property: MultiSelectComboBoxClass.cssVarList.hostDirection,
@@ -7508,126 +7508,126 @@ const MultiLineMappingsClass = compose(
   draggableMixin$1,
 )(RawMultiLineMappingsClass);
 
-const vars$W = MultiLineMappingsClass.cssVarList;
+const vars$X = MultiLineMappingsClass.cssVarList;
 
 const multiLineMappings = {
-  [vars$W.hostDirection]: refs$1.direction,
+  [vars$X.hostDirection]: refs$1.direction,
 
-  [vars$W.rowsGap]: globals.spacing.sm,
-  [vars$W.rowGap]: globals.spacing.sm,
-  [vars$W.rowAlignItems]: 'flex-end',
-  [vars$W.rowWrap]: 'nowrap',
+  [vars$X.rowsGap]: globals.spacing.sm,
+  [vars$X.rowGap]: globals.spacing.sm,
+  [vars$X.rowAlignItems]: 'flex-end',
+  [vars$X.rowWrap]: 'nowrap',
 
-  [vars$W.addActionJustifyContent]: 'flex-start',
-  [vars$W.addActionMarginTop]: globals.spacing.xs,
+  [vars$X.addActionJustifyContent]: 'flex-start',
+  [vars$X.addActionMarginTop]: globals.spacing.xs,
 
   _fullWidth: {
-    [vars$W.hostWidth]: '100%',
+    [vars$X.hostWidth]: '100%',
   },
 };
 
 var multiLineMappings$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: multiLineMappings,
-  vars: vars$W
+  vars: vars$X
 });
 
 const globalRefs$w = getThemeRefs$1(globals);
-const vars$V = MultiSelectComboBoxClass.cssVarList;
+const vars$W = MultiSelectComboBoxClass.cssVarList;
 
 const multiSelectComboBox = {
-  [vars$V.hostWidth]: refs$1.width,
-  [vars$V.hostDirection]: refs$1.direction,
-  [vars$V.fontSize]: refs$1.fontSize,
-  [vars$V.fontFamily]: refs$1.fontFamily,
-  [vars$V.labelFontSize]: refs$1.labelFontSize,
-  [vars$V.labelFontWeight]: refs$1.labelFontWeight,
-  [vars$V.inputValueFontWeight]: refs$1.inputValueFontWeight,
-  [vars$V.inputPlaceholderFontWeight]: refs$1.inputPlaceholderFontWeight,
-  [vars$V.helperTextFontWeight]: refs$1.helperTextFontWeight,
-  [vars$V.errorMessageFontWeight]: refs$1.errorMessageFontWeight,
-  [vars$V.labelTextColor]: refs$1.labelTextColor,
-  [vars$V.errorMessageTextColor]: refs$1.errorMessageTextColor,
-  [vars$V.inputBorderColor]: refs$1.borderColor,
-  [vars$V.inputBorderWidth]: refs$1.borderWidth,
-  [vars$V.inputBorderStyle]: refs$1.borderStyle,
-  [vars$V.inputBorderRadius]: refs$1.borderRadius,
-  [vars$V.inputOutlineColor]: refs$1.outlineColor,
-  [vars$V.inputOutlineOffset]: refs$1.outlineOffset,
-  [vars$V.inputOutlineWidth]: refs$1.outlineWidth,
-  [vars$V.inputOutlineStyle]: refs$1.outlineStyle,
-  [vars$V.labelRequiredIndicator]: refs$1.requiredIndicator,
-  [vars$V.inputValueTextColor]: refs$1.valueTextColor,
-  [vars$V.inputPlaceholderTextColor]: refs$1.placeholderTextColor,
-  [vars$V.inputBackgroundColor]: refs$1.backgroundColor,
-  [vars$V.inputHorizontalPadding]: refs$1.horizontalPadding,
-  [vars$V.inputVerticalPadding]: refs$1.verticalPadding,
-  [vars$V.inputHeight]: refs$1.inputHeight,
-  [vars$V.inputDropdownButtonColor]: globalRefs$w.colors.surface.dark,
-  [vars$V.inputDropdownButtonCursor]: 'pointer',
-  [vars$V.inputDropdownButtonSize]: refs$1.toggleButtonSize,
-  [vars$V.inputDropdownButtonOffset]: globalRefs$w.spacing.xs,
-  [vars$V.overlayItemPaddingInlineStart]: globalRefs$w.spacing.xs,
-  [vars$V.overlayItemPaddingInlineEnd]: globalRefs$w.spacing.lg,
-  [vars$V.chipFontSize]: refs$1.chipFontSize,
-  [vars$V.chipTextColor]: globalRefs$w.colors.surface.contrast,
-  [vars$V.chipBackgroundColor]: globalRefs$w.colors.surface.light,
-  [vars$V.labelPosition]: refs$1.labelPosition,
-  [vars$V.labelTopPosition]: refs$1.labelTopPosition,
-  [vars$V.labelLeftPosition]: refs$1.labelLeftPosition,
-  [vars$V.labelHorizontalPosition]: refs$1.labelHorizontalPosition,
-  [vars$V.inputTransformY]: refs$1.inputTransformY,
-  [vars$V.inputTransition]: refs$1.inputTransition,
-  [vars$V.marginInlineStart]: refs$1.marginInlineStart,
-  [vars$V.placeholderOpacity]: refs$1.placeholderOpacity,
-  [vars$V.inputVerticalAlignment]: refs$1.inputVerticalAlignment,
-
-  [vars$V.errorMessageIcon]: refs$1.errorMessageIcon,
-  [vars$V.errorMessageIconSize]: refs$1.errorMessageIconSize,
-  [vars$V.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
-  [vars$V.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
-  [vars$V.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
-  [vars$V.errorMessageFontSize]: refs$1.errorMessageFontSize,
+  [vars$W.hostWidth]: refs$1.width,
+  [vars$W.hostDirection]: refs$1.direction,
+  [vars$W.fontSize]: refs$1.fontSize,
+  [vars$W.fontFamily]: refs$1.fontFamily,
+  [vars$W.labelFontSize]: refs$1.labelFontSize,
+  [vars$W.labelFontWeight]: refs$1.labelFontWeight,
+  [vars$W.inputValueFontWeight]: refs$1.inputValueFontWeight,
+  [vars$W.inputPlaceholderFontWeight]: refs$1.inputPlaceholderFontWeight,
+  [vars$W.helperTextFontWeight]: refs$1.helperTextFontWeight,
+  [vars$W.errorMessageFontWeight]: refs$1.errorMessageFontWeight,
+  [vars$W.labelTextColor]: refs$1.labelTextColor,
+  [vars$W.errorMessageTextColor]: refs$1.errorMessageTextColor,
+  [vars$W.inputBorderColor]: refs$1.borderColor,
+  [vars$W.inputBorderWidth]: refs$1.borderWidth,
+  [vars$W.inputBorderStyle]: refs$1.borderStyle,
+  [vars$W.inputBorderRadius]: refs$1.borderRadius,
+  [vars$W.inputOutlineColor]: refs$1.outlineColor,
+  [vars$W.inputOutlineOffset]: refs$1.outlineOffset,
+  [vars$W.inputOutlineWidth]: refs$1.outlineWidth,
+  [vars$W.inputOutlineStyle]: refs$1.outlineStyle,
+  [vars$W.labelRequiredIndicator]: refs$1.requiredIndicator,
+  [vars$W.inputValueTextColor]: refs$1.valueTextColor,
+  [vars$W.inputPlaceholderTextColor]: refs$1.placeholderTextColor,
+  [vars$W.inputBackgroundColor]: refs$1.backgroundColor,
+  [vars$W.inputHorizontalPadding]: refs$1.horizontalPadding,
+  [vars$W.inputVerticalPadding]: refs$1.verticalPadding,
+  [vars$W.inputHeight]: refs$1.inputHeight,
+  [vars$W.inputDropdownButtonColor]: globalRefs$w.colors.surface.dark,
+  [vars$W.inputDropdownButtonCursor]: 'pointer',
+  [vars$W.inputDropdownButtonSize]: refs$1.toggleButtonSize,
+  [vars$W.inputDropdownButtonOffset]: globalRefs$w.spacing.xs,
+  [vars$W.overlayItemPaddingInlineStart]: globalRefs$w.spacing.xs,
+  [vars$W.overlayItemPaddingInlineEnd]: globalRefs$w.spacing.lg,
+  [vars$W.chipFontSize]: refs$1.chipFontSize,
+  [vars$W.chipTextColor]: globalRefs$w.colors.surface.contrast,
+  [vars$W.chipBackgroundColor]: globalRefs$w.colors.surface.light,
+  [vars$W.labelPosition]: refs$1.labelPosition,
+  [vars$W.labelTopPosition]: refs$1.labelTopPosition,
+  [vars$W.labelLeftPosition]: refs$1.labelLeftPosition,
+  [vars$W.labelHorizontalPosition]: refs$1.labelHorizontalPosition,
+  [vars$W.inputTransformY]: refs$1.inputTransformY,
+  [vars$W.inputTransition]: refs$1.inputTransition,
+  [vars$W.marginInlineStart]: refs$1.marginInlineStart,
+  [vars$W.placeholderOpacity]: refs$1.placeholderOpacity,
+  [vars$W.inputVerticalAlignment]: refs$1.inputVerticalAlignment,
+
+  [vars$W.errorMessageIcon]: refs$1.errorMessageIcon,
+  [vars$W.errorMessageIconSize]: refs$1.errorMessageIconSize,
+  [vars$W.errorMessageIconPadding]: refs$1.errorMessageIconPadding,
+  [vars$W.errorMessageIconRepeat]: refs$1.errorMessageIconRepeat,
+  [vars$W.errorMessageIconPosition]: refs$1.errorMessageIconPosition,
+  [vars$W.errorMessageFontSize]: refs$1.errorMessageFontSize,
 
   labelType: {
     floating: {
-      [vars$V.inputHorizontalPadding]: '0.25em',
+      [vars$W.inputHorizontalPadding]: '0.25em',
       _hasValue: {
-        [vars$V.inputHorizontalPadding]: '0.45em',
+        [vars$W.inputHorizontalPadding]: '0.45em',
       },
     },
   },
 
   _readonly: {
-    [vars$V.inputDropdownButtonCursor]: 'default',
+    [vars$W.inputDropdownButtonCursor]: 'default',
   },
 
-  [vars$V.overlayFontSize]: refs$1.fontSize,
-  [vars$V.overlayFontFamily]: refs$1.fontFamily,
-  [vars$V.overlayCursor]: 'pointer',
-  [vars$V.overlayItemBoxShadow]: 'none',
-  [vars$V.overlayBackground]: refs$1.backgroundColor,
-  [vars$V.overlayTextColor]: refs$1.valueTextColor,
+  [vars$W.overlayFontSize]: refs$1.fontSize,
+  [vars$W.overlayFontFamily]: refs$1.fontFamily,
+  [vars$W.overlayCursor]: 'pointer',
+  [vars$W.overlayItemBoxShadow]: 'none',
+  [vars$W.overlayBackground]: refs$1.backgroundColor,
+  [vars$W.overlayTextColor]: refs$1.valueTextColor,
 
-  [vars$V.overlay.minHeight]: '400px',
-  [vars$V.overlay.margin]: '0',
+  [vars$W.overlay.minHeight]: '400px',
+  [vars$W.overlay.margin]: '0',
 };
 
 var multiSelectComboBox$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: multiSelectComboBox,
   multiSelectComboBox: multiSelectComboBox,
-  vars: vars$V
+  vars: vars$W
 });
 
-const componentName$17 = getComponentName('autocomplete-field-internal');
+const componentName$18 = getComponentName('autocomplete-field-internal');
 
 createBaseInputClass$1({
-  componentName: componentName$17,
+  componentName: componentName$18,
   baseSelector: '',
 });
 
-const componentName$16 = getComponentName('autocomplete-field');
+const componentName$17 = getComponentName('autocomplete-field');
 
 const customMixin$d = (superclass) =>
   class AutocompleteFieldMixinClass extends superclass {
@@ -7648,15 +7648,15 @@ const customMixin$d = (superclass) =>
       const template = document.createElement('template');
 
       template.innerHTML = `
-      <${componentName$17}
+      <${componentName$18}
         tabindex="-1"
-      ></${componentName$17}>
+      ></${componentName$18}>
       `;
 
       this.baseElement.appendChild(template.content.cloneNode(true));
 
       this.inputElement = this.shadowRoot.querySelector(
-        componentName$17,
+        componentName$18,
       );
 
       forwardAttrs(this, this.inputElement, {
@@ -7696,7 +7696,7 @@ const customMixin$d = (superclass) =>
     }
   };
 
-const { host: host$r } = {
+const { host: host$s } = {
   host: { selector: () => ':host' },
 };
 
@@ -7706,9 +7706,9 @@ const AutocompleteFieldClass = compose(
   }),
   createStyleMixin$1({
     mappings: {
-      hostWidth: { ...host$r, property: 'width' },
-      hostDirection: { ...host$r, property: 'direction' },
-      fontSize: { ...host$r },
+      hostWidth: { ...host$s, property: 'width' },
+      hostDirection: { ...host$s, property: 'direction' },
+      fontSize: { ...host$s },
       checkmarkDisplay: {
         selector: ComboBoxClass.componentName,
         property: ComboBoxClass.cssVarList.overlayCheckmarkDisplay,
@@ -7775,34 +7775,34 @@ const AutocompleteFieldClass = compose(
     }
   `,
     excludeAttrsSync: ['tabindex', 'error-message', 'label', 'style'],
-    componentName: componentName$16,
+    componentName: componentName$17,
   }),
 );
 
-const vars$U = AutocompleteFieldClass.cssVarList;
+const vars$V = AutocompleteFieldClass.cssVarList;
 const globalRefs$v = getThemeRefs$1(globals);
 
 const autocompleteField = {
-  [vars$U.hostWidth]: refs$1.width,
-  [vars$U.hostDirection]: refs$1.direction,
-  [vars$U.fontSize]: refs$1.fontSize,
-  [vars$U.checkmarkDisplay]: 'none',
-  [vars$U.itemPaddingInlineStart]: globalRefs$v.spacing.lg,
-  [vars$U.itemPaddingInlineEnd]: globalRefs$v.spacing.lg,
-  [vars$U.selectedItemBackground]: globalRefs$v.colors.primary.light,
-  [vars$U.selectedItemHoverBackground]: globalRefs$v.colors.primary.light,
-  [vars$U.selectedItemFocusBackground]: globalRefs$v.colors.primary.light,
-  [vars$U.itemHoverBackground]: globalRefs$v.colors.primary.highlight,
+  [vars$V.hostWidth]: refs$1.width,
+  [vars$V.hostDirection]: refs$1.direction,
+  [vars$V.fontSize]: refs$1.fontSize,
+  [vars$V.checkmarkDisplay]: 'none',
+  [vars$V.itemPaddingInlineStart]: globalRefs$v.spacing.lg,
+  [vars$V.itemPaddingInlineEnd]: globalRefs$v.spacing.lg,
+  [vars$V.selectedItemBackground]: globalRefs$v.colors.primary.light,
+  [vars$V.selectedItemHoverBackground]: globalRefs$v.colors.primary.light,
+  [vars$V.selectedItemFocusBackground]: globalRefs$v.colors.primary.light,
+  [vars$V.itemHoverBackground]: globalRefs$v.colors.primary.highlight,
 
   _fullWidth: {
-    [vars$U.hostWidth]: '100%',
+    [vars$V.hostWidth]: '100%',
   },
 };
 
 var autocompleteField$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: autocompleteField,
-  vars: vars$U
+  vars: vars$V
 });
 
 const initGoogleMapsLoader = (apiKey) => {
@@ -8029,7 +8029,7 @@ class RadarConnector extends createBaseConnectorClass() {
   }
 }
 
-const componentName$15 = getComponentName('address-field-internal');
+const componentName$16 = getComponentName('address-field-internal');
 
 const GOOGLE_MAPS_CONNECTOR_TEMPLATE = 'google-maps-places';
 const RADAR_CONNECTOR_TEMPLATE = 'radar';
@@ -8040,7 +8040,7 @@ const CONNECTOR_CLASSES = {
 };
 
 const BaseInputClass$5 = createBaseInputClass$1({
-  componentName: componentName$15,
+  componentName: componentName$16,
   baseSelector: '',
 });
 const initConnectorAttrs = ['public-api-key'];
@@ -8147,7 +8147,7 @@ compose(
   connectorMixin({ connectorClasses: CONNECTOR_CLASSES }),
 )(RawAddressFieldInternal);
 
-const componentName$14 = getComponentName('address-field');
+const componentName$15 = getComponentName('address-field');
 
 const customMixin$c = (superclass) =>
   class AddressFieldMixinClass extends superclass {
@@ -8176,15 +8176,15 @@ const customMixin$c = (superclass) =>
       const template = document.createElement('template');
 
       template.innerHTML = `
-      <${componentName$15}
+      <${componentName$16}
         tabindex="-1"
-      ></${componentName$15}>
+      ></${componentName$16}>
       `;
 
       this.baseElement.appendChild(template.content.cloneNode(true));
 
       this.inputElement = this.shadowRoot.querySelector(
-        componentName$15,
+        componentName$16,
       );
 
       forwardAttrs(this, this.inputElement, {
@@ -8225,7 +8225,7 @@ const customMixin$c = (superclass) =>
     }
   };
 
-const { host: host$q } = {
+const { host: host$r } = {
   host: { selector: () => ':host' },
 };
 
@@ -8235,8 +8235,8 @@ const AddressFieldClass = compose(
   }),
   createStyleMixin$1({
     mappings: {
-      hostWidth: { ...host$q, property: 'width' },
-      hostDirection: { ...host$q, property: 'direction' },
+      hostWidth: { ...host$r, property: 'width' },
+      hostDirection: { ...host$r, property: 'direction' },
     },
   }),
   draggableMixin$1,
@@ -8262,7 +8262,7 @@ const AddressFieldClass = compose(
     width: 100%;
   }
 
-  ${componentName$15} {
+  ${componentName$16} {
     display: inline-block;
     box-sizing: border-box;
     user-select: none;
@@ -8270,30 +8270,30 @@ const AddressFieldClass = compose(
     max-width: 100%;
   }
 
-  ${componentName$15} ::slotted {
+  ${componentName$16} ::slotted {
     padding: 0;
   }
 `,
     excludeAttrsSync: ['tabindex', 'error-message', 'label', 'style'],
-    componentName: componentName$14,
+    componentName: componentName$15,
   }),
 );
 
-const vars$T = AddressFieldClass.cssVarList;
+const vars$U = AddressFieldClass.cssVarList;
 
 const addressField = {
-  [vars$T.hostWidth]: refs$1.width,
-  [vars$T.hostDirection]: refs$1.direction,
+  [vars$U.hostWidth]: refs$1.width,
+  [vars$U.hostDirection]: refs$1.direction,
 
   _fullWidth: {
-    [vars$T.hostWidth]: '100%',
+    [vars$U.hostWidth]: '100%',
   },
 };
 
 var addressField$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: addressField,
-  vars: vars$T
+  vars: vars$U
 });
 
 var clockIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDEwNCAxMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01MC4zMzM0IDAuMzMzMjUyQzIyLjgzMzQgMC4zMzMyNTIgMC4zMzMzNzQgMjIuODMzMyAwLjMzMzM3NCA1MC4zMzMzQzAuMzMzMzc0IDc3LjgzMzMgMjIuODMzNCAxMDAuMzMzIDUwLjMzMzQgMTAwLjMzM0M3Ny44MzM0IDEwMC4zMzMgMTAwLjMzMyA3Ny44MzMzIDEwMC4zMzMgNTAuMzMzM0MxMDAuMzMzIDIyLjgzMzMgNzcuODMzNCAwLjMzMzI1MiA1MC4zMzM0IDAuMzMzMjUyWk01MC4zMzM0IDg3LjgzMzNDMjkuNzA4NCA4Ny44MzMzIDEyLjgzMzQgNzAuOTU4MyAxMi44MzM0IDUwLjMzMzNDMTIuODMzNCAyOS43MDgzIDI5LjcwODQgMTIuODMzMyA1MC4zMzM0IDEyLjgzMzNDNzAuOTU4NCAxMi44MzMzIDg3LjgzMzQgMjkuNzA4MyA4Ny44MzM0IDUwLjMzMzNDODcuODMzNCA3MC45NTgzIDcwLjk1ODQgODcuODMzMyA1MC4zMzM0IDg3LjgzMzNaIiBmaWxsPSIjMTgxQTFDIi8+CjxwYXRoIGQ9Ik01MC4zMzI4IDE5LjA4MzNINDQuMDgyOFY1Ni41ODMySDc1LjMzMjhWNTAuMzMzMkg1MC4zMzI4VjE5LjA4MzNaIiBmaWxsPSIjMTgxQTFDIi8+Cjwvc3ZnPgo=";
@@ -8315,24 +8315,24 @@ const formatTime = (ms = 0) => {
   return timeParts.join(':');
 };
 
-const componentName$13 = getComponentName('timer');
+const componentName$14 = getComponentName('timer');
 
 const observedAttributes$5 = ['seconds', 'hide-icon', 'paused'];
 
-const BaseClass$6 = createBaseClass$1({
-  componentName: componentName$13,
+const BaseClass$7 = createBaseClass$1({
+  componentName: componentName$14,
   baseSelector: ':host > .wrapper',
 });
 
 const DEFAULT_INTERVAL = 1000;
 
-class RawTimer extends BaseClass$6 {
+class RawTimer extends BaseClass$7 {
   #timeRemains = 0;
 
   #intervalId;
 
   static get observedAttributes() {
-    return observedAttributes$5.concat(BaseClass$6.observedAttributes || []);
+    return observedAttributes$5.concat(BaseClass$7.observedAttributes || []);
   }
 
   constructor() {
@@ -8473,7 +8473,7 @@ class RawTimer extends BaseClass$6 {
   }
 }
 
-const { host: host$p, icon: icon$2, timer: timer$2 } = {
+const { host: host$q, icon: icon$2, timer: timer$2 } = {
   host: { selector: () => ':host' },
   icon: { selector: () => '.icon' },
   timer: { selector: () => '.timer' },
@@ -8494,8 +8494,8 @@ const TimerClass = compose(
       textColor: { ...timer$2, property: 'color' },
       gap: {},
       textAlign: { property: 'justify-content' },
-      hostWidth: { ...host$p, property: 'width' },
-      hostDirection: { ...host$p, property: 'direction' },
+      hostWidth: { ...host$q, property: 'width' },
+      hostDirection: { ...host$q, property: 'direction' },
       iconColor: { ...icon$2, property: IconClass.cssVarList.fill },
     },
   }),
@@ -8504,44 +8504,44 @@ const TimerClass = compose(
 )(RawTimer);
 
 const globalRefs$u = getThemeRefs$1(globals);
-const vars$S = TimerClass.cssVarList;
+const vars$T = TimerClass.cssVarList;
 
 const timer = {
-  [vars$S.hostDirection]: globalRefs$u.direction,
-  [vars$S.gap]: '0.25em',
-  [vars$S.fontFamily]: globalRefs$u.fonts.font1.family,
-  [vars$S.minHeight]: '1.5em',
-  [vars$S.lineHeight]: '1em',
-  [vars$S.fontWeight]: globalRefs$u.fonts.font1.fontWeight,
-  [vars$S.textColor]: globalRefs$u.colors.surface.contrast,
-  [vars$S.iconColor]: globalRefs$u.colors.surface.contrast,
-  [vars$S.iconSize]: '1em',
+  [vars$T.hostDirection]: globalRefs$u.direction,
+  [vars$T.gap]: '0.25em',
+  [vars$T.fontFamily]: globalRefs$u.fonts.font1.family,
+  [vars$T.minHeight]: '1.5em',
+  [vars$T.lineHeight]: '1em',
+  [vars$T.fontWeight]: globalRefs$u.fonts.font1.fontWeight,
+  [vars$T.textColor]: globalRefs$u.colors.surface.contrast,
+  [vars$T.iconColor]: globalRefs$u.colors.surface.contrast,
+  [vars$T.iconSize]: '1em',
 
   size: {
-    xs: { [vars$S.fontSize]: '12px' },
-    sm: { [vars$S.fontSize]: '14px' },
-    md: { [vars$S.fontSize]: '16px' },
-    lg: { [vars$S.fontSize]: '18px' },
+    xs: { [vars$T.fontSize]: '12px' },
+    sm: { [vars$T.fontSize]: '14px' },
+    md: { [vars$T.fontSize]: '16px' },
+    lg: { [vars$T.fontSize]: '18px' },
   },
 
   textAlign: {
-    right: { [vars$S.textAlign]: 'right' },
-    left: { [vars$S.textAlign]: 'left' },
-    center: { [vars$S.textAlign]: 'center' },
+    right: { [vars$T.textAlign]: 'right' },
+    left: { [vars$T.textAlign]: 'left' },
+    center: { [vars$T.textAlign]: 'center' },
   },
 
   _fullWidth: {
-    [vars$S.hostWidth]: '100%',
+    [vars$T.hostWidth]: '100%',
   },
 };
 
 var timer$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: timer,
-  vars: vars$S
+  vars: vars$T
 });
 
-const componentName$12 = getComponentName('timer-button');
+const componentName$13 = getComponentName('timer-button');
 
 const buttonAttrs = [
   'button-variant',
@@ -8571,12 +8571,12 @@ const mapTimerAttrs = {
   'timer-paused': 'paused',
 };
 
-const BaseClass$5 = createBaseClass$1({
-  componentName: componentName$12,
+const BaseClass$6 = createBaseClass$1({
+  componentName: componentName$13,
   baseSelector: ':host > div',
 });
 
-class RawTimerButton extends BaseClass$5 {
+class RawTimerButton extends BaseClass$6 {
   constructor() {
     super();
 
@@ -8724,7 +8724,7 @@ class RawTimerButton extends BaseClass$5 {
 }
 
 const {
-  host: host$o,
+  host: host$p,
   nestedTimer,
   nestedButton,
   timerInsideNotReversed,
@@ -8749,8 +8749,8 @@ const TimerButtonClass = compose(
     mappings: {
       gap: {},
       flexDirection: {},
-      hostWidth: { ...host$o, property: 'width' },
-      hostDirection: { ...host$o, property: 'direction' },
+      hostWidth: { ...host$p, property: 'width' },
+      hostDirection: { ...host$p, property: 'direction' },
       timerTextColor: {
         ...nestedTimer,
         property: TimerClass.cssVarList.textColor,
@@ -8782,40 +8782,40 @@ const TimerButtonClass = compose(
 )(RawTimerButton);
 
 const globalRefs$t = getThemeRefs$1(globals);
-const vars$R = TimerButtonClass.cssVarList;
+const vars$S = TimerButtonClass.cssVarList;
 
 const timerButton = {
-  [vars$R.gap]: globalRefs$t.spacing.sm,
-  [vars$R.flexDirection]: 'column',
+  [vars$S.gap]: globalRefs$t.spacing.sm,
+  [vars$S.flexDirection]: 'column',
 
   _horizontal: {
-    [vars$R.flexDirection]: 'row',
+    [vars$S.flexDirection]: 'row',
     timerPosition: {
       end: {
-        [vars$R.flexDirection]: 'row-reverse',
+        [vars$S.flexDirection]: 'row-reverse',
       },
     },
   },
 
   timerPosition: {
     end: {
-      [vars$R.flexDirection]: 'column-reverse',
+      [vars$S.flexDirection]: 'column-reverse',
     },
   },
 
   _fullWidth: {
-    [vars$R.hostWidth]: '100%',
+    [vars$S.hostWidth]: '100%',
   },
 
   _timerInside: {
-    [vars$R.timerTextColor]: 'currentColor',
-    [vars$R.timerIconColor]: 'currentColor',
-    [vars$R.timerHostWidth]: 'auto',
-    [vars$R.buttonLabelSpacing]: '0',
-    [vars$R.timerInsideGapEnd]: `var(${vars$R.gap})`,
+    [vars$S.timerTextColor]: 'currentColor',
+    [vars$S.timerIconColor]: 'currentColor',
+    [vars$S.timerHostWidth]: 'auto',
+    [vars$S.buttonLabelSpacing]: '0',
+    [vars$S.timerInsideGapEnd]: `var(${vars$S.gap})`,
     timerPosition: {
       end: {
-        [vars$R.timerInsideGapStart]: `var(${vars$R.gap})`,
+        [vars$S.timerInsideGapStart]: `var(${vars$S.gap})`,
       },
     },
   },
@@ -8824,12 +8824,12 @@ const timerButton = {
 var timerButton$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: timerButton,
-  vars: vars$R
+  vars: vars$S
 });
 
-const componentName$11 = getComponentName('password-strength');
+const componentName$12 = getComponentName('password-strength');
 class RawPasswordStrength extends createBaseClass$1({
-  componentName: componentName$11,
+  componentName: componentName$12,
   baseSelector: ':host > .wrapper',
 }) {
   static get observedAttributes() {
@@ -8943,7 +8943,7 @@ class RawPasswordStrength extends createBaseClass$1({
   }
 }
 
-const { host: host$n, bar, filledBar, barsContainer, text: text$1 } = {
+const { host: host$o, bar, filledBar, barsContainer, text: text$1 } = {
   host: { selector: () => ':host' },
   bar: { selector: ' .bar' },
   barsContainer: { selector: ' .bars-container' },
@@ -8956,11 +8956,11 @@ const PasswordStrengthClass = compose(
   createStyleMixin$1({
     mappings: {
       hostWidth: [
-        { ...host$n, property: 'width' },
-        { ...host$n, property: 'min-width' },
+        { ...host$o, property: 'width' },
+        { ...host$o, property: 'min-width' },
       ],
-      hostDirection: { ...host$n, property: 'direction' },
-      hostMinWidth: { ...host$n, property: 'min-width' },
+      hostDirection: { ...host$o, property: 'direction' },
+      hostMinWidth: { ...host$o, property: 'min-width' },
       barHeight: { ...bar, property: 'height' },
       barBorderRadius: { ...bar, property: 'border-radius' },
       emptyBarColor: { ...bar, property: 'background-color' },
@@ -9020,22 +9020,22 @@ const passwordStrength = {
   }
 };
 
-const vars$Q = {
+const vars$R = {
   ...compVars$6,
 };
 
 var passwordStrength$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: passwordStrength,
-  vars: vars$Q
+  vars: vars$R
 });
 
 var chevronIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNy4yMTkzIDkuMjcyODNDMTcuNjU4NCA4Ljg3OTEyIDE4LjMzMzQgOC45MTU4NyAxOC43MjcyIDkuMzU0OTJDMTkuMTIwOSA5Ljc5Mzk3IDE5LjA4NDEgMTAuNDY5MSAxOC42NDUxIDEwLjg2MjhDMTguNjQ1MSAxMC44NjI4IDEzLjA0NTcgMTYuMDAyMiAxMi42NCAxNi4zNjZDMTIuMjM0MyAxNi43Mjk4IDExLjc2MDggMTYuNzI5OCAxMS4zNTUyIDE2LjM2Nkw1LjM1NDkyIDEwLjg2MjhDNC45MTU4NyAxMC40NjkxIDQuODc5MTIgOS43OTM5NyA1LjI3MjgzIDkuMzU0OTJDNS42NjY1NSA4LjkxNTg3IDYuMzQxNjQgOC44NzkxMiA2Ljc4MDY5IDkuMjcyODNMMTIgMTQuMTM2OEwxNy4yMTkzIDkuMjcyODNaIi8+Cjwvc3ZnPgo=";
 
-const componentName$10 = getComponentName('collapsible-container');
+const componentName$11 = getComponentName('collapsible-container');
 
 class RawCollapsibleContainer extends createBaseClass$1({
-  componentName: componentName$10,
+  componentName: componentName$11,
   baseSelector: 'slot',
 }) {
   static get observedAttributes() {
@@ -9270,7 +9270,7 @@ const [helperTheme$4, helperRefs$4, helperVars$4] = createHelperVars$1(
   {
     shadowColor: '#00000020', // if we want to support transparency vars, we should use different color format
   },
-  componentName$10
+  componentName$11
 );
 
 const { shadowColor: shadowColor$4 } = helperRefs$4;
@@ -9370,7 +9370,7 @@ const collapsibleContainer = {
   }
 };
 
-const vars$P = {
+const vars$Q = {
   ...compVars$5,
   ...helperVars$4,
 };
@@ -9378,12 +9378,12 @@ const vars$P = {
 var collapsibleContainer$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: collapsibleContainer,
-  vars: vars$P
+  vars: vars$Q
 });
 
-const componentName$$ = getComponentName('recovery-codes');
+const componentName$10 = getComponentName('recovery-codes');
 
-const itemRenderer$3 = ({ value }, _, ref) => {
+const itemRenderer$4 = ({ value }, _, ref) => {
   return `
     <descope-text variant="${ref.variant}" mode="${ref.mode}">
       <span>${value}</span>
@@ -9392,7 +9392,7 @@ const itemRenderer$3 = ({ value }, _, ref) => {
 };
 
 class RawRecoveryCodes extends createBaseClass$1({
-  componentName: componentName$$,
+  componentName: componentName$10,
   baseSelector: ':host > div',
 }) {
   static get observedAttributes() {
@@ -9523,7 +9523,7 @@ const RecoveryCodesClass = compose(
     },
   }),
   createDynamicDataMixin$1({
-    itemRenderer: itemRenderer$3,
+    itemRenderer: itemRenderer$4,
     rerenderAttrsList: ['variant', 'mode'],
     targetSelector: '.list',
   }),
@@ -9532,37 +9532,37 @@ const RecoveryCodesClass = compose(
 )(RawRecoveryCodes);
 
 const globalRefs$q = getThemeRefs$1(globals);
-const vars$O = RecoveryCodesClass.cssVarList;
+const vars$P = RecoveryCodesClass.cssVarList;
 const textVars$5 = TextClass.cssVarList;
 
 const recoveryCodes = {
-  [vars$O.hostMinWidth]: '190px',
-  [vars$O.hostDirection]: globalRefs$q.direction,
-  [vars$O.iconColor]: useVar$1(textVars$5.textColor),
-  [vars$O.iconSize]: useVar$1(textVars$5.fontSize),
-  [vars$O.iconGap]: '8px',
-  [vars$O.bulletGap]: '0.35em',
+  [vars$P.hostMinWidth]: '190px',
+  [vars$P.hostDirection]: globalRefs$q.direction,
+  [vars$P.iconColor]: useVar$1(textVars$5.textColor),
+  [vars$P.iconSize]: useVar$1(textVars$5.fontSize),
+  [vars$P.iconGap]: '8px',
+  [vars$P.bulletGap]: '0.35em',
 
   textAlign: {
-    right: { [vars$O.textAlign]: 'flex-end' },
-    left: { [vars$O.textAlign]: 'flex-start' },
-    center: { [vars$O.textAlign]: 'center' },
+    right: { [vars$P.textAlign]: 'flex-end' },
+    left: { [vars$P.textAlign]: 'flex-start' },
+    center: { [vars$P.textAlign]: 'center' },
   },
 
   _fullWidth: {
-    [vars$O.hostWidth]: '100%',
+    [vars$P.hostWidth]: '100%',
   },
 };
 
 var recoveryCodes$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: recoveryCodes,
-  vars: vars$O
+  vars: vars$P
 });
 
-const componentName$_ = getComponentName('outbound-apps');
+const componentName$$ = getComponentName('outbound-apps');
 
-const itemRenderer$2 = (
+const itemRenderer$3 = (
   { name, description, logo, appId, isConnected },
   _,
   ref,
@@ -9605,12 +9605,12 @@ const itemRenderer$2 = (
 `;
 };
 
-const BaseClass$4 = createBaseClass$1({
-  componentName: componentName$_,
+const BaseClass$5 = createBaseClass$1({
+  componentName: componentName$$,
   baseSelector: 'descope-list',
 });
 
-class RawOutboundAppsClass extends BaseClass$4 {
+class RawOutboundAppsClass extends BaseClass$5 {
   constructor() {
     super();
 
@@ -9653,7 +9653,7 @@ class RawOutboundAppsClass extends BaseClass$4 {
   init() {
     super.init?.();
 
-    this.appsList.itemRenderer = itemRenderer$2;
+    this.appsList.itemRenderer = itemRenderer$3;
 
     this.appsList.addEventListener('click', this.onAppsListClick.bind(this));
   }
@@ -9690,17 +9690,17 @@ class RawOutboundAppsClass extends BaseClass$4 {
   }
 }
 
-const { host: host$m } = {
+const { host: host$n } = {
   host: { selector: () => ':host' },
 };
 
 const OutboundAppsClass = compose(
   createStyleMixin$1({
     mappings: {
-      hostWidth: { ...host$m, property: 'width' },
+      hostWidth: { ...host$n, property: 'width' },
       minHeight: { selector: () => ':host' },
       hostDirection: [
-        { ...host$m, property: 'direction' },
+        { ...host$n, property: 'direction' },
         {
           selector: 'descope-list',
           property: 'direction',
@@ -9772,7 +9772,7 @@ const OutboundAppsClass = compose(
   }),
   draggableMixin$1,
   createDynamicDataMixin$1({
-    itemRenderer: itemRenderer$2,
+    itemRenderer: itemRenderer$3,
     rerenderAttrsList: [
       'size',
       'connect-button-label',
@@ -9782,36 +9782,36 @@ const OutboundAppsClass = compose(
   componentNameValidationMixin$1,
 )(RawOutboundAppsClass);
 
-const vars$N = OutboundAppsClass.cssVarList;
+const vars$O = OutboundAppsClass.cssVarList;
 
 const outboundApps = {
-  [vars$N.iconColor]: globals.colors.primary.main,
-  [vars$N.errorIconColor]: globals.colors.error.main,
+  [vars$O.iconColor]: globals.colors.primary.main,
+  [vars$O.errorIconColor]: globals.colors.error.main,
 
-  [vars$N.appLogoGap]: globals.spacing.md,
-  [vars$N.contentGap]: globals.spacing.xs,
+  [vars$O.appLogoGap]: globals.spacing.md,
+  [vars$O.contentGap]: globals.spacing.xs,
 
   // list-item overrides
-  [vars$N.itemCursor]: 'default',
-  [vars$N.itemOutline]: 'none',
-  [vars$N.itemBorderColor]: 'transparent',
+  [vars$O.itemCursor]: 'default',
+  [vars$O.itemOutline]: 'none',
+  [vars$O.itemBorderColor]: 'transparent',
 
-  [vars$N.listPadding]: '0',
-  [vars$N.listBorderWidth]: '0',
-  [vars$N.listBoxShadow]: 'none',
+  [vars$O.listPadding]: '0',
+  [vars$O.listBorderWidth]: '0',
+  [vars$O.listBoxShadow]: 'none',
 
   size: {
     xs: {
-      [vars$N.fontSize]: '0.6em',
+      [vars$O.fontSize]: '0.6em',
     },
     sm: {
-      [vars$N.fontSize]: '0.8em',
+      [vars$O.fontSize]: '0.8em',
     },
     md: {
-      [vars$N.fontSize]: '1em',
+      [vars$O.fontSize]: '1em',
     },
     lg: {
-      [vars$N.fontSize]: '1.5em',
+      [vars$O.fontSize]: '1.5em',
     },
   },
 };
@@ -9819,13 +9819,13 @@ const outboundApps = {
 var outboundApps$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: outboundApps,
-  vars: vars$N
+  vars: vars$O
 });
 
-const componentName$Z = getComponentName('outbound-app-button');
+const componentName$_ = getComponentName('outbound-app-button');
 
 class RawOutboundAppButton extends createBaseClass$1({
-  componentName: componentName$Z,
+  componentName: componentName$_,
   baseSelector: ':host > descope-button',
 }) {
   static get observedAttributes() {
@@ -9924,12 +9924,12 @@ const outboundAppButton = {
   },
 };
 
-const vars$M = compVars$4;
+const vars$N = compVars$4;
 
 var outboundAppButton$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: outboundAppButton,
-  vars: vars$M
+  vars: vars$N
 });
 
 var desktopDeviceIconLight = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDE4QzIxLjEgMTggMjEuOTkgMTcuMSAyMS45OSAxNkwyMiA2QzIyIDQuOSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC45IDIgNlYxNkMyIDE3LjEgMi45IDE4IDQgMThIMFYyMEgyNFYxOEgyMFpNNCA2SDIwVjE2SDRWNloiIGZpbGw9IiM2MzZDNzQiLz4KPC9zdmc+Cg==";
@@ -9948,16 +9948,16 @@ var tabletDeviceIconDark = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaW
 
 var unknownDeviceIconDark = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkgyMlY0SDRDMi45IDQgMiA0LjkgMiA2VjE3SDBWMjBIMTRWMTdINFY2Wk0yMyA4SDE3QzE2LjQ1IDggMTYgOC40NSAxNiA5VjE5QzE2IDE5LjU1IDE2LjQ1IDIwIDE3IDIwSDIzQzIzLjU1IDIwIDI0IDE5LjU1IDI0IDE5VjlDMjQgOC40NSAyMy41NSA4IDIzIDhaTTIyIDE3SDE4VjEwSDIyVjE3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";
 
-const ensureDate = (loginDate) => {
+const ensureDate$1 = (loginDate) => {
   const numVal = parseInt(loginDate, 10);
   if (Number.isNaN(numVal)) return 0;
   return numVal;
 };
 
-const sortFn = (a, b) =>
-  ensureDate(b.lastLoginDate) - ensureDate(a.lastLoginDate);
+const sortFn$1 = (a, b) =>
+  ensureDate$1(b.lastLoginDate) - ensureDate$1(a.lastLoginDate);
 
-const parseDate = (epoch, format) => {
+const parseDate$1 = (epoch, format) => {
   if (Number.isNaN(parseInt(epoch, 10))) return '';
 
   const date = new Date(epoch);
@@ -9976,7 +9976,7 @@ const parseDate = (epoch, format) => {
     'MM-DD-YYYY': `${month}/${day}/${year}`,
   };
 
-  const dateStr = formatMap[format] || formatMap['MM/DD/YYYY'];
+  const dateStr = formatMap[format] || formatMap['MM-DD-YYYY'];
   return `${dateStr} ${time}`;
 };
 
@@ -10007,9 +10007,9 @@ const getDeviceIcon = (deviceType) => {
   };
 };
 
-const componentName$Y = getComponentName('trusted-devices');
+const componentName$Z = getComponentName('trusted-devices');
 
-const itemRenderer$1 = (
+const itemRenderer$2 = (
   { id, name, lastLoginDate, deviceType, isCurrent },
   _,
   ref,
@@ -10020,7 +10020,7 @@ const itemRenderer$1 = (
 
   const loginLabel = ref.lastLoginLabel ? `${ref.lastLoginLabel} ` : '';
 
-  const loginDate = parseDate(lastLoginDate, ref.format);
+  const loginDate = parseDate$1(lastLoginDate, ref.format);
 
   const badge = isCurrent
     ? `<descope-badge
@@ -10095,12 +10095,12 @@ const itemRenderer$1 = (
   return template;
 };
 
-const BaseClass$3 = createBaseClass$1({
-  componentName: componentName$Y,
+const BaseClass$4 = createBaseClass$1({
+  componentName: componentName$Z,
   baseSelector: ListClass.componentName,
 });
 
-class RawTrustedDevicesClass extends BaseClass$3 {
+class RawTrustedDevicesClass extends BaseClass$4 {
   constructor() {
     super();
 
@@ -10195,7 +10195,7 @@ class RawTrustedDevicesClass extends BaseClass$3 {
   init() {
     super.init?.();
 
-    this.appsList.itemRenderer = itemRenderer$1;
+    this.appsList.itemRenderer = itemRenderer$2;
 
     this.appsList.addEventListener('click', this.onRemoveClick.bind(this));
   }
@@ -10245,17 +10245,17 @@ class RawTrustedDevicesClass extends BaseClass$3 {
   }
 }
 
-const { host: host$l } = {
+const { host: host$m } = {
   host: { selector: () => ':host' },
 };
 
 const TrustedDevicesClass = compose(
   createStyleMixin$1({
     mappings: {
-      hostWidth: { ...host$l, property: 'width' },
-      hostMinWidth: { ...host$l, property: 'min-width' },
+      hostWidth: { ...host$m, property: 'width' },
+      hostMinWidth: { ...host$m, property: 'min-width' },
       hostDirection: [
-        { ...host$l, property: 'direction' },
+        { ...host$m, property: 'direction' },
         {
           selector: () => 'descope-list-item',
           property: 'direction',
@@ -10373,8 +10373,8 @@ const TrustedDevicesClass = compose(
   }),
   draggableMixin$1,
   createDynamicDataMixin$1({
-    itemRenderer: itemRenderer$1,
-    sortFn,
+    itemRenderer: itemRenderer$2,
+    sortFn: sortFn$1,
     rerenderAttrsList: [
       'remove-device-label',
       'current-device-label',
@@ -10386,51 +10386,51 @@ const TrustedDevicesClass = compose(
   componentNameValidationMixin$1,
 )(RawTrustedDevicesClass);
 
-const vars$L = TrustedDevicesClass.cssVarList;
+const vars$M = TrustedDevicesClass.cssVarList;
 
 const TrustedDevices = {
-  [vars$L.hostWidth]: 'auto',
-  [vars$L.hostWidth]: '300px',
-  [vars$L.hostMinWidth]: '300px',
-
-  [vars$L.listBackgroundColor]: 'transparent',
-  [vars$L.listBorderRadius]: '0',
-  [vars$L.listBorderWidth]: '0',
-  [vars$L.listPadding]: '0',
-  [vars$L.listBoxShadow]: 'none',
-  [vars$L.listItemsGap]: globals.spacing.lg,
-
-  [vars$L.itemBorderColor]: globals.colors.surface.light,
-  [vars$L.itemVerticalPadding]: globals.spacing.lg,
-  [vars$L.itemHorizontalPadding]: globals.spacing.lg,
-  [vars$L.itemBorderRadius]: globals.radius.xs,
-  [vars$L.itemOutline]: 'transparent',
-  [vars$L.itemBackgroundColor]: 'transparent',
-  [vars$L.itemCursor]: 'default',
-  [vars$L.itemContentGap]: globals.spacing.sm,
-
-  [vars$L.badgeBorderColor]: globals.colors.surface.light,
-  [vars$L.badgeTextColor]: globals.colors.surface.dark,
-  [vars$L.badgeBorderRadius]: globals.radius.xs,
-  [vars$L.badgeBackgroundColor]: globals.colors.surface.main,
-
-  [vars$L.devicePanelGap]: globals.spacing.md,
-  [vars$L.deviceIconGap]: globals.spacing.md,
-  [vars$L.deviceIconSize]: '24px',
-  [vars$L.lastLoginLabelGap]: globals.spacing.xs,
+  [vars$M.hostWidth]: 'auto',
+  [vars$M.hostWidth]: '300px',
+  [vars$M.hostMinWidth]: '300px',
+
+  [vars$M.listBackgroundColor]: 'transparent',
+  [vars$M.listBorderRadius]: '0',
+  [vars$M.listBorderWidth]: '0',
+  [vars$M.listPadding]: '0',
+  [vars$M.listBoxShadow]: 'none',
+  [vars$M.listItemsGap]: globals.spacing.lg,
+
+  [vars$M.itemBorderColor]: globals.colors.surface.light,
+  [vars$M.itemVerticalPadding]: globals.spacing.lg,
+  [vars$M.itemHorizontalPadding]: globals.spacing.lg,
+  [vars$M.itemBorderRadius]: globals.radius.xs,
+  [vars$M.itemOutline]: 'transparent',
+  [vars$M.itemBackgroundColor]: 'transparent',
+  [vars$M.itemCursor]: 'default',
+  [vars$M.itemContentGap]: globals.spacing.sm,
+
+  [vars$M.badgeBorderColor]: globals.colors.surface.light,
+  [vars$M.badgeTextColor]: globals.colors.surface.dark,
+  [vars$M.badgeBorderRadius]: globals.radius.xs,
+  [vars$M.badgeBackgroundColor]: globals.colors.surface.main,
+
+  [vars$M.devicePanelGap]: globals.spacing.md,
+  [vars$M.deviceIconGap]: globals.spacing.md,
+  [vars$M.deviceIconSize]: '24px',
+  [vars$M.lastLoginLabelGap]: globals.spacing.xs,
 
   _fullWidth: {
-    [vars$L.hostWidth]: '100%',
+    [vars$M.hostWidth]: '100%',
   },
 };
 
 var trustedDevices = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: TrustedDevices,
-  vars: vars$L
+  vars: vars$M
 });
 
-const componentName$X = getComponentName('tooltip');
+const componentName$Y = getComponentName('tooltip');
 
 const tooltipAttrs = [
   'text',
@@ -10441,7 +10441,7 @@ const tooltipAttrs = [
 ];
 
 class RawTooltip extends createBaseClass$1({
-  componentName: componentName$X,
+  componentName: componentName$Y,
   baseSelector: 'vaadin-tooltip',
 }) {
   constructor() {
@@ -10734,13 +10734,13 @@ const TooltipClass = compose(
 )(RawTooltip);
 
 const globalRefs$p = getThemeRefs$1(globals);
-const vars$K = TooltipClass.cssVarList;
+const vars$L = TooltipClass.cssVarList;
 
 const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars$1(
   {
     shadowColor: '#00000020', // if we want to support transparency vars, we should use different color format
   },
-  componentName$X
+  componentName$Y
 );
 
 const { shadowColor: shadowColor$3 } = helperRefs$3;
@@ -10748,36 +10748,36 @@ const defaultShadow = `${globalRefs$p.shadow.wide.sm} ${shadowColor$3}, ${global
 
 const tooltip = {
   ...helperTheme$3,
-  [vars$K.fontFamily]: globalRefs$p.fonts.font1.family,
-  [vars$K.fontSize]: globals.typography.body2.size,
-  [vars$K.fontWeight]: globals.typography.body2.weight,
-  [vars$K.textColor]: globalRefs$p.colors.surface.contrast,
-  [vars$K.hostDirection]: globalRefs$p.direction,
-  [vars$K.backgroundColor]: globalRefs$p.colors.surface.main,
-  [vars$K.borderColor]: globalRefs$p.colors.surface.light,
-  [vars$K.borderStyle]: 'solid',
-  [vars$K.borderWidth]: globalRefs$p.border.xs,
-  [vars$K.borderRadius]: globalRefs$p.radius.xs,
-  [vars$K.horizontalPadding]: globalRefs$p.spacing.md,
-  [vars$K.verticalPadding]: globalRefs$p.spacing.sm,
-  [vars$K.boxShadow]: defaultShadow,
+  [vars$L.fontFamily]: globalRefs$p.fonts.font1.family,
+  [vars$L.fontSize]: globals.typography.body2.size,
+  [vars$L.fontWeight]: globals.typography.body2.weight,
+  [vars$L.textColor]: globalRefs$p.colors.surface.contrast,
+  [vars$L.hostDirection]: globalRefs$p.direction,
+  [vars$L.backgroundColor]: globalRefs$p.colors.surface.main,
+  [vars$L.borderColor]: globalRefs$p.colors.surface.light,
+  [vars$L.borderStyle]: 'solid',
+  [vars$L.borderWidth]: globalRefs$p.border.xs,
+  [vars$L.borderRadius]: globalRefs$p.radius.xs,
+  [vars$L.horizontalPadding]: globalRefs$p.spacing.md,
+  [vars$L.verticalPadding]: globalRefs$p.spacing.sm,
+  [vars$L.boxShadow]: defaultShadow,
 
   shadow: {
     sm: {
-      [vars$K.boxShadow]: defaultShadow,
+      [vars$L.boxShadow]: defaultShadow,
     },
     md: {
-      [vars$K.boxShadow]: `${globalRefs$p.shadow.wide.md} ${shadowColor$3}, ${globalRefs$p.shadow.narrow.md} ${shadowColor$3}`,
+      [vars$L.boxShadow]: `${globalRefs$p.shadow.wide.md} ${shadowColor$3}, ${globalRefs$p.shadow.narrow.md} ${shadowColor$3}`,
     },
     lg: {
-      [vars$K.boxShadow]: `${globalRefs$p.shadow.wide.lg} ${shadowColor$3}, ${globalRefs$p.shadow.narrow.lg} ${shadowColor$3}`,
+      [vars$L.boxShadow]: `${globalRefs$p.shadow.wide.lg} ${shadowColor$3}, ${globalRefs$p.shadow.narrow.lg} ${shadowColor$3}`,
     },
     xl: {
-      [vars$K.boxShadow]: `${globalRefs$p.shadow.wide.xl} ${shadowColor$3}, ${globalRefs$p.shadow.narrow.xl} ${shadowColor$3}`,
+      [vars$L.boxShadow]: `${globalRefs$p.shadow.wide.xl} ${shadowColor$3}, ${globalRefs$p.shadow.narrow.xl} ${shadowColor$3}`,
     },
     '2xl': {
       [helperVars$3.shadowColor]: '#00000050', // mimic daisyUI shadow settings
-      [vars$K.boxShadow]: `${globalRefs$p.shadow.wide['2xl']} ${shadowColor$3}`,
+      [vars$L.boxShadow]: `${globalRefs$p.shadow.wide['2xl']} ${shadowColor$3}`,
     },
   },
 };
@@ -10785,7 +10785,7 @@ const tooltip = {
 var tooltip$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: tooltip,
-  vars: vars$K
+  vars: vars$L
 });
 
 // Data service for country/subdivision/city data.
@@ -10838,7 +10838,7 @@ const fetchLabels = async (baseUrl) => {
 const fetchCitiesForCountry = async (countryIso2, baseUrl) =>
   fetchJson(`${baseUrl}/countries/${countryIso2}/cities.json`);
 
-const componentName$W = getComponentName(
+const componentName$X = getComponentName(
   'country-subdivision-city-field-internal',
 );
 
@@ -10898,7 +10898,7 @@ const comboBoxHTML = (id) =>
 // --- Base class ---
 
 const BaseInputClass$4 = createBaseInputClass$1({
-  componentName: componentName$W,
+  componentName: componentName$X,
   baseSelector: '',
 });
 
@@ -11074,7 +11074,7 @@ class RawCountrySubdivisionCityFieldInternal extends BaseInputClass$4 {
       if (e.isTrusted) {
         const firstInvalidCombo = this.#allCombos.find(
           (combo) =>
-            !combo.classList.contains(`${componentName$W}-hidden`) &&
+            !combo.classList.contains(`${componentName$X}-hidden`) &&
             !combo.checkValidity(),
         );
         (firstInvalidCombo || this.#getFirstVisibleCombo())?.focus();
@@ -11171,7 +11171,7 @@ class RawCountrySubdivisionCityFieldInternal extends BaseInputClass$4 {
   // Iterate in reverse so reportValidity's focus() lands on the first invalid combo last.
   #handleInvalidCombos() {
     for (const combo of [...this.#allCombos].reverse()) {
-      if (combo.classList.contains(`${componentName$W}-hidden`)) continue;
+      if (combo.classList.contains(`${componentName$X}-hidden`)) continue;
       if (!combo.checkValidity()) combo.reportValidity();
     }
   }
@@ -11444,7 +11444,7 @@ class RawCountrySubdivisionCityFieldInternal extends BaseInputClass$4 {
       if (!this.#pendingValue && this.#defaultCountry)
         this.#onCountrySelected(this.#defaultCountry);
     } catch (e) {
-      console.error(`[${componentName$W}] Failed to load countries`, e);
+      console.error(`[${componentName$X}] Failed to load countries`, e);
     } finally {
       this.#countryComboBox.removeAttribute('loading');
     }
@@ -11469,7 +11469,7 @@ class RawCountrySubdivisionCityFieldInternal extends BaseInputClass$4 {
       }
     } catch (e) {
       console.error(
-        `[${componentName$W}] Failed to load subdivisions for ${countryIso2}`,
+        `[${componentName$X}] Failed to load subdivisions for ${countryIso2}`,
         e,
       );
       this.#subdivisionVisible = false;
@@ -11497,7 +11497,7 @@ class RawCountrySubdivisionCityFieldInternal extends BaseInputClass$4 {
       }
     } catch (e) {
       console.error(
-        `[${componentName$W}] Failed to load cities for ${countryIso2}${stateCode ? `/${stateCode}` : ''}`,
+        `[${componentName$X}] Failed to load cities for ${countryIso2}${stateCode ? `/${stateCode}` : ''}`,
         e,
       );
     } finally {
@@ -11589,7 +11589,7 @@ class RawCountrySubdivisionCityFieldInternal extends BaseInputClass$4 {
   }
 
   #setVisible(el, visible) {
-    el?.classList.toggle(`${componentName$W}-hidden`, !visible);
+    el?.classList.toggle(`${componentName$X}-hidden`, !visible);
   }
 
   #updateRequiredOnCombos() {
@@ -11659,7 +11659,7 @@ class RawCountrySubdivisionCityFieldInternal extends BaseInputClass$4 {
 
   #getFirstVisibleCombo() {
     return this.#allCombos.find(
-      (combo) => !combo.classList.contains(`${componentName$W}-hidden`),
+      (combo) => !combo.classList.contains(`${componentName$X}-hidden`),
     );
   }
 
@@ -11676,7 +11676,7 @@ compose()(
   RawCountrySubdivisionCityFieldInternal,
 );
 
-const componentName$V = getComponentName('country-subdivision-city-field');
+const componentName$W = getComponentName('country-subdivision-city-field');
 
 const customMixin$b = (superclass) =>
   class CountrySubdivisionCityFieldMixinClass extends superclass {
@@ -11686,15 +11686,15 @@ const customMixin$b = (superclass) =>
       const template = document.createElement('template');
 
       template.innerHTML = `
-      <${componentName$W}
+      <${componentName$X}
         tabindex="-1"
-      ></${componentName$W}>
+      ></${componentName$X}>
       `;
 
       this.baseElement.appendChild(template.content.cloneNode(true));
 
       this.inputElement = this.shadowRoot.querySelector(
-        componentName$W,
+        componentName$X,
       );
 
       forwardAttrs(this, this.inputElement, {
@@ -11728,14 +11728,14 @@ const customMixin$b = (superclass) =>
     }
   };
 
-const host$k = { selector: () => ':host' };
+const host$l = { selector: () => ':host' };
 
 const internalWrapper$2 = {
-  selector: `${componentName$W} > .wrapper`,
+  selector: `${componentName$X} > .wrapper`,
 };
 
 const internalComboBoxes = {
-  selector: `${componentName$W} > .wrapper > descope-combo-box`,
+  selector: `${componentName$X} > .wrapper > descope-combo-box`,
 };
 
 const CountrySubdivisionCityFieldClass = compose(
@@ -11744,9 +11744,9 @@ const CountrySubdivisionCityFieldClass = compose(
   }),
   createStyleMixin$1({
     mappings: {
-      hostWidth: { ...host$k, property: 'width' },
+      hostWidth: { ...host$l, property: 'width' },
       hostDirection: [
-        { ...host$k, property: 'direction' },
+        { ...host$l, property: 'direction' },
         {
           ...internalComboBoxes,
           property: ComboBoxClass.cssVarList.hostDirection,
@@ -11785,7 +11785,7 @@ const CountrySubdivisionCityFieldClass = compose(
     width: 100%;
   }
 
-  ${componentName$W} {
+  ${componentName$X} {
     display: inline-block;
     box-sizing: border-box;
     user-select: none;
@@ -11793,50 +11793,50 @@ const CountrySubdivisionCityFieldClass = compose(
     max-width: 100%;
   }
 
-  ${componentName$W} > .wrapper {
+  ${componentName$X} > .wrapper {
     display: flex;
     width: 100%;
     flex-wrap: wrap;
   }
 
-  .${componentName$W}-hidden {
+  .${componentName$X}-hidden {
     display: none;
   }
 
 `,
     excludeAttrsSync: ['tabindex', 'style', 'error-message'],
-    componentName: componentName$V,
+    componentName: componentName$W,
   }),
 );
 
-const vars$J = CountrySubdivisionCityFieldClass.cssVarList;
+const vars$K = CountrySubdivisionCityFieldClass.cssVarList;
 
 const countrySubdivisionCityField = {
-  [vars$J.hostWidth]: refs$1.width,
-  [vars$J.hostDirection]: refs$1.direction,
-  [vars$J.flexDirection]: 'column',
-  [vars$J.flexGap]: '0.5em',
-  [vars$J.itemAlignment]: 'stretch',
-  [vars$J.itemFlexGrow]: '0',
-  [vars$J.itemWidth]: 'auto',
+  [vars$K.hostWidth]: refs$1.width,
+  [vars$K.hostDirection]: refs$1.direction,
+  [vars$K.flexDirection]: 'column',
+  [vars$K.flexGap]: '0.5em',
+  [vars$K.itemAlignment]: 'stretch',
+  [vars$K.itemFlexGrow]: '0',
+  [vars$K.itemWidth]: 'auto',
 
   _fullWidth: {
-    [vars$J.hostWidth]: '100%',
+    [vars$K.hostWidth]: '100%',
   },
 
   _horizontal: {
-    [vars$J.flexDirection]: 'row',
-    [vars$J.itemFlexGrow]: '1',
+    [vars$K.flexDirection]: 'row',
+    [vars$K.itemFlexGrow]: '1',
   },
 };
 
 var countrySubdivisionCityField$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   default: countrySubdivisionCityField,
-  vars: vars$J
+  vars: vars$K
 });
 
-const componentName$U = getComponentName('attachment');
+const componentName$V = getComponentName('attachment');
 
 const ATTACHMENT_POSITIONS = [
   'top-end',
@@ -11850,7 +11850,7 @@ const ATTACHMENT_POSITIONS = [
 const DEFAULT_POSITION = ATTACHMENT_POSITIONS[0];
 
 class RawAttachment extends createBaseClass$1({
-  componentName: componentName$U,
+  componentName: componentName$V,
   baseSelector: 'descope-anchored',
 }) {
   constructor() {
@@ -12008,50 +12008,50 @@ const AttachmentClass = compose(
   componentNameValidationMixin$1,
 )(RawAttachment);
 
-const vars$I = AttachmentClass.cssVarList;
+const vars$J = AttachmentClass.cssVarList;
 
 const defaultOffset = '8px';
-const insetCalc = `calc(${defaultOffset} + var(${vars$I.offsetX}))`;
+const insetCalc = `calc(${defaultOffset} + var(${vars$J.offsetX}))`;
 
 const attachment = {
-  [vars$I.maxWidth]: `calc(100% - 2 * ${defaultOffset})`,
+  [vars$J.maxWidth]: `calc(100% - 2 * ${defaultOffset})`,
 
   position: {
     'top-start': {
-      [vars$I.transform]: 'translateY(-50%)',
-      [vars$I.justifyContent]: 'start',
-      [vars$I.left]: insetCalc,
-      [vars$I.top]: useVar$1(vars$I.offsetY),
+      [vars$J.transform]: 'translateY(-50%)',
+      [vars$J.justifyContent]: 'start',
+      [vars$J.left]: insetCalc,
+      [vars$J.top]: useVar$1(vars$J.offsetY),
     },
     'top-center': {
-      [vars$I.transform]: 'translate(-50%, -50%)',
-      [vars$I.justifyContent]: 'center',
-      [vars$I.top]: useVar$1(vars$I.offsetY),
-      [vars$I.left]: '50%',
+      [vars$J.transform]: 'translate(-50%, -50%)',
+      [vars$J.justifyContent]: 'center',
+      [vars$J.top]: useVar$1(vars$J.offsetY),
+      [vars$J.left]: '50%',
     },
     'top-end': {
-      [vars$I.transform]: 'translateY(-50%)',
-      [vars$I.justifyContent]: 'end',
-      [vars$I.right]: insetCalc,
-      [vars$I.top]: useVar$1(vars$I.offsetY),
+      [vars$J.transform]: 'translateY(-50%)',
+      [vars$J.justifyContent]: 'end',
+      [vars$J.right]: insetCalc,
+      [vars$J.top]: useVar$1(vars$J.offsetY),
     },
     'bottom-start': {
-      [vars$I.transform]: 'translateY(50%)',
-      [vars$I.justifyContent]: 'start',
-      [vars$I.left]: insetCalc,
-      [vars$I.bottom]: useVar$1(vars$I.offsetY),
+      [vars$J.transform]: 'translateY(50%)',
+      [vars$J.justifyContent]: 'start',
+      [vars$J.left]: insetCalc,
+      [vars$J.bottom]: useVar$1(vars$J.offsetY),
     },
     'bottom-center': {
-      [vars$I.bottom]: useVar$1(vars$I.offsetY),
-      [vars$I.transform]: 'translate(-50%, 50%)',
-      [vars$I.justifyContent]: 'center',
-      [vars$I.left]: '50%',
+      [vars$J.bottom]: useVar$1(vars$J.offsetY),
+      [vars$J.transform]: 'translate(-50%, 50%)',
+      [vars$J.justifyContent]: 'center',
+      [vars$J.left]: '50%',
     },
     'bottom-end': {
-      [vars$I.transform]: 'translateY(50%)',
-      [vars$I.justifyContent]: 'end',
-      [vars$I.right]: insetCalc,
-      [vars$I.bottom]: useVar$1(vars$I.offsetY),
+      [vars$J.transform]: 'translateY(50%)',
+      [vars$J.justifyContent]: 'end',
+      [vars$J.right]: insetCalc,
+      [vars$J.bottom]: useVar$1(vars$J.offsetY),
     },
   },
 };
@@ -12061,116 +12061,825 @@ var attachment$1 = /*#__PURE__*/Object.freeze({
   default: attachment
 });
 
-const getOverrideCssVarName = (origVarName) => `${origVarName}__override`;
+var onePasswordDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDI0djI0aC0yNHoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZD0ibTEgMWgyMnYyMmgtMjJ6Ii8+PC9jbGlwUGF0aD48bWFzayBpZD0iYyIgaGVpZ2h0PSIyMiIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgd2lkdGg9IjExNiIgeD0iMSIgeT0iMSI+PHBhdGggZD0ibTEgMWgxMTUuMDc3djIyaC0xMTUuMDc3eiIgZmlsbD0iI2ZmZiIvPjwvbWFzaz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSI+PGcgbWFzaz0idXJsKCNjKSI+PHBhdGggZD0ibTEyIDFjNi4wNzUgMCAxMSA0LjkyNDk1IDExIDExIDAgNi4wNzU0LTQuOTI1IDExLTExIDExLTYuMDc1MDUgMC0xMS00LjkyNDYtMTEtMTEgMC02LjA3NTA1IDQuOTI0OTUtMTEgMTEtMTF6bS0uODE4OSA0LjQ1NTUyYy0uNDQ0MiAwLS42NjY1LjAwMDM4LS44MzYzLjA4Njc3LS4xNDkyLjA3NjA4LS4yNzA5LjE5Nzc2LS4zNDY5Ny4zNDcwNi0uMDg2MzEuMTY5NjgtLjA4NjgxLjM5MjE2LS4wODY4MS44MzYyM3YyLjUxNzgxYzAgLjExMDkzLjAwMDA4LjE2Njg2LjAxNDEzLjIxODE1LjAxMjM1LjA0NTM1LjAzMjkxLjA4ODE3LjA2MDI0LjEyNjQxLjAzMTAxLjA0MzI0LjA3NDIxLjA3ODc4LjE2MDMxLjE0ODc2bC42MzcxLjUxNzI5Yy4xMDM4LjA4NDMuMTU1NS4xMjY5LjE3NDQuMTc3Ny4wMTY0LjA0NDQuMDE2NS4wOTM1IDAgLjEzOC0uMDE5LjA1MDYtLjA3MDguMDkyNi0uMTc0NC4xNzY4bC0uNjM3MS41MTczYy0uMDg2MS4wNjk5LS4xMjkzLjEwNTUtLjE2MDMxLjE0ODctLjAyNzMzLjAzODMtLjA0Nzg5LjA4MTEtLjA2MDI0LjEyNjQtLjAxNDA1LjA1MTMtLjAxNDEzLjEwNzItLjAxNDEzLjIxODJsLjAwMDA4IDUuNTE3M2MwIC40NDQ0LjAwMDI1LjY2NzQuMDg2NzMuODM3MS4wNzYwNy4xNDkxLjE5Nzg3LjI3MDIuMzQ2OTcuMzQ2Mi4xNjk4LjA4NjQuMzkyMS4wODY4LjgzNjMuMDg2OGgxLjYzNzhjLjQ0NDIgMCAuNjY2NS0uMDAwMy44MzYzLS4wODY4LjE0OTEtLjA3Ni4yNzA5LS4xOTcxLjM0Ny0uMzQ2Mi4wODY0LS4xNjk3LjA4NjgtLjM5MjcuMDg2OC0uODM3MXYtMi41MTc4YzAtLjExMDktLjAwMDEtLjE2NjktLjAxNDEtLjIxODEtLjAxMjQtLjA0NTQtLjAzMy0uMDg4Mi0uMDYwMy0uMTI2NS0uMDMxLS4wNDMyLS4wNzQyLS4wNzg3LS4xNjAzLS4xNDg3bC0uNjM3MS0uNTE3M2MtLjEwMzctLjA4NDItLjE1NjMtLjEyNjEtLjE3NTItLjE3NjgtLjAxNjUtLjA0NDUtLjAxNjUtLjA5NDMgMC0uMTM4OS4wMTg5LS4wNTA2LjA3MTUtLjA5MjUuMTc1Mi0uMTc2OGwuNjM3MS0uNTE3M2MuMDg2MS0uMDY5OS4xMjkzLS4xMDU1LjE2MDMtLjE0ODcuMDI3My0uMDM4My4wNDc5LS4wODExLjA2MDMtLjEyNjQuMDE0LS4wNTEzLjAxNDEtLjEwNzIuMDE0MS0uMjE4MnYtNS41MTczMmMwLS40NDQwNi0uMDAwNS0uNjY2NTUtLjA4NjgtLjgzNjIzLS4wNzYxLS4xNDkzLS4xOTc4LS4yNzA5OC0uMzQ3LS4zNDcwNi0uMTY5OC0uMDg2MzktLjM5MjEtLjA4Njc3LS44MzYzLS4wODY3N3oiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvZz48L3N2Zz4=";
 
-const createCssVar = (varName, fallback, createOverride = false) => {
-  const ret = `var(${varName}${fallback ? `, ${fallback}` : ''})`;
+var onePasswordLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDI0djI0aC0yNHoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZD0ibTEgMWgyMnYyMmgtMjJ6Ii8+PC9jbGlwUGF0aD48bWFzayBpZD0iYyIgaGVpZ2h0PSIyMiIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgd2lkdGg9IjExNiIgeD0iMSIgeT0iMSI+PHBhdGggZD0ibTEgMWgxMTUuMDc3djIyaC0xMTUuMDc3eiIgZmlsbD0iI2ZmZiIvPjwvbWFzaz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSI+PGcgbWFzaz0idXJsKCNjKSI+PHBhdGggZD0ibTEyIDFjNi4wNzUgMCAxMSA0LjkyNDk1IDExIDExIDAgNi4wNzU0LTQuOTI1IDExLTExIDExLTYuMDc1MDUgMC0xMS00LjkyNDYtMTEtMTEgMC02LjA3NTA1IDQuOTI0OTUtMTEgMTEtMTF6bS0uODE4OSA0LjQ1NTUyYy0uNDQ0MiAwLS42NjY1LjAwMDM4LS44MzYzLjA4Njc3LS4xNDkyLjA3NjA4LS4yNzA5LjE5Nzc2LS4zNDY5Ny4zNDcwNi0uMDg2MzEuMTY5NjgtLjA4NjgxLjM5MjE2LS4wODY4MS44MzYyM3YyLjUxNzgxYzAgLjExMDkzLjAwMDA4LjE2Njg2LjAxNDEzLjIxODE1LjAxMjM1LjA0NTM1LjAzMjkxLjA4ODE3LjA2MDI0LjEyNjQxLjAzMTAxLjA0MzI0LjA3NDIxLjA3ODc4LjE2MDMxLjE0ODc2bC42MzcxLjUxNzI5Yy4xMDM4LjA4NDMuMTU1NS4xMjY5LjE3NDQuMTc3Ny4wMTY0LjA0NDQuMDE2NS4wOTM1IDAgLjEzOC0uMDE5LjA1MDYtLjA3MDguMDkyNi0uMTc0NC4xNzY4bC0uNjM3MS41MTczYy0uMDg2MS4wNjk5LS4xMjkzLjEwNTUtLjE2MDMxLjE0ODctLjAyNzMzLjAzODMtLjA0Nzg5LjA4MTEtLjA2MDI0LjEyNjQtLjAxNDA1LjA1MTMtLjAxNDEzLjEwNzItLjAxNDEzLjIxODJsLjAwMDA4IDUuNTE3M2MwIC40NDQ0LjAwMDI1LjY2NzQuMDg2NzMuODM3MS4wNzYwNy4xNDkxLjE5Nzg3LjI3MDIuMzQ2OTcuMzQ2Mi4xNjk4LjA4NjQuMzkyMS4wODY4LjgzNjMuMDg2OGgxLjYzNzhjLjQ0NDIgMCAuNjY2NS0uMDAwMy44MzYzLS4wODY4LjE0OTEtLjA3Ni4yNzA5LS4xOTcxLjM0Ny0uMzQ2Mi4wODY0LS4xNjk3LjA4NjgtLjM5MjcuMDg2OC0uODM3MXYtMi41MTc4YzAtLjExMDktLjAwMDEtLjE2NjktLjAxNDEtLjIxODEtLjAxMjQtLjA0NTQtLjAzMy0uMDg4Mi0uMDYwMy0uMTI2NS0uMDMxLS4wNDMyLS4wNzQyLS4wNzg3LS4xNjAzLS4xNDg3bC0uNjM3MS0uNTE3M2MtLjEwMzctLjA4NDItLjE1NjMtLjEyNjEtLjE3NTItLjE3NjgtLjAxNjUtLjA0NDUtLjAxNjUtLjA5NDMgMC0uMTM4OS4wMTg5LS4wNTA2LjA3MTUtLjA5MjUuMTc1Mi0uMTc2OGwuNjM3MS0uNTE3M2MuMDg2MS0uMDY5OS4xMjkzLS4xMDU1LjE2MDMtLjE0ODcuMDI3My0uMDM4My4wNDc5LS4wODExLjA2MDMtLjEyNjQuMDE0LS4wNTEzLjAxNDEtLjEwNzIuMDE0MS0uMjE4MnYtNS41MTczMmMwLS40NDQwNi0uMDAwNS0uNjY2NTUtLjA4NjgtLjgzNjIzLS4wNzYxLS4xNDkzLS4xOTc4LS4yNzA5OC0uMzQ3LS4zNDcwNi0uMTY5OC0uMDg2MzktLjM5MjEtLjA4Njc3LS44MzYzLS4wODY3N3oiIGZpbGw9IiMwMDAiLz48L2c+PC9nPjwvZz48L3N2Zz4=";
 
-  if (!createOverride) return ret;
+var appleDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuMjY3MiA2LjA3NjkyYy45OTg0IDAgMi4yNS0uNjcxMzMgMi45OTUzLTEuNTY2NDMuNjc1LS44MTExOSAxLjE2NzItMS45NDQwNiAxLjE2NzItMy4wNzY5MiAwLS4xNTM4NS0uMDE0MS0uMzA3Ny0uMDQyMi0uNDMzNTctMS4xMTA5LjA0MTk2LTIuNDQ2OS43NDEyNi0zLjI0ODQgMS42NzgzMi0uNjMyOC43MTMyOS0xLjIwOTQgMS44MzIxNy0xLjIwOTQgMi45NzkwMiAwIC4xNjc4NC4wMjgxLjMzNTY3LjA0MjIuMzkxNjEuMDcwMy4wMTM5OS4xODI4LjAyNzk3LjI5NTMuMDI3OTd6bS0zLjUxNTY0IDE2LjkyMzA4YzEuMzY0MDQgMCAxLjk2ODc0LS45MDkxIDMuNjcwMzQtLjkwOTEgMS43Mjk3IDAgMi4xMDk0Ljg4MTEgMy42MjgxLjg4MTEgMS40OTA2IDAgMi40ODkxLTEuMzcwNiAzLjQzMTMtMi43MTMzIDEuMDU0Ni0xLjUzODQgMS40OTA2LTMuMDQ4OSAxLjUxODctMy4xMTg4LS4wOTg0LS4wMjgtMi45NTMxLTEuMTg4OS0yLjk1MzEtNC40NDc2IDAtMi44MjUxNyAyLjI1LTQuMDk3ODkgMi4zNzY1LTQuMTk1OC0xLjQ5MDYtMi4xMjU4Ny0zLjc1NDYtMi4xODE4MS00LjM3MzQtMi4xODE4MS0xLjY3MzQgMC0zLjAzNzUgMS4wMDY5OS0zLjg5NTMgMS4wMDY5OS0uOTI4MSAwLTIuMTUxNi0uOTUxMDUtMy42MDAwMS0uOTUxMDUtMi43NTYyNSAwLTUuNTU0NjkgMi4yNjU3My01LjU1NDY5IDYuNTQ1NDcgMCAyLjY1NzMgMS4wNDA2MyA1LjQ2ODUgMi4zMjAzMSA3LjI4NjcgMS4wOTY4OCAxLjUzODUgMi4wNTMxMyAyLjc5NzIgMy40MzEyNSAyLjc5NzJ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+";
 
-  // we are generating an override css var to allow override with fallback to the default var
-  const overrideVarName = getOverrideCssVarName(varName);
-  return `var(${overrideVarName}, ${ret})`;
-};
+var appleLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDI0djI0aC0yNHoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0ibTEyLjc1MjMgNi4wNzY5MmMuOTQzIDAgMi4xMjUtLjY3MTMzIDIuODI5LTEuNTY2NDMuNjM3NS0uODExMTkgMS4xMDIzLTEuOTQ0MDYgMS4xMDIzLTMuMDc2OTIgMC0uMTUzODUtLjAxMzMtLjMwNzctLjAzOTgtLjQzMzU3LTEuMDQ5My4wNDE5Ni0yLjMxMS43NDEyNi0zLjA2OCAxLjY3ODMyLS41OTc3LjcxMzI5LTEuMTQyMiAxLjgzMjE3LTEuMTQyMiAyLjk3OTAyIDAgLjE2Nzg0LjAyNjYuMzM1NjcuMDM5OC4zOTE2MS4wNjY0LjAxMzk5LjE3MjcuMDI3OTcuMjc4OS4wMjc5N3ptLTMuMzIwMjcgMTYuOTIzMDhjMS4yODgyNyAwIDEuODU5MzctLjkwOTEgMy40NjYzNy0uOTA5MSAxLjYzMzYgMCAxLjk5MjIuODgxMSAzLjQyNjYuODgxMSAxLjQwNzggMCAyLjM1MDgtMS4zNzA2IDMuMjQwNi0yLjcxMzMuOTk2MS0xLjUzODQgMS40MDc4LTMuMDQ4OSAxLjQzNDQtMy4xMTg4LS4wOTMtLjAyOC0yLjc4OTEtMS4xODg5LTIuNzg5MS00LjQ0NzYgMC0yLjgyNTE3IDIuMTI1LTQuMDk3ODkgMi4yNDQ2LTQuMTk1OC0xLjQwNzgtMi4xMjU4Ny0zLjU0NjEtMi4xODE4MS00LjEzMDUtMi4xODE4MS0xLjU4MDUgMC0yLjg2ODcgMS4wMDY5OS0zLjY3ODkgMS4wMDY5OS0uODc2NiAwLTIuMDMyLS45NTEwNS0zLjQwMDAxLS45NTEwNS0yLjYwMzEyIDAtNS4yNDYwOSAyLjI2NTczLTUuMjQ2MDkgNi41NDU0NyAwIDIuNjU3My45ODI4MSA1LjQ2ODUgMi4xOTE0MSA3LjI4NjcgMS4wMzU5MyAxLjUzODUgMS45MzkwNiAyLjc5NzIgMy4yNDA2MiAyLjc5NzJ6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==";
 
-const createCssSelector = (baseSelector = '', relativeSelectorOrSelectorFn = '') =>
-  isFunction$1(relativeSelectorOrSelectorFn)
-    ? relativeSelectorOrSelectorFn(baseSelector)
-    : `${baseSelector}${
-        /^[A-Za-z]/.test(relativeSelectorOrSelectorFn)
-          ? ` ${relativeSelectorOrSelectorFn}`
-          : relativeSelectorOrSelectorFn
-      }`;
+var bitwardenDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTguMyAxMi45MTcxdi05LjE2NjNoLTYuM3YxNi4yODUzYzEuMTE1OC0uNjAyIDIuMTE0My0xLjI1NTQgMi45OTU0LTEuOTYyNiAyLjIwMjYtMS43NTczIDMuMzA0Ni0zLjQ3NjEgMy4zMDQ2LTUuMTU2NHptMi43LTExLjAwMDU5djExLjAwMDU5YzAgLjgyMTYtLjE1NjUgMS42MzU0LS40NzA4IDIuNDQxNS0uMzE0My44MDc0LS43MDMxIDEuNTIyNC0xLjE2NzYgMi4xNDg4LS40NjQ2LjYyNTEtMS4wMTc0IDEuMjMzNS0xLjY1OTkgMS44MjY2LS42NDI1LjU5MTctMS4yMzQ1IDEuMDgzNC0xLjc3ODYgMS40NzQ5LS41NDQuMzkxNS0xLjExMDguNzYxMS0xLjcwMTUgMS4xMTAzLS41OTA4LjM0OTEtMS4wMDk4LjU4NTMtMS4yNTg1LjcwODUtLjI0ODcuMTI0Ni0uNDQ4MS4yMTk1LS41OTcuMjg2My0uMTEyNC4wNTc4LS4yMzQ4LjA4Ni0uMzY2MS4wODZzLS4yNTM3LS4wMjgyLS4zNjYxLS4wODZjLS4xNTAyLS4wNjY4LS4zNDk2LS4xNjE3LS41OTctLjI4NjMtLjI0ODctLjEyNDUtLjY2NzgtLjM2MDctMS4yNTg1MS0uNzA4NS0uNTkwNzQtLjM0NzktMS4xNTc1LS43MTg4LTEuNzAxNTQtMS4xMTAzcy0xLjEzNzMtLjg4MzItMS43Nzg1My0xLjQ3NDljLS42NDI1LS41OTE4LTEuMTk1MzgtMS4yMDAyLTEuNjU5ODktMS44MjY2LS40NjQ1Mi0uNjI1MS0uODUzMy0xLjM0MTQtMS4xNjc2MS0yLjE0ODgtLjMxNDMtLjgwNzQtLjQ3MDgyLTEuNjIxMi0uNDcwODItMi40NDE1di0xMS4wMDA1OWMwLS4yNDc3NC4wODk2Mi0uNDYzMzkuMjY3Ni0uNjQ0MzhzLjM4ODc4LS4yNzIxMy42MzI0LS4yNzIxM2gxNi4yYy4yNDM2IDAgLjQ1NDQuMDkxMTQuNjMyNC4yNzIxM3MuMjY3Ni4zOTY2NC4yNjc2LjY0NDM4eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==";
 
-class StyleBuilder {
-  constructor() {
-    this.styleMap = new Map();
-  }
+var bitwardenLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTguMyAxMi45MTcxdi05LjE2NjNoLTYuM3YxNi4yODUzYzEuMTE1OS0uNjAyIDIuMTE0My0xLjI1NTQgMi45OTU0LTEuOTYyNiAyLjIwMjYtMS43NTczIDMuMzA0Ni0zLjQ3NjEgMy4zMDQ2LTUuMTU2NHptMi43LTExLjAwMDU5djExLjAwMDU5YzAgLjgyMTYtLjE1NjUgMS42MzU0LS40NzA4IDIuNDQxNS0uMzE0My44MDc0LS43MDMxIDEuNTIyNC0xLjE2NzYgMi4xNDg4LS40NjQ1LjYyNTEtMS4wMTc0IDEuMjMzNS0xLjY1OTkgMS44MjY2LS42NDI1LjU5MTctMS4yMzQ1IDEuMDgzNC0xLjc3ODYgMS40NzQ5LS41NDQuMzkxNS0xLjExMDguNzYxMS0xLjcwMTUgMS4xMTAzLS41OTA3LjM0OTEtMS4wMDk4LjU4NTMtMS4yNTg1LjcwODUtLjI0ODcuMTI0Ni0uNDQ4MS4yMTk1LS41OTcuMjg2My0uMTEyNC4wNTc4LS4yMzQ4LjA4Ni0uMzY2MS4wODZzLS4yNTM3LS4wMjgyLS4zNjYxLS4wODZjLS4xNTAyLS4wNjY4LS4zNDk2LS4xNjE3LS41OTctLjI4NjMtLjI0ODctLjEyNDUtLjY2NzgtLjM2MDctMS4yNTg1LS43MDg1LS41OTA3NC0uMzQ3OS0xLjE1NzUtLjcxODgtMS43MDE1NC0xLjExMDNzLTEuMTM3MzEtLjg4MzItMS43Nzg1NC0xLjQ3NDljLS42NDI1LS41OTE4LTEuMTk1MzctMS4yMDAyLTEuNjU5ODktMS44MjY2LS40NjQ1Mi0uNjI1MS0uODUzMy0xLjM0MTQtMS4xNjc2LTIuMTQ4OC0uMzE0MzEtLjgwNzQtLjQ3MDgzLTEuNjIxMi0uNDcwODMtMi40NDE1di0xMS4wMDA1OWMwLS4yNDc3NC4wODk2Mi0uNDYzMzkuMjY3Ni0uNjQ0MzhzLjM4ODc4LS4yNzIxMy42MzI0LS4yNzIxM2gxNi4yYy4yNDM2IDAgLjQ1NDQuMDkxMTQuNjMyNC4yNzIxM3MuMjY3Ni4zOTY2NC4yNjc2LjY0NDM4eiIgZmlsbD0iIzE3NWRkYyIvPjwvc3ZnPg==";
 
-  add(selector, property, value) {
-    if (!this.styleMap.has(selector)) {
-      this.styleMap.set(selector, []);
-    }
+var chromeDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdHRlcm4gaWQ9ImEiIGhlaWdodD0iMSIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIj48aW1hZ2UgaGVpZ2h0PSI2MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdHJhbnNmb3JtPSJzY2FsZSguMDE2NjY2NykiIHdpZHRoPSI2MCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFEd0FBQUE4Q0FZQUFBQTYvTmx5QUFBUUFFbEVRVlI0QWRSYUMzUlVWWlk5OTFWVlFoSkNRaElTdnVJUEJjU0lJSkFQU0FJb1BhSUx4UVU2cmZZUGJYODB0dFBUYTdSVmFMVmJaMFpueGo5K2x2L1BjblFVQmFGSEpBa0tHQlJwUWVRZkVBWHlnUVJESUFra1ZmVjY3L1BlcTFTRlJFS0kzWHJYM2ZlZXM4KzU5NTFkdCtyVnE0QWwzMU9yek01TzJqNW02Tml2eHd5N1pXZk9zSmVCbFYvbkR0djRkZTdaNVVEak4zbG5FK1hmNUdWdjNEWDJuSlc3OHJKZjJqVTJlL2FlY2NQekt5L01UdnFleXBJdUZieDc5T0QwSGFQT3VtN0g2S0ZMR3hPQ0J5d3h5MjJ4SDBMeFZ3TjV3QkNnRDlETkJlMGhZdHQ1WXVRYUVmT3diZHNyZ2czbXdPNXh3eitBK0d0MzVRNU5reTVzVmxmc3RXMzA0TndkbzRZdWFCS3JRb3o5dEJHWktHSjgwdm5HdFpPdy9CbWZQNjV5ei9ubnZsTTVkdVFZK0NmY1QwZ3doVzRmTldTaFpadVBSZXhMVUUwQTZOSnVpM0RQcVdFcnZLcjgvSE5YVkl3L3AvQkVMbUIxWnZGWHc0ZW5scDAzK0NrclRLRnljV2YyNk9TYWZGdXM0b3J4STk0b0x4aVowWms5amx2dzlwRkRwb1I4aHpmZ1lyOEcvbEY5dXBId2wrV0ZJNllkYndFZEZseFNVT0F2RzNubVBOeUUzc05GK2dMLzRHNnlqQzF2VlJhTWVOU2VQcDJmK1E3VjB5SEI2L0FWMDcrdWZMNHRja09IZHYyN0pwbFpsZFU3RnUzTHowL3V5R1dQS2Jncys3VE1SUCtSajBUTTMvT3pLc2ZUOEswd09SUjNwTGhpM0xtOWpyWHVPd1dYait5YkdQYjczc1VtSTRBZmVMZlBNMzdmNG1NOXRMUXIySjR1dm9QaDdxOUJaUTd3bytnNDZmTWtGUGUvTnU0MzdSWGNydUJ0WldjK2pnMm10cmZ3aDhyalJqWmxyKy9ndyszVjE2YmdiU05PeDBPRWZYMTdpMzd3dkcxdXFwb3crcksyNmp4SzhGZkRUMDROMjJaZVc4ay9KczRZKy9FRGszT1BlZzQvU25DekJCNkRzSDdBajd2YjB1ZHdNUGhJYXhFeGdrZThQaTJuSkR2dDlOWkpKK2czK2RJelB1a3g0NnBsbVE4OXZiSGZ1MHRyQml4YkhScndVV2xvUU5IaW12NExIdGpVNTltSkgvYitqNE9yZTkrelBaaDF6M2JKdXFkTXN1N2VKcGwzYjNVd2Q0djBtcnZad1p4TmtqRm5vMlRjdFVHUmZ0ZDZTYitEK0VMUzdsZ25hWDlZcStqNWg4OGw3ZmJQcjJyNklKQVRYWCtNWVB3SW1QUHM1TDU5bS8zbVNIUlNwMnhqRGlRV1RDb2E4UDZLZy8zZkt4blQ4OWJiQ3JxTnpoM3E2NVdaYnVMaWZlSkw4a20zL3VrbS9jSWh2alAvZTd3L2Y4Y29mMzVablVtZlVpSmk2Z0FSL0daVTRPNHBob09nUmMrMEFjWUlnUjBCVXRHTjJIZGg4bnJMNytHUnIwOGJnY2ZHbjRRc00rRDVTZjFLSXhtZE1BSURCcTRhc0doWlErYS9QelRSU2tsTjcvQVdjVmxwdnV6WEMvMTVaWWNrNGRSVkVpbmVGVUpSUklRWE5NWXdrYU1aRXdkaDVLS21wWUZSekNBc0RpNzRTdUFGRVZrMkxIWGsvdTZCdlM1L1BGT3d4NHlmdnRmdi94YVA4YVdsODhlOXJqMFN0S1ZvMHhHNTdhMDZ1ZXFaYjJYaWd6VUsycmUvWFNmRmlERkhrem5FWi9YMTU2ekxNZjFuZlFnM0pCUWpiQkJBbTZJSTJtMUIwemc0YTNBRHU0MFdvWUxQZm5WS1R3bkxSVFllbG5IS1lodEpmbURhZ0MxTU9BNEVNLzV0enFmcHY3dURqNkI2dGNQTnRqeFdYQy9ENzk0blAzdTJWbDR1YlpSbFc1cGtjMlZRUWZ1bGp4dmxHc1RPdmJ0YUhpK3BGNjd4cnVrYmRQOTQzeGtQZkNKaVhORzZyWWlLRkJFVkxXamsyNERHd2R2bVludTU5RVNpODVhT00vR1hRMmdjZnNTVDAybEhaa0wraHBPU05qbkVzY2VVZi81WmNmSzBLL0s4ekEzbFFTbDRvRWJ1WDN4STZocnhTbnFCZHVZRGpXRzViOUVoS2NTYVRSWEJTSmJwZDBPZTZYOWRrUWdLYndzVVJRZ2JjN3laTnNDWU1YSE5UWUZMR2RFVERvczlnNDZ3TGdEaTRkcldnNWYwRCtHMHdjRDlqdTRmTUxBMDdkYmJMdlJTK0JhOTlMSDlzbXMvRHNZak96aC9nelZUc2JaNGM4dDkwemZvdnk2UVJIeW1VYitvYUVHakV3VkhXQlFQTXlyWEdLTWFyYUZ2VE8rT3g3RkNpcVZRZ2piUjBNMDNiTkdJOUkrNXRGMFlVOWZ2NlpkUDh1SWJjYkxYdjN4QUdwcU8rVHA1UzQ2YTY0L1ljZ1AyaURwcDR4Lysva0F4VnAwWWlDUUVzNjVzTlROR2FKd3hGN2FaYUMrVVJDc2hHQnlPMHZ6UlFya1BPUHd4MFpaWHgvVTY5VWpBMUpOckMwbUZGM3lHNzFsOVVPSG43MWN2MUo2UVdPOGFGRDBUZTBWdVp2RlpmVXphUDYwV1QwaGJvcnlZb0drY2M0UXpnV0JDd2psV3lMWkg2b2VXQ2hIbjVJaW5KUkl5cHM5akYvYkJoUkE4dWpkbDNEYjNISTkrWm5sRHA5N0czdnJXODljMUlYa1dlM3E4Yi9ERDJiQ2JSVVdJQ0VYeEFJVkRHOUE0ZVVFellwdndTTXVJR1NIUWhvNEpvM09yUm9LK0RJSy9FMHZwb09ReGxTbHh1NVdNR253WnZkYjRVbnZxOXl4UDRnbmNaYVBDWFdJK1Z0d2dUZmhhMDgwQ21iMGswT3V2MGxxZ0NoTTBBN0J6am9MR0RlN1F2aEVXRkowZU9WSG9GVFJPRklvWVBPMEpmNTdhZDVkYVVVUDNTWk1QZSs3eXJVMGR1aHQ3K1IyZGVmZGVVZFlVU1RkWmw3b2ZyeWhCM2d2Z0NoUDFCWTA1bUZ3Zk4rQkJWamhzcCtGb3lTcDR3RkZDMVNSWDNqTXVkODBwM2RkcWtqc2tqQ3ZJZEUwcGlycXJlbHhYelVXYldnUmJhWk16aGNJa1ZveEUrNUU0YzJMUTAwSmVxcUJGVGpWS1BZVzZiMnhraUR3NHVYZTNzREZoZFRERW56YW9OeWJ0TzZ1UC95dElGM1pnMkZrZDliMmNOQ3hMVUxSUUZDRXhna1RVRnhIR0dCSU9FVUN3U0dxcnQ2OTdxdm9TaURhWUZJKzc5ZURYYzlKV0tvZkJTazZKL0tXd3FpN3lPaURTdGIweWV1OUFXZzlSRVlJR0llaENjYUtHdzBYYmpER2tuRUF3bFNDTm5hYUs5MDdaRmFxZmNYTHczem8zZFVoRG5GWEgvR2dZM1RTYTZUbzdkbXNVb2NXVGpRSk41WGxkT3EzZ0ZHaGJDTmM2UW1GUmxEc3BSNXNjcndHZ0MzNU5aZnpuNUN6Y0tVWENkUWNpd3JPU3VaVXU2UEtoZDByVTNzMzczV3UyRWtTeEZFWFExaXFZUThPZExhdldnckJhb1NnRkxLaENSeFpId09sZVZCUFducFNZdHpNdDdxc2oyN1pVSVZIN3lSbCtuYitQNGVUMGxyM3QrZzJWUWxHRVhzd1ZJMUV6WTRSeTVGM1laajllT3Z0YlhVZGhBQlRCaGNGT3dGUE9kaHlNRkI5MzcwVjlxaHMrV2hZUlBHa0lmbnRvYnRjUGs0YkdSellOMXl6Rk5WMEJGRVcwRnFiWnlFR1htTGlweGZldzJlWm9jYVZFVFcwSUJZVUVMS2hPOW8xNis4QzZRK0syL0VGeGtwS0ExOC8xdTJwS1RiUWs3N1JBWkR1N2VtSHNUWXVSV0ZGZ1RDem9paEdrYmJYRUNENlBGSUdjbHNrVkJnNGROSHdhYXZHRTlVNCs3NVQ2czQ3VVZsY2pJdkYrSXpkUFNLVFpwZmpOaENTSnc5NjZhZlBldmRLOEgvOEtZdUMyZ3JvY0VJSW9hUTJveFY5alA4ZWpaWGdORlZBS29jcHdnb0pHbjFCMVRISTV4N1NseVpMVDdpMmR0d2EwOXBsakUrV2tOSi9hWFRFTVRQZkpMOGNtUkxZS2JmM2RlakhHTDZxTFF4dUFNQ0YwRmVNMG5Oa1lzOFpxUHBTd0ZvOWMrR2FITkFybGhCeE0wSTZSbk91cjZReGduUEQ4OGxWanFodjI3eUhSTFdEa3habXBrdHpOdVFDNXppSXAzc2h6djBqVmR3NzNDQjZ1Mkczdkx4NGx3cjBCUXdnYVpveWl2S0RSQnpTT1dYbWRtLzFIQWw5WUcyOSs4NUNFN1JLZUd1UnhjcFRZOUdCaUN6V2RBUjQ0aE5SRnRtMkhVNjljOEMvbENJQVZPU1BMTDA5Y25TSXNHRnluT3RjK2RVMnFETzdqOTliYmUvNTZ6VFlSNDM1K1ZZQUl4VkFZNXhnSUduTTRjVllVbWNsVjlSWW9sdjJHVnF1T1kzRWtFQVNybHBxT1VGRHFPZUwzSEt3YTlhZVZUN3hQbHBnd09GN2VuWlVtZkV2U1B4NXd6UUtzTFJ6Y2N0ZC84N09IRi9ZSmJSMG5La3JRS0FDVDUxTTBvVDVqclFEWEZ2TUdWNmpna0M5K1BqNm56UUE1UjRvTlU5VzV6MW5xZzlNb09QZ2FKZ1h1MVEwTExuaHR3OElWNm1JWWd0TXArWDI2M0RHbGU0ZnUzcW00Rzk5NWNYZmhtcWlUbGVmWHZiMmllOVZUL1h4Ry9NWVlNY1pnOTdaQUdqeTZDSWNZTkFmaTR2blB2dmlKS0NLYmZ6Ni9CalV2aGdaSHN5cWg1NXdnWXNpaWY3UlFMbUE2b3I1N1ZqNmVlK2RILzhPTjRZcCsvbTRxVEpLMWN6UGs1V3RUNWVkNWljS1RHOXpiTHdUdFgrUW55aXZYOXBUUDUyVElqUVZKdWdZWFk3Zm5mUGpJMHBjK2ZjUi9ZVXI5U0ZFUmdtYUVtbzB4YW91ME1UTkdXbU9DWnQ0emVidjN3M0FFMDhCZjYrNUY4U2dVSFlTS1VKTUR3QTRnaEE0RENlak9hd0VHYS9ucStON2M5UDlUQzErN1prM0ZvWDE2STJPSVh5dDhtOTgzTFZuRkZmMXJ1aEFVK3VmTGt2VkZZQTV6aVgwTiszY1Z2blQxcWxmWHYzditrNmRVNE8vYnJQNW9VSmUwaUJLblJlVnBBdjdTWVp2N25aaTBDTjU4M2FJMVdMc0VVclIySjRFZWRRQU9nUkdjMDJHN0hjcEJSY1NYMTFXZFYvREtWZDF2L012Y0Qyb2FhenY4Qi8zcWh0cXE2eGJkOFVIT2M5TjdmRk5Ya1RzaHBiSDA5SVNtZ2FLRjgxb0dReXlNTVFpYlZqeGNJYWZ6WCtJS0tpTi9vdExQTUdraUhMTHVjYXAyeW9lT1dQRWcwSjBVTGxBSGIzUGFoQzV6ZkpncFJUdExMOGg5WVViUG5PZW5sLzV4K2FOTGwrLzY3SXU5OVRWN204UEJScUtxdm5ydmgxK3ZYamRuMmNORm81KzlmRlhPYzVlbkYzKzE2Z0pzbFlJSGhLb0hCKzV0ZWNpQU1DRVFGSW1JRWFjWk1jYUJpQkdKaG1YdWs2Z1dJM2p6cnhkOWpQVFhxSWhhbkR5VURnZWR0RXU1SER4WXp2RXpBUmt0UG9McTJ3R2NjdTZyNnhkTSt0WEMyN1B6WDd3aWM4aThueVFRK1M5Y21Ubnp2ZHZQZWUzTEJST1JrNE8xenZjUWpGdDZmMXZXM1dmajl6WXFpaFlBWVJMdFIyeEJNNkpoTVdyYllsNEpqQ3VQM0VoQnRyeWw2UkJ4L3ZpYmJSRjgvakJTQkNjR0NQVWpKM2lVVUlhaEVabFlCS1BGQjZVKzFqSkVsMENDVGRBbUdJT2Y0QXR0dXI3M29WeHhDeGR0RkVFRE03cW9NalZBeHM3R0dJWXJBbjV6QzRJeFBlYUVHVm43eTNkcXhRcmZpUHJZRmVTOTl6WnJjbnlPRUlCSnVjamdjdW9qcUR1QWkvZ09GeU5VS2VRZ0YybjJJeWZYQlBHV3RsaTFRZ3d5Mm9CU0hCRFdIRzlXN21idnpreldnK1VaMGZQbWE1Y3N4T1BtazhyaEZhZFlGSUp5d0tnUktjNDlaZkNJdWlHSEkwVU9KTGRRbHdNY2RGb09OTTc5SFBmMCtHRHArTlNtc3gxUEN4ZkJpWW1hSE5xQXhxTjUrM0gvdU4zenBZM1dwbURtYlVudE1RdEMzMFU5S0J1TUdqcEUrZURoc1Z3VndUQXBjaURRMWRNQlRzeXBNcGNjY3AwNFJsc2FuaDVVYzdLb3VtZ0JyazFod2thLzlReU9jV010OGdWMy9aYlJ0dEN1WUpueFp1aWdpZjhwNmxrRjRWaExXVGc4TFJRdUF2QzhFQWtBT1JUQkhIamExUWV2RGdiR3lHRTlUVXpjUmdPWHBEV3VIdEF0M0ZmMU9nTjRDRkhiblZXVWEwZnp5QlF4bi9ucUc2NHdoUktVdGhxNDlnVWpXSDc5d29hUXlGUVV0Z1p3QzBNQVZkSkgzWFJjUUJSSjEyTnl6SW1TeHdKa1lUVWRRUE1keG9jYjVYMm4xSTBSVDRTQktFSjlRWU9QVVR5Zk1VSjl4c3hxWDloM0VYOGd5SGUwN3hUTWRkdHZYTEkzNFpBWmp5b1hxZ2dZcUpzbXd3QUtCb0VPMisxdzBGMEhFNFRGaUllUGJkQ3hGbUVZY3VmQWc3dTZXZEtOcnJTSWdBa3hzY0pFSW5FUlljekkrejRKVERUbmwrMlRZN1JqQ3ViNkwzNi9wTDdmM3VacHFITWVpeU5IeFNvQ3BPTmpoRXJsWUdwbmpKeTNTSDFkQ1FZT09neEo5ZHZycnM0Nm5DTmlSQ0lRTlBxWXlLbko0U2c4NnR1emZZb1p1K1VnTTQ4RjYxZ0pYbnpaSDVjRnkyNWFlbFBZRGsxQnlYdWd3d3RoeGttQllQMXduSzQrZU1mREVocjAzYXpJWkllZlBLTXVUanhSUERIYWJZRXg2dFdZVklreDAvejUyMmFiR1lKUG5uU29kVml3MWordHlnQUFBWGxKUkVGVXQ5dU9XU1dMZzAyaFlmQ2ZCaUFFSXR6aVczeHc2bUJnTEZxOCt1Qnh0TXdhbmhSYWVWNXljSWdJbGJqUWlZT2djVzRGWTczcDgxdG4rZk8ydHZuVmcwWHQ5dU1XekoxMjNycXNkdnVzb3V0UlJoN3E1LytRWisyT2VDWVFDRUFUdWhPQ2dUZ0RuTUFoYm13NStNU1poNFpLdE5ob1cwOFVWeEUyem1hbEhiWW4rUE0yelRCak50ZVFQVjUwU3JCM2tiSlpSYVU3ZmxOOFNUaGs0ekZRM29HR3BoWmhFRVVISkNldVVRYW43ZmxYWmpaOW5oVm5wd3VGTVVFb2lnYm5DSnBBencrTGpQSG5iUndiR0x1bGhCbWR4UWtKOWk2Njg3Y2xuK3lZWFh4WnlOL2NHN1hQdENXOEJBVUdQV0VDd3diWXZUVUJ5LzVxN2ltSDhVSzV3ckJRQ0ZHZmE1Y2dmNll2YUhyN2N6ZE9pOHZiK0ttMzlrVG1MaEhzRmZETlRTdSszVEc3NUxtZHQzdzR1YmxiY29wdDIzbGhZOC9HMzROZlJQSDgxYklCNHN2Qk4vN3AxTU1WQVV2MkdUSGdaSVhZNWtXOHhXZmJsaS9QWnlmMThPZXRuK3pQKy9JNU0yNjk4eThqM2tWT2NQNGJBQUFBLy84VlBrSVlBQUFBQmtsRVFWUURBRlF5QS9VekdKYzFBQUFBQUVsRlRrU3VRbUNDIi8+PC9wYXR0ZXJuPjxwYXRoIGQ9Im0yIDJoMjB2MjBoLTIweiIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==";
 
-    this.styleMap.set(selector, [...this.styleMap.get(selector), { property, value }]);
-  }
+var chromeLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdHRlcm4gaWQ9ImEiIGhlaWdodD0iMSIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIj48aW1hZ2UgaGVpZ2h0PSI2MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdHJhbnNmb3JtPSJzY2FsZSguMDE2NjY2NykiIHdpZHRoPSI2MCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFEd0FBQUE4Q0FZQUFBQTYvTmx5QUFBUUFFbEVRVlI0QWRSYUMzUlVWWlk5OTFWVlFoSkNRaElTdnVJUEJjU0lJSkFQU0FJb1BhSUx4UVU2cmZZUGJYODB0dFBUYTdSVmFMVmJaMFpueGo5K2x2L1BjblFVQmFGSEpBa0tHQlJwUWVRZkVBWHlnUVJESUFra1ZmVjY3L1BlcTFTRlJFS0kzWHJYM2ZlZXM4KzU5NTFkdCtyVnE0QWwzMU9yek01TzJqNW02Tml2eHd5N1pXZk9zSmVCbFYvbkR0djRkZTdaNVVEak4zbG5FK1hmNUdWdjNEWDJuSlc3OHJKZjJqVTJlL2FlY2NQekt5L01UdnFleXBJdUZieDc5T0QwSGFQT3VtN0g2S0ZMR3hPQ0J5d3h5MjJ4SDBMeFZ3TjV3QkNnRDlETkJlMGhZdHQ1WXVRYUVmT3diZHNyZ2czbXdPNXh3eitBK0d0MzVRNU5reTVzVmxmc3RXMzA0TndkbzRZdWFCS3JRb3o5dEJHWktHSjgwdm5HdFpPdy9CbWZQNjV5ei9ubnZsTTVkdVFZK0NmY1QwZ3doVzRmTldTaFpadVBSZXhMVUUwQTZOSnVpM0RQcVdFcnZLcjgvSE5YVkl3L3AvQkVMbUIxWnZGWHc0ZW5scDAzK0NrclRLRnljV2YyNk9TYWZGdXM0b3J4STk0b0x4aVowWms5amx2dzlwRkRwb1I4aHpmZ1lyOEcvbEY5dXBId2wrV0ZJNllkYndFZEZseFNVT0F2RzNubVBOeUUzc05GK2dMLzRHNnlqQzF2VlJhTWVOU2VQcDJmK1E3VjB5SEI2L0FWMDcrdWZMNHRja09IZHYyN0pwbFpsZFU3RnUzTHowL3V5R1dQS2Jncys3VE1SUCtSajBUTTMvT3pLc2ZUOEswd09SUjNwTGhpM0xtOWpyWHVPd1dYait5YkdQYjczc1VtSTRBZmVMZlBNMzdmNG1NOXRMUXIySjR1dm9QaDdxOUJaUTd3bytnNDZmTWtGUGUvTnU0MzdSWGNydUJ0WldjK2pnMm10cmZ3aDhyalJqWmxyKy9ndyszVjE2YmdiU05PeDBPRWZYMTdpMzd3dkcxdXFwb3crcksyNmp4SzhGZkRUMDROMjJaZVc4ay9KczRZKy9FRGszT1BlZzQvU25DekJCNkRzSDdBajd2YjB1ZHdNUGhJYXhFeGdrZThQaTJuSkR2dDlOWkpKK2czK2RJelB1a3g0NnBsbVE4OXZiSGZ1MHRyQml4YkhScndVV2xvUU5IaW12NExIdGpVNTltSkgvYitqNE9yZTkrelBaaDF6M2JKdXFkTXN1N2VKcGwzYjNVd2Q0djBtcnZad1p4TmtqRm5vMlRjdFVHUmZ0ZDZTYitEK0VMUzdsZ25hWDlZcStqNWg4OGw3ZmJQcjJyNklKQVRYWCtNWVB3SW1QUHM1TDU5bS8zbVNIUlNwMnhqRGlRV1RDb2E4UDZLZy8zZkt4blQ4OWJiQ3JxTnpoM3E2NVdaYnVMaWZlSkw4a20zL3VrbS9jSWh2alAvZTd3L2Y4Y29mMzVablVtZlVpSmk2Z0FSL0daVTRPNHBob09nUmMrMEFjWUlnUjBCVXRHTjJIZGg4bnJMNytHUnIwOGJnY2ZHbjRRc00rRDVTZjFLSXhtZE1BSURCcTRhc0doWlErYS9QelRSU2tsTjcvQVdjVmxwdnV6WEMvMTVaWWNrNGRSVkVpbmVGVUpSUklRWE5NWXdrYU1aRXdkaDVLS21wWUZSekNBc0RpNzRTdUFGRVZrMkxIWGsvdTZCdlM1L1BGT3d4NHlmdnRmdi94YVA4YVdsODhlOXJqMFN0S1ZvMHhHNTdhMDZ1ZXFaYjJYaWd6VUsycmUvWFNmRmlERkhrem5FWi9YMTU2ekxNZjFuZlFnM0pCUWpiQkJBbTZJSTJtMUIwemc0YTNBRHU0MFdvWUxQZm5WS1R3bkxSVFllbG5IS1lodEpmbURhZ0MxTU9BNEVNLzV0enFmcHY3dURqNkI2dGNQTnRqeFdYQy9ENzk0blAzdTJWbDR1YlpSbFc1cGtjMlZRUWZ1bGp4dmxHc1RPdmJ0YUhpK3BGNjd4cnVrYmRQOTQzeGtQZkNKaVhORzZyWWlLRkJFVkxXamsyNERHd2R2bVludTU5RVNpODVhT00vR1hRMmdjZnNTVDAybEhaa0wraHBPU05qbkVzY2VVZi81WmNmSzBLL0s4ekEzbFFTbDRvRWJ1WDN4STZocnhTbnFCZHVZRGpXRzViOUVoS2NTYVRSWEJTSmJwZDBPZTZYOWRrUWdLYndzVVJRZ2JjN3laTnNDWU1YSE5UWUZMR2RFVERvczlnNDZ3TGdEaTRkcldnNWYwRCtHMHdjRDlqdTRmTUxBMDdkYmJMdlJTK0JhOTlMSDlzbXMvRHNZak96aC9nelZUc2JaNGM4dDkwemZvdnk2UVJIeW1VYitvYUVHakV3VkhXQlFQTXlyWEdLTWFyYUZ2VE8rT3g3RkNpcVZRZ2piUjBNMDNiTkdJOUkrNXRGMFlVOWZ2NlpkUDh1SWJjYkxYdjN4QUdwcU8rVHA1UzQ2YTY0L1ljZ1AyaURwcDR4Lysva0F4VnAwWWlDUUVzNjVzTlROR2FKd3hGN2FaYUMrVVJDc2hHQnlPMHZ6UlFya1BPUHd4MFpaWHgvVTY5VWpBMUpOckMwbUZGM3lHNzFsOVVPSG43MWN2MUo2UVdPOGFGRDBUZTBWdVp2RlpmVXphUDYwV1QwaGJvcnlZb0drY2M0UXpnV0JDd2psV3lMWkg2b2VXQ2hIbjVJaW5KUkl5cHM5akYvYkJoUkE4dWpkbDNEYjNISTkrWm5sRHA5N0czdnJXODljMUlYa1dlM3E4Yi9ERDJiQ2JSVVdJQ0VYeEFJVkRHOUE0ZVVFellwdndTTXVJR1NIUWhvNEpvM09yUm9LK0RJSy9FMHZwb09ReGxTbHh1NVdNR253WnZkYjRVbnZxOXl4UDRnbmNaYVBDWFdJK1Z0d2dUZmhhMDgwQ21iMGswT3V2MGxxZ0NoTTBBN0J6am9MR0RlN1F2aEVXRkowZU9WSG9GVFJPRklvWVBPMEpmNTdhZDVkYVVVUDNTWk1QZSs3eXJVMGR1aHQ3K1IyZGVmZGVVZFlVU1RkWmw3b2ZyeWhCM2d2Z0NoUDFCWTA1bUZ3Zk4rQkJWamhzcCtGb3lTcDR3RkZDMVNSWDNqTXVkODBwM2RkcWtqc2tqQ3ZJZEUwcGlycXJlbHhYelVXYldnUmJhWk16aGNJa1ZveEUrNUU0YzJMUTAwSmVxcUJGVGpWS1BZVzZiMnhraUR3NHVYZTNzREZoZFRERW56YW9OeWJ0TzZ1UC95dElGM1pnMkZrZDliMmNOQ3hMVUxSUUZDRXhna1RVRnhIR0dCSU9FVUN3U0dxcnQ2OTdxdm9TaURhWUZJKzc5ZURYYzlKV0tvZkJTazZKL0tXd3FpN3lPaURTdGIweWV1OUFXZzlSRVlJR0llaENjYUtHdzBYYmpER2tuRUF3bFNDTm5hYUs5MDdaRmFxZmNYTHczem8zZFVoRG5GWEgvR2dZM1RTYTZUbzdkbXNVb2NXVGpRSk41WGxkT3EzZ0ZHaGJDTmM2UW1GUmxEc3BSNXNjcndHZ0MzNU5aZnpuNUN6Y0tVWENkUWNpd3JPU3VaVXU2UEtoZDByVTNzMzczV3UyRWtTeEZFWFExaXFZUThPZExhdldnckJhb1NnRkxLaENSeFpId09sZVZCUFducFNZdHpNdDdxc2oyN1pVSVZIN3lSbCtuYitQNGVUMGxyM3QrZzJWUWxHRVhzd1ZJMUV6WTRSeTVGM1laajllT3Z0YlhVZGhBQlRCaGNGT3dGUE9kaHlNRkI5MzcwVjlxaHMrV2hZUlBHa0lmbnRvYnRjUGs0YkdSellOMXl6Rk5WMEJGRVcwRnFiWnlFR1htTGlweGZldzJlWm9jYVZFVFcwSUJZVUVMS2hPOW8xNis4QzZRK0syL0VGeGtwS0ExOC8xdTJwS1RiUWs3N1JBWkR1N2VtSHNUWXVSV0ZGZ1RDem9paEdrYmJYRUNENlBGSUdjbHNrVkJnNGROSHdhYXZHRTlVNCs3NVQ2czQ3VVZsY2pJdkYrSXpkUFNLVFpwZmpOaENTSnc5NjZhZlBldmRLOEgvOEtZdUMyZ3JvY0VJSW9hUTJveFY5alA4ZWpaWGdORlZBS29jcHdnb0pHbjFCMVRISTV4N1NseVpMVDdpMmR0d2EwOXBsakUrV2tOSi9hWFRFTVRQZkpMOGNtUkxZS2JmM2RlakhHTDZxTFF4dUFNQ0YwRmVNMG5Oa1lzOFpxUHBTd0ZvOWMrR2FITkFybGhCeE0wSTZSbk91cjZReGduUEQ4OGxWanFodjI3eUhSTFdEa3habXBrdHpOdVFDNXppSXAzc2h6djBqVmR3NzNDQjZ1Mkczdkx4NGx3cjBCUXdnYVpveWl2S0RSQnpTT1dYbWRtLzFIQWw5WUcyOSs4NUNFN1JLZUd1UnhjcFRZOUdCaUN6V2RBUjQ0aE5SRnRtMkhVNjljOEMvbENJQVZPU1BMTDA5Y25TSXNHRnluT3RjK2RVMnFETzdqOTliYmUvNTZ6VFlSNDM1K1ZZQUl4VkFZNXhnSUduTTRjVllVbWNsVjlSWW9sdjJHVnF1T1kzRWtFQVNybHBxT1VGRHFPZUwzSEt3YTlhZVZUN3hQbHBnd09GN2VuWlVtZkV2U1B4NXd6UUtzTFJ6Y2N0ZC84N09IRi9ZSmJSMG5La3JRS0FDVDUxTTBvVDVqclFEWEZ2TUdWNmpna0M5K1BqNm56UUE1UjRvTlU5VzV6MW5xZzlNb09QZ2FKZ1h1MVEwTExuaHR3OElWNm1JWWd0TXArWDI2M0RHbGU0ZnUzcW00Rzk5NWNYZmhtcWlUbGVmWHZiMmllOVZUL1h4Ry9NWVlNY1pnOTdaQUdqeTZDSWNZTkFmaTR2blB2dmlKS0NLYmZ6Ni9CalV2aGdaSHN5cWg1NXdnWXNpaWY3UlFMbUE2b3I1N1ZqNmVlK2RILzhPTjRZcCsvbTRxVEpLMWN6UGs1V3RUNWVkNWljS1RHOXpiTHdUdFgrUW55aXZYOXBUUDUyVElqUVZKdWdZWFk3Zm5mUGpJMHBjK2ZjUi9ZVXI5U0ZFUmdtYUVtbzB4YW91ME1UTkdXbU9DWnQ0emVidjN3M0FFMDhCZjYrNUY4U2dVSFlTS1VKTUR3QTRnaEE0RENlak9hd0VHYS9ucStON2M5UDlUQzErN1prM0ZvWDE2STJPSVh5dDhtOTgzTFZuRkZmMXJ1aEFVK3VmTGt2VkZZQTV6aVgwTiszY1Z2blQxcWxmWHYzditrNmRVNE8vYnJQNW9VSmUwaUJLblJlVnBBdjdTWVp2N25aaTBDTjU4M2FJMVdMc0VVclIySjRFZWRRQU9nUkdjMDJHN0hjcEJSY1NYMTFXZFYvREtWZDF2L012Y0Qyb2FhenY4Qi8zcWh0cXE2eGJkOFVIT2M5TjdmRk5Ya1RzaHBiSDA5SVNtZ2FLRjgxb0dReXlNTVFpYlZqeGNJYWZ6WCtJS0tpTi9vdExQTUdraUhMTHVjYXAyeW9lT1dQRWcwSjBVTGxBSGIzUGFoQzV6ZkpncFJUdExMOGg5WVViUG5PZW5sLzV4K2FOTGwrLzY3SXU5OVRWN204UEJScUtxdm5ydmgxK3ZYamRuMmNORm81KzlmRlhPYzVlbkYzKzE2Z0pzbFlJSGhLb0hCKzV0ZWNpQU1DRVFGSW1JRWFjWk1jYUJpQkdKaG1YdWs2Z1dJM2p6cnhkOWpQVFhxSWhhbkR5VURnZWR0RXU1SER4WXp2RXpBUmt0UG9McTJ3R2NjdTZyNnhkTSt0WEMyN1B6WDd3aWM4aThueVFRK1M5Y21Ubnp2ZHZQZWUzTEJST1JrNE8xenZjUWpGdDZmMXZXM1dmajl6WXFpaFlBWVJMdFIyeEJNNkpoTVdyYllsNEpqQ3VQM0VoQnRyeWw2UkJ4L3ZpYmJSRjgvakJTQkNjR0NQVWpKM2lVVUlhaEVabFlCS1BGQjZVKzFqSkVsMENDVGRBbUdJT2Y0QXR0dXI3M29WeHhDeGR0RkVFRE03cW9NalZBeHM3R0dJWXJBbjV6QzRJeFBlYUVHVm43eTNkcXhRcmZpUHJZRmVTOTl6WnJjbnlPRUlCSnVjamdjdW9qcUR1QWkvZ09GeU5VS2VRZ0YybjJJeWZYQlBHV3RsaTFRZ3d5Mm9CU0hCRFdIRzlXN21idnpreldnK1VaMGZQbWE1Y3N4T1BtazhyaEZhZFlGSUp5d0tnUktjNDlaZkNJdWlHSEkwVU9KTGRRbHdNY2RGb09OTTc5SFBmMCtHRHArTlNtc3gxUEN4ZkJpWW1hSE5xQXhxTjUrM0gvdU4zenBZM1dwbURtYlVudE1RdEMzMFU5S0J1TUdqcEUrZURoc1Z3VndUQXBjaURRMWRNQlRzeXBNcGNjY3AwNFJsc2FuaDVVYzdLb3VtZ0JyazFod2thLzlReU9jV010OGdWMy9aYlJ0dEN1WUpueFp1aWdpZjhwNmxrRjRWaExXVGc4TFJRdUF2QzhFQWtBT1JUQkhIamExUWV2RGdiR3lHRTlUVXpjUmdPWHBEV3VIdEF0M0ZmMU9nTjRDRkhiblZXVWEwZnp5QlF4bi9ucUc2NHdoUktVdGhxNDlnVWpXSDc5d29hUXlGUVV0Z1p3QzBNQVZkSkgzWFJjUUJSSjEyTnl6SW1TeHdKa1lUVWRRUE1keG9jYjVYMm4xSTBSVDRTQktFSjlRWU9QVVR5Zk1VSjl4c3hxWDloM0VYOGd5SGUwN3hUTWRkdHZYTEkzNFpBWmp5b1hxZ2dZcUpzbXd3QUtCb0VPMisxdzBGMEhFNFRGaUllUGJkQ3hGbUVZY3VmQWc3dTZXZEtOcnJTSWdBa3hzY0pFSW5FUlljekkrejRKVERUbmwrMlRZN1JqQ3ViNkwzNi9wTDdmM3VacHFITWVpeU5IeFNvQ3BPTmpoRXJsWUdwbmpKeTNTSDFkQ1FZT09neEo5ZHZycnM0Nm5DTmlSQ0lRTlBxWXlLbko0U2c4NnR1emZZb1p1K1VnTTQ4RjYxZ0pYbnpaSDVjRnkyNWFlbFBZRGsxQnlYdWd3d3RoeGttQllQMXduSzQrZU1mREVocjAzYXpJWkllZlBLTXVUanhSUERIYWJZRXg2dFdZVklreDAvejUyMmFiR1lKUG5uU29kVml3MWordHlnQUFBWGxKUkVGVXQ5dU9XU1dMZzAyaFlmQ2ZCaUFFSXR6aVczeHc2bUJnTEZxOCt1Qnh0TXdhbmhSYWVWNXljSWdJbGJqUWlZT2djVzRGWTczcDgxdG4rZk8ydHZuVmcwWHQ5dU1XekoxMjNycXNkdnVzb3V0UlJoN3E1LytRWisyT2VDWVFDRUFUdWhPQ2dUZ0RuTUFoYm13NStNU1poNFpLdE5ob1cwOFVWeEUyem1hbEhiWW4rUE0yelRCak50ZVFQVjUwU3JCM2tiSlpSYVU3ZmxOOFNUaGs0ekZRM29HR3BoWmhFRVVISkNldVVRYW43ZmxYWmpaOW5oVm5wd3VGTVVFb2lnYm5DSnBBencrTGpQSG5iUndiR0x1bGhCbWR4UWtKOWk2Njg3Y2xuK3lZWFh4WnlOL2NHN1hQdENXOEJBVUdQV0VDd3diWXZUVUJ5LzVxN2ltSDhVSzV3ckJRQ0ZHZmE1Y2dmNll2YUhyN2N6ZE9pOHZiK0ttMzlrVG1MaEhzRmZETlRTdSszVEc3NUxtZHQzdzR1YmxiY29wdDIzbGhZOC9HMzROZlJQSDgxYklCNHN2Qk4vN3AxTU1WQVV2MkdUSGdaSVhZNWtXOHhXZmJsaS9QWnlmMThPZXRuK3pQKy9JNU0yNjk4eThqM2tWT2NQNGJBQUFBLy84VlBrSVlBQUFBQmtsRVFWUURBRlF5QS9VekdKYzFBQUFBQUVsRlRrU3VRbUNDIi8+PC9wYXR0ZXJuPjxwYXRoIGQ9Im0yIDJoMjB2MjBoLTIweiIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==";
 
-  toString() {
-    return Array.from(this.styleMap.entries()).reduce((acc, [selector, propValArr]) => {
-      const properties = propValArr
-        .map(({ property, value }) => `${property}: ${value}`)
-        .join(';\n');
+var dashlaneDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtNCAxaDE2djIyaC0xNnoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0ibTIwIDguMDY5NDVjMC0uMTQ2NjctLjE0MzktLjI2NC0uMzE2NS0uMzIyNjdsLTIuMjQ0Ny0uODUwNjZjLS4zNzQxLS4xNzYtLjgwNTcuMDI5MzMtLjgwNTcuMjkzMzN2OS42MjEzNWMwIC4xNDY2LjE0MzkuMjkzMy4yNTkuMzUybDIuMzAyMS44NTA2Yy4zNDU0LjE0NjcuODA1OC0uMDU4Ni44MDU4LS4zNTJ6bS00LjIzMDItMy4zNDRjMC0uMTQ2NjctLjE0MzktLjI2NC0uMzE2Ni0uMzIyNjdsLTIuMjQ0Ni0uODUwNjdjLS4zNzQxLS4xNzYtLjgwNTcuMDI5MzQtLjgwNTcuMjkzMzR2NS44MzczM2MwIC4xNDY2Ny4xNDM5LjI5MzMzLjI1OS4zNTIwMmwyLjMwMjEuODUwNmMuMzQ1NC4xNDY3LjgwNTgtLjA1ODYuODA1OC0uMzUyem0wIDEwLjUwMTM1YzAtLjE0NjctLjE0MzktLjI2NC0uMzE2Ni0uMzIyN2wtMi4yNDQ2LS44NTA3Yy0uMzc0MS0uMTc2LS44MDU3LjAyOTQtLjgwNTcuMjkzNHY1LjgzNzNjMCAuMTQ2Ny4xNDM5LjI5MzMuMjU5LjM1MmwyLjMwMjEuODUwN2MuMzQ1NC4xNDY2LjgwNTgtLjA1ODcuODA1OC0uMzUyem0tNC4yMDE1IDEuMTczM2MwLS4xNDY3LS4xNDM4LS4yNjQtLjMxNjUtLjMyMjdsLTIuMjQ0NjEtLjg1MDZjLS4zNzQxLS4xNzYtLjgwNTc1LjAyOTMtLjgwNTc1LjI5MzN2Ni4yMTg3YzAgLjE0NjYuMTQzODguMjkzMy4yNTg5OS4zNTJsMi4zMDIxNy44NTA3Yy4zNDUzLjE0NjYuODA1Ny0uMDU4Ny44MDU3LS4zNTIxem0wLTE0LjE2Nzk5YzAtLjE0NjY2LS4xNDM4LS4yNjQtLjMxNjUtLjMyMjY2bC0yLjI0NDYxLS44NTA2N2MtLjM3NDEtLjE3NTk5OS0uODA1NzUuMDI5MzMtLjgwNTc1LjI5MzMzdjYuMjE4NjdjMCAuMTQ2NjcuMTQzODguMjkzMzQuMjU4OTkuMzUybDIuMzAyMTcuODUwNjdjLjM0NTMuMTQ2NjcuODA1Ny0uMDU4NjcuODA1Ny0uMzUyem0tNC4yMDEzOS4yMzQ2N2MwLS4xNDY2Ny0uMTQzODktLjI2NC0uMzE2NTUtLjMyMjY3bC0yLjI0NDYtLjg1MDY2Yy0uMzc0MTEtLjE0NjY3LS44MDU3Ni4wMjkzMy0uODA1NzYuMzIyNjZ2MTkuOTE3MjljMCAuMTQ2Ny4xNDM4OC4yOTM0LjI1ODk5LjM1MmwyLjMwMjE2Ljg1MDdjLjM0NTMyLjE0NjcuODA1NzYtLjA1ODYuODA1NzYtLjM1MnoiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+";
 
-      return `${acc}${selector} { \n${properties} \n}\n\n`;
-    }, '');
-  }
-}
+var dashlaneLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtNCAxaDE2djIyaC0xNnoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0ibTIwIDguMDY5NDVjMC0uMTQ2NjctLjE0MzktLjI2NC0uMzE2NS0uMzIyNjdsLTIuMjQ0Ny0uODUwNjZjLS4zNzQxLS4xNzYtLjgwNTcuMDI5MzMtLjgwNTcuMjkzMzN2OS42MjEzNWMwIC4xNDY2LjE0MzkuMjkzMy4yNTkuMzUybDIuMzAyMS44NTA2Yy4zNDU0LjE0NjcuODA1OC0uMDU4Ni44MDU4LS4zNTJ6bS00LjIzMDItMy4zNDRjMC0uMTQ2NjctLjE0MzktLjI2NC0uMzE2Ni0uMzIyNjdsLTIuMjQ0Ni0uODUwNjdjLS4zNzQxLS4xNzYtLjgwNTcuMDI5MzQtLjgwNTcuMjkzMzR2NS44MzczM2MwIC4xNDY2Ny4xNDM5LjI5MzMzLjI1OS4zNTIwMmwyLjMwMjEuODUwNmMuMzQ1NC4xNDY3LjgwNTgtLjA1ODYuODA1OC0uMzUyem0wIDEwLjUwMTM1YzAtLjE0NjctLjE0MzktLjI2NC0uMzE2Ni0uMzIyN2wtMi4yNDQ2LS44NTA3Yy0uMzc0MS0uMTc2LS44MDU3LjAyOTQtLjgwNTcuMjkzNHY1LjgzNzNjMCAuMTQ2Ny4xNDM5LjI5MzMuMjU5LjM1MmwyLjMwMjEuODUwN2MuMzQ1NC4xNDY2LjgwNTgtLjA1ODcuODA1OC0uMzUyem0tNC4yMDE1IDEuMTczM2MwLS4xNDY3LS4xNDM4LS4yNjQtLjMxNjUtLjMyMjdsLTIuMjQ0NjEtLjg1MDZjLS4zNzQxLS4xNzYtLjgwNTc1LjAyOTMtLjgwNTc1LjI5MzN2Ni4yMTg3YzAgLjE0NjYuMTQzODguMjkzMy4yNTg5OS4zNTJsMi4zMDIxNy44NTA3Yy4zNDUzLjE0NjYuODA1Ny0uMDU4Ny44MDU3LS4zNTIxem0wLTE0LjE2Nzk5YzAtLjE0NjY2LS4xNDM4LS4yNjQtLjMxNjUtLjMyMjY2bC0yLjI0NDYxLS44NTA2N2MtLjM3NDEtLjE3NTk5OS0uODA1NzUuMDI5MzMtLjgwNTc1LjI5MzMzdjYuMjE4NjdjMCAuMTQ2NjcuMTQzODguMjkzMzQuMjU4OTkuMzUybDIuMzAyMTcuODUwNjdjLjM0NTMuMTQ2NjcuODA1Ny0uMDU4NjcuODA1Ny0uMzUyem0tNC4yMDEzOS4yMzQ2N2MwLS4xNDY2Ny0uMTQzODktLjI2NC0uMzE2NTUtLjMyMjY3bC0yLjI0NDYtLjg1MDY2Yy0uMzc0MTEtLjE0NjY3LS44MDU3Ni4wMjkzMy0uODA1NzYuMzIyNjZ2MTkuOTE3MjljMCAuMTQ2Ny4xNDM4OC4yOTM0LjI1ODk5LjM1MmwyLjMwMjE2Ljg1MDdjLjM0NTMyLjE0NjcuODA1NzYtLjA1ODYuODA1NzYtLjM1MnoiIGZpbGw9IiMwOTM2M2YiLz48L2c+PC9zdmc+";
 
-const normalizeConfig = (attr, config) => {
-  const defaultMapping = { selector: '', property: kebabCase$1(attr) };
+var edgeDark = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMzMzdfMzkzMSkiPgo8cGF0aCBkPSJNMTkuODYwNSAxNy4zNzExQzE5LjU2NTUgMTcuNTI0NCAxOS4yNjEzIDE3LjY1OTMgMTguOTQ5NiAxNy43NzVDMTcuOTYyNyAxOC4xNDIzIDE2LjkxNzUgMTguMzI4NyAxNS44NjQ1IDE4LjMyNUMxMS43OTk2IDE4LjMyNSA4LjI1ODk4IDE1LjUzMiA4LjI1ODk4IDExLjkzOThDOC4yNjQyNyAxMS40NTg4IDguMzk3NjMgMTAuOTg3OSA4LjY0NTM0IDEwLjU3NTZDOC44OTMwNiAxMC4xNjMyIDkuMjQ2MTggOS44MjQzMSA5LjY2ODM2IDkuNTkzNzVDNS45OTAyMyA5Ljc0ODQ0IDUuMDQ0OTIgMTMuNTgxMiA1LjA0NDkyIDE1LjgyNDJDNS4wNDQ5MiAyMi4xODM2IDEwLjg5NzMgMjIuODE5NSAxMi4xNjA1IDIyLjgxOTVDMTIuODM5NSAyMi44MTk1IDEzLjg2MjEgMjIuNjIxOSAxNC40ODA5IDIyLjQyNDJMMTQuNTkyNiAyMi4zODk4QzE2Ljk2MDUgMjEuNTcxNSAxOC45NzkxIDE5Ljk3MTIgMjAuMzE2IDE3Ljg1MjNDMjAuMzU0OSAxNy43ODggMjAuMzcxNSAxNy43MTI2IDIwLjM2MzUgMTcuNjM3OUMyMC4zNTU0IDE3LjU2MzEgMjAuMzIzMSAxNy40OTMgMjAuMjcxNCAxNy40Mzg0QzIwLjIxOTcgMTcuMzgzOCAyMC4xNTE1IDE3LjM0NzcgMjAuMDc3MyAxNy4zMzU1QzIwLjAwMzEgMTcuMzIzMyAxOS45MjcgMTcuMzM1OCAxOS44NjA1IDE3LjM3MTFaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMzMzN18zOTMxKSIvPgo8cGF0aCBvcGFjaXR5PSIwLjM1IiBkPSJNMTkuODYwNSAxNy4zNzExQzE5LjU2NTUgMTcuNTI0NCAxOS4yNjEzIDE3LjY1OTMgMTguOTQ5NiAxNy43NzVDMTcuOTYyNyAxOC4xNDIzIDE2LjkxNzUgMTguMzI4NyAxNS44NjQ1IDE4LjMyNUMxMS43OTk2IDE4LjMyNSA4LjI1ODk4IDE1LjUzMiA4LjI1ODk4IDExLjkzOThDOC4yNjQyNyAxMS40NTg4IDguMzk3NjMgMTAuOTg3OSA4LjY0NTM0IDEwLjU3NTZDOC44OTMwNiAxMC4xNjMyIDkuMjQ2MTggOS44MjQzMSA5LjY2ODM2IDkuNTkzNzVDNS45OTAyMyA5Ljc0ODQ0IDUuMDQ0OTIgMTMuNTgxMiA1LjA0NDkyIDE1LjgyNDJDNS4wNDQ5MiAyMi4xODM2IDEwLjg5NzMgMjIuODE5NSAxMi4xNjA1IDIyLjgxOTVDMTIuODM5NSAyMi44MTk1IDEzLjg2MjEgMjIuNjIxOSAxNC40ODA5IDIyLjQyNDJMMTQuNTkyNiAyMi4zODk4QzE2Ljk2MDUgMjEuNTcxNSAxOC45NzkxIDE5Ljk3MTIgMjAuMzE2IDE3Ljg1MjNDMjAuMzU0OSAxNy43ODggMjAuMzcxNSAxNy43MTI2IDIwLjM2MzUgMTcuNjM3OUMyMC4zNTU0IDE3LjU2MzEgMjAuMzIzMSAxNy40OTMgMjAuMjcxNCAxNy40Mzg0QzIwLjIxOTcgMTcuMzgzOCAyMC4xNTE1IDE3LjM0NzcgMjAuMDc3MyAxNy4zMzU1QzIwLjAwMzEgMTcuMzIzMyAxOS45MjcgMTcuMzM1OCAxOS44NjA1IDE3LjM3MTFaIiBmaWxsPSJ1cmwoI3BhaW50MV9yYWRpYWxfMzMzN18zOTMxKSIvPgo8cGF0aCBkPSJNOS4wODMyNyAyMS43MzY5QzguMzE4MzIgMjEuMjYxOCA3LjY1NTI2IDIwLjYzOTYgNy4xMzI0OSAxOS45MDY0QzYuNTM1NTEgMTkuMDg5MyA2LjEyNDU5IDE4LjE1MTUgNS45Mjg1NSAxNy4xNTg3QzUuNzMyNTEgMTYuMTY1OSA1Ljc1NjExIDE1LjE0MjMgNS45OTc2OCAxNC4xNTk2QzYuMjM5MjYgMTMuMTc2OSA2LjY5Mjk3IDEyLjI1OSA3LjMyNjk2IDExLjQ3MDNDNy45NjA5NSAxMC42ODE2IDguNzU5ODcgMTAuMDQxMSA5LjY2NzY0IDkuNTkzOTVDOS45NDI2NCA5LjQ2NTA0IDEwLjM5ODEgOS4yNDE2IDExLjAwODMgOS4yNTAyQzExLjQzNzYgOS4yNTM1MiAxMS44NjA0IDkuMzU2MDkgMTIuMjQzNSA5LjU0OTg5QzEyLjYyNjcgOS43NDM3IDEyLjk1OTggMTAuMDIzNSAxMy4yMTY5IDEwLjM2NzRDMTMuNTYyNiAxMC44MzI0IDEzLjc1MjIgMTEuMzk1IDEzLjc1ODMgMTEuOTc0NEMxMy43NTgzIDExLjk1NzIgMTUuODYzNyA1LjEzMzc5IDYuODgzMjcgNS4xMzM3OUMzLjExMDYxIDUuMTMzNzkgMC4wMDgyNjg4OSA4LjcwODc5IDAuMDA4MjY4ODkgMTEuODU0MUMtMC4wMDY3MzcwNiAxMy41MTU2IDAuMzQ4NDc2IDE1LjE1OTUgMS4wNDgxMSAxNi42NjY2QzIuMTkzODkgMTkuMTA2NCA0LjE5NTYgMjEuMDQwNiA2LjY3MzI3IDIyLjEwMkM5LjE1MDkzIDIzLjE2MzQgMTEuOTMyMSAyMy4yNzgxIDE0LjQ4ODcgMjIuNDI0NEMxMy41OTMgMjIuNzA3MyAxMi42NDY2IDIyLjc5MjMgMTEuNzE0OCAyMi42NzM2QzEwLjc4MyAyMi41NTQ5IDkuODg4MDUgMjIuMjM1MyA5LjA5MTg2IDIxLjczNjlIOS4wODMyN1oiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl8zMzM3XzM5MzEpIi8+CjxwYXRoIG9wYWNpdHk9IjAuNDEiIGQ9Ik05LjA4MzI3IDIxLjczNjlDOC4zMTgzMiAyMS4yNjE4IDcuNjU1MjYgMjAuNjM5NiA3LjEzMjQ5IDE5LjkwNjRDNi41MzU1MSAxOS4wODkzIDYuMTI0NTkgMTguMTUxNSA1LjkyODU1IDE3LjE1ODdDNS43MzI1MSAxNi4xNjU5IDUuNzU2MTEgMTUuMTQyMyA1Ljk5NzY4IDE0LjE1OTZDNi4yMzkyNiAxMy4xNzY5IDYuNjkyOTcgMTIuMjU5IDcuMzI2OTYgMTEuNDcwM0M3Ljk2MDk1IDEwLjY4MTYgOC43NTk4NyAxMC4wNDExIDkuNjY3NjQgOS41OTM5NUM5Ljk0MjY0IDkuNDY1MDQgMTAuMzk4MSA5LjI0MTYgMTEuMDA4MyA5LjI1MDJDMTEuNDM3NiA5LjI1MzUyIDExLjg2MDQgOS4zNTYwOSAxMi4yNDM1IDkuNTQ5ODlDMTIuNjI2NyA5Ljc0MzcgMTIuOTU5OCAxMC4wMjM1IDEzLjIxNjkgMTAuMzY3NEMxMy41NjI2IDEwLjgzMjQgMTMuNzUyMiAxMS4zOTUgMTMuNzU4MyAxMS45NzQ0QzEzLjc1ODMgMTEuOTU3MiAxNS44NjM3IDUuMTMzNzkgNi44ODMyNyA1LjEzMzc5QzMuMTEwNjEgNS4xMzM3OSAwLjAwODI2ODg5IDguNzA4NzkgMC4wMDgyNjg4OSAxMS44NTQxQy0wLjAwNjczNzA2IDEzLjUxNTYgMC4zNDg0NzYgMTUuMTU5NSAxLjA0ODExIDE2LjY2NjZDMi4xOTM4OSAxOS4xMDY0IDQuMTk1NiAyMS4wNDA2IDYuNjczMjcgMjIuMTAyQzkuMTUwOTMgMjMuMTYzNCAxMS45MzIxIDIzLjI3ODEgMTQuNDg4NyAyMi40MjQ0QzEzLjU5MyAyMi43MDczIDEyLjY0NjYgMjIuNzkyMyAxMS43MTQ4IDIyLjY3MzZDMTAuNzgzIDIyLjU1NDkgOS44ODgwNSAyMi4yMzUzIDkuMDkxODYgMjEuNzM2OUg5LjA4MzI3WiIgZmlsbD0idXJsKCNwYWludDNfcmFkaWFsXzMzMzdfMzkzMSkiLz4KPHBhdGggZD0iTTEzLjA5NjkgMTMuNzg3NUMxMy4wMTk1IDEzLjg3MzQgMTIuODA0NyAxNC4wMDIzIDEyLjgwNDcgMTQuMjY4N0MxMi44MDQ3IDE0LjQ5MjIgMTIuOTUwOCAxNC43MTU2IDEzLjIxNzIgMTQuODk2MUMxNC40NDYxIDE1Ljc1NTUgMTYuNzc1IDE1LjYzNTIgMTYuNzgzNiAxNS42MzUyQzE3LjY5OTcgMTUuNjM0NiAxOC41OTg5IDE1LjM4ODIgMTkuMzg3NSAxNC45MjE5QzIwLjE4MTQgMTQuNDU3NSAyMC44NDAxIDEzLjc5MzcgMjEuMjk4NCAxMi45OTYzQzIxLjc1NjYgMTIuMTk4OSAyMS45OTg1IDExLjI5NTUgMjIgMTAuMzc1OEMyMi4wMjU4IDguNDUwNzggMjEuMzEyNSA3LjE3MDMxIDIxLjAyODkgNi42MDMxMkMxOS4xOTg0IDMuMDQ1MzEgMTUuMjcxMSAxIDExIDFDOC4xMDkyMiAwLjk5OTcxNCA1LjMzNDUyIDIuMTM3MzggMy4yNzYwMSA0LjE2Njk0QzEuMjE3NSA2LjE5NjUxIDAuMDQwNjUxNSA4Ljk1NDgyIDAgMTEuODQ1M0MwLjA0Mjk2ODggOC43MDg1OSAzLjE2MjUgNi4xNzM0NCA2Ljg3NSA2LjE3MzQ0QzcuMTc1NzggNi4xNzM0NCA4Ljg5NDUzIDYuMTk5MjIgMTAuNDg0NCA3LjAzMjgxQzExLjYwMTMgNy41ODc4NCAxMi41MjYzIDguNDY0OSAxMy4xMzk4IDkuNTUwNzhDMTMuNjY0MSAxMC40NjE3IDEzLjc1ODYgMTEuNjIxOSAxMy43NTg2IDEyLjA4NTlDMTMuNzU4NiAxMi41NSAxMy41MjY2IDEzLjIyODkgMTMuMDg4MyAxMy43OTYxTDEzLjA5NjkgMTMuNzg3NVoiIGZpbGw9InVybCgjcGFpbnQ0X3JhZGlhbF8zMzM3XzM5MzEpIi8+CjxwYXRoIGQ9Ik0xMy4wOTY5IDEzLjc4NzVDMTMuMDE5NSAxMy44NzM0IDEyLjgwNDcgMTQuMDAyMyAxMi44MDQ3IDE0LjI2ODdDMTIuODA0NyAxNC40OTIyIDEyLjk1MDggMTQuNzE1NiAxMy4yMTcyIDE0Ljg5NjFDMTQuNDQ2MSAxNS43NTU1IDE2Ljc3NSAxNS42MzUyIDE2Ljc4MzYgMTUuNjM1MkMxNy42OTk3IDE1LjYzNDYgMTguNTk4OSAxNS4zODgyIDE5LjM4NzUgMTQuOTIxOUMyMC4xODE0IDE0LjQ1NzUgMjAuODQwMSAxMy43OTM3IDIxLjI5ODQgMTIuOTk2M0MyMS43NTY2IDEyLjE5ODkgMjEuOTk4NSAxMS4yOTU1IDIyIDEwLjM3NThDMjIuMDI1OCA4LjQ1MDc4IDIxLjMxMjUgNy4xNzAzMSAyMS4wMjg5IDYuNjAzMTJDMTkuMTk4NCAzLjA0NTMxIDE1LjI3MTEgMSAxMSAxQzguMTA5MjIgMC45OTk3MTQgNS4zMzQ1MiAyLjEzNzM4IDMuMjc2MDEgNC4xNjY5NEMxLjIxNzUgNi4xOTY1MSAwLjA0MDY1MTUgOC45NTQ4MiAwIDExLjg0NTNDMC4wNDI5Njg4IDguNzA4NTkgMy4xNjI1IDYuMTczNDQgNi44NzUgNi4xNzM0NEM3LjE3NTc4IDYuMTczNDQgOC44OTQ1MyA2LjE5OTIyIDEwLjQ4NDQgNy4wMzI4MUMxMS42MDEzIDcuNTg3ODQgMTIuNTI2MyA4LjQ2NDkgMTMuMTM5OCA5LjU1MDc4QzEzLjY2NDEgMTAuNDYxNyAxMy43NTg2IDExLjYyMTkgMTMuNzU4NiAxMi4wODU5QzEzLjc1ODYgMTIuNTUgMTMuNTI2NiAxMy4yMjg5IDEzLjA4ODMgMTMuNzk2MUwxMy4wOTY5IDEzLjc4NzVaIiBmaWxsPSJ1cmwoI3BhaW50NV9yYWRpYWxfMzMzN18zOTMxKSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMzMzN18zOTMxIiB4MT0iNS4wNDQ5MiIgeTE9IjE2LjIxMDkiIHgyPSIyMC4zNzYyIiB5Mj0iMTYuMjEwOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMEM1OUE0Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzExNEE4QiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MV9yYWRpYWxfMzMzN18zOTMxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjUwOTggMTYuMzI2NSkgc2NhbGUoOC4xOTg0NCA3Ljc4ODUyKSI+CjxzdG9wIG9mZnNldD0iMC43IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIwLjkiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CjxzdG9wIG9mZnNldD0iMSIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMzMzN18zOTMxIiB4MT0iMTMuMTIyMyIgeTE9IjkuNTU5NTciIHgyPSIzLjU1NzQ5IiB5Mj0iMTkuOTgzOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMUI5REUyIi8+CjxzdG9wIG9mZnNldD0iMC4yIiBzdG9wLWNvbG9yPSIjMTU5NURGIi8+CjxzdG9wIG9mZnNldD0iMC43IiBzdG9wLWNvbG9yPSIjMDY4MEQ3Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwNzhENCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50M19yYWRpYWxfMzMzN18zOTMxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS44NDU5NCAtMTIuMTgzMiAtOS44NDUgLTEuNDc2NzUgNi4wNjMgMTguMDk2MykiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjgiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjAuOSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KPHN0b3Agb2Zmc2V0PSIxIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQ0X3JhZGlhbF8zMzM3XzM5MzEiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMC42OTU3NSAxNy4zOTM4IDM3LjA0ODcgMS4zOTE1IDIuMjI0OTIgNS4wNjYyMikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzM1QzFGMSIvPgo8c3RvcCBvZmZzZXQ9IjAuMSIgc3RvcC1jb2xvcj0iIzM0QzFFRCIvPgo8c3RvcCBvZmZzZXQ9IjAuMiIgc3RvcC1jb2xvcj0iIzJGQzJERiIvPgo8c3RvcCBvZmZzZXQ9IjAuMyIgc3RvcC1jb2xvcj0iIzJCQzNEMiIvPgo8c3RvcCBvZmZzZXQ9IjAuNyIgc3RvcC1jb2xvcj0iIzM2Qzc1MiIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50NV9yYWRpYWxfMzMzN18zOTMxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMi4zNDEyOCA4LjAyNzI1IDYuNTIyMTQgLTEuOTIzMiAyMC42MzAyIDcuNjQyOTcpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2NkVCNkUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjZFQjZFIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zMzM3XzM5MzEiPgo8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
 
-  if (!config || !Object.keys(config).length) return [defaultMapping];
+var edgeLight = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMzMzdfMzkzMSkiPgo8cGF0aCBkPSJNMTkuODYwNSAxNy4zNzExQzE5LjU2NTUgMTcuNTI0NCAxOS4yNjEzIDE3LjY1OTMgMTguOTQ5NiAxNy43NzVDMTcuOTYyNyAxOC4xNDIzIDE2LjkxNzUgMTguMzI4NyAxNS44NjQ1IDE4LjMyNUMxMS43OTk2IDE4LjMyNSA4LjI1ODk4IDE1LjUzMiA4LjI1ODk4IDExLjkzOThDOC4yNjQyNyAxMS40NTg4IDguMzk3NjMgMTAuOTg3OSA4LjY0NTM0IDEwLjU3NTZDOC44OTMwNiAxMC4xNjMyIDkuMjQ2MTggOS44MjQzMSA5LjY2ODM2IDkuNTkzNzVDNS45OTAyMyA5Ljc0ODQ0IDUuMDQ0OTIgMTMuNTgxMiA1LjA0NDkyIDE1LjgyNDJDNS4wNDQ5MiAyMi4xODM2IDEwLjg5NzMgMjIuODE5NSAxMi4xNjA1IDIyLjgxOTVDMTIuODM5NSAyMi44MTk1IDEzLjg2MjEgMjIuNjIxOSAxNC40ODA5IDIyLjQyNDJMMTQuNTkyNiAyMi4zODk4QzE2Ljk2MDUgMjEuNTcxNSAxOC45NzkxIDE5Ljk3MTIgMjAuMzE2IDE3Ljg1MjNDMjAuMzU0OSAxNy43ODggMjAuMzcxNSAxNy43MTI2IDIwLjM2MzUgMTcuNjM3OUMyMC4zNTU0IDE3LjU2MzEgMjAuMzIzMSAxNy40OTMgMjAuMjcxNCAxNy40Mzg0QzIwLjIxOTcgMTcuMzgzOCAyMC4xNTE1IDE3LjM0NzcgMjAuMDc3MyAxNy4zMzU1QzIwLjAwMzEgMTcuMzIzMyAxOS45MjcgMTcuMzM1OCAxOS44NjA1IDE3LjM3MTFaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMzMzN18zOTMxKSIvPgo8cGF0aCBvcGFjaXR5PSIwLjM1IiBkPSJNMTkuODYwNSAxNy4zNzExQzE5LjU2NTUgMTcuNTI0NCAxOS4yNjEzIDE3LjY1OTMgMTguOTQ5NiAxNy43NzVDMTcuOTYyNyAxOC4xNDIzIDE2LjkxNzUgMTguMzI4NyAxNS44NjQ1IDE4LjMyNUMxMS43OTk2IDE4LjMyNSA4LjI1ODk4IDE1LjUzMiA4LjI1ODk4IDExLjkzOThDOC4yNjQyNyAxMS40NTg4IDguMzk3NjMgMTAuOTg3OSA4LjY0NTM0IDEwLjU3NTZDOC44OTMwNiAxMC4xNjMyIDkuMjQ2MTggOS44MjQzMSA5LjY2ODM2IDkuNTkzNzVDNS45OTAyMyA5Ljc0ODQ0IDUuMDQ0OTIgMTMuNTgxMiA1LjA0NDkyIDE1LjgyNDJDNS4wNDQ5MiAyMi4xODM2IDEwLjg5NzMgMjIuODE5NSAxMi4xNjA1IDIyLjgxOTVDMTIuODM5NSAyMi44MTk1IDEzLjg2MjEgMjIuNjIxOSAxNC40ODA5IDIyLjQyNDJMMTQuNTkyNiAyMi4zODk4QzE2Ljk2MDUgMjEuNTcxNSAxOC45NzkxIDE5Ljk3MTIgMjAuMzE2IDE3Ljg1MjNDMjAuMzU0OSAxNy43ODggMjAuMzcxNSAxNy43MTI2IDIwLjM2MzUgMTcuNjM3OUMyMC4zNTU0IDE3LjU2MzEgMjAuMzIzMSAxNy40OTMgMjAuMjcxNCAxNy40Mzg0QzIwLjIxOTcgMTcuMzgzOCAyMC4xNTE1IDE3LjM0NzcgMjAuMDc3MyAxNy4zMzU1QzIwLjAwMzEgMTcuMzIzMyAxOS45MjcgMTcuMzM1OCAxOS44NjA1IDE3LjM3MTFaIiBmaWxsPSJ1cmwoI3BhaW50MV9yYWRpYWxfMzMzN18zOTMxKSIvPgo8cGF0aCBkPSJNOS4wODMyNyAyMS43MzY5QzguMzE4MzIgMjEuMjYxOCA3LjY1NTI2IDIwLjYzOTYgNy4xMzI0OSAxOS45MDY0QzYuNTM1NTEgMTkuMDg5MyA2LjEyNDU5IDE4LjE1MTUgNS45Mjg1NSAxNy4xNTg3QzUuNzMyNTEgMTYuMTY1OSA1Ljc1NjExIDE1LjE0MjMgNS45OTc2OCAxNC4xNTk2QzYuMjM5MjYgMTMuMTc2OSA2LjY5Mjk3IDEyLjI1OSA3LjMyNjk2IDExLjQ3MDNDNy45NjA5NSAxMC42ODE2IDguNzU5ODcgMTAuMDQxMSA5LjY2NzY0IDkuNTkzOTVDOS45NDI2NCA5LjQ2NTA0IDEwLjM5ODEgOS4yNDE2IDExLjAwODMgOS4yNTAyQzExLjQzNzYgOS4yNTM1MiAxMS44NjA0IDkuMzU2MDkgMTIuMjQzNSA5LjU0OTg5QzEyLjYyNjcgOS43NDM3IDEyLjk1OTggMTAuMDIzNSAxMy4yMTY5IDEwLjM2NzRDMTMuNTYyNiAxMC44MzI0IDEzLjc1MjIgMTEuMzk1IDEzLjc1ODMgMTEuOTc0NEMxMy43NTgzIDExLjk1NzIgMTUuODYzNyA1LjEzMzc5IDYuODgzMjcgNS4xMzM3OUMzLjExMDYxIDUuMTMzNzkgMC4wMDgyNjg4OSA4LjcwODc5IDAuMDA4MjY4ODkgMTEuODU0MUMtMC4wMDY3MzcwNiAxMy41MTU2IDAuMzQ4NDc2IDE1LjE1OTUgMS4wNDgxMSAxNi42NjY2QzIuMTkzODkgMTkuMTA2NCA0LjE5NTYgMjEuMDQwNiA2LjY3MzI3IDIyLjEwMkM5LjE1MDkzIDIzLjE2MzQgMTEuOTMyMSAyMy4yNzgxIDE0LjQ4ODcgMjIuNDI0NEMxMy41OTMgMjIuNzA3MyAxMi42NDY2IDIyLjc5MjMgMTEuNzE0OCAyMi42NzM2QzEwLjc4MyAyMi41NTQ5IDkuODg4MDUgMjIuMjM1MyA5LjA5MTg2IDIxLjczNjlIOS4wODMyN1oiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl8zMzM3XzM5MzEpIi8+CjxwYXRoIG9wYWNpdHk9IjAuNDEiIGQ9Ik05LjA4MzI3IDIxLjczNjlDOC4zMTgzMiAyMS4yNjE4IDcuNjU1MjYgMjAuNjM5NiA3LjEzMjQ5IDE5LjkwNjRDNi41MzU1MSAxOS4wODkzIDYuMTI0NTkgMTguMTUxNSA1LjkyODU1IDE3LjE1ODdDNS43MzI1MSAxNi4xNjU5IDUuNzU2MTEgMTUuMTQyMyA1Ljk5NzY4IDE0LjE1OTZDNi4yMzkyNiAxMy4xNzY5IDYuNjkyOTcgMTIuMjU5IDcuMzI2OTYgMTEuNDcwM0M3Ljk2MDk1IDEwLjY4MTYgOC43NTk4NyAxMC4wNDExIDkuNjY3NjQgOS41OTM5NUM5Ljk0MjY0IDkuNDY1MDQgMTAuMzk4MSA5LjI0MTYgMTEuMDA4MyA5LjI1MDJDMTEuNDM3NiA5LjI1MzUyIDExLjg2MDQgOS4zNTYwOSAxMi4yNDM1IDkuNTQ5ODlDMTIuNjI2NyA5Ljc0MzcgMTIuOTU5OCAxMC4wMjM1IDEzLjIxNjkgMTAuMzY3NEMxMy41NjI2IDEwLjgzMjQgMTMuNzUyMiAxMS4zOTUgMTMuNzU4MyAxMS45NzQ0QzEzLjc1ODMgMTEuOTU3MiAxNS44NjM3IDUuMTMzNzkgNi44ODMyNyA1LjEzMzc5QzMuMTEwNjEgNS4xMzM3OSAwLjAwODI2ODg5IDguNzA4NzkgMC4wMDgyNjg4OSAxMS44NTQxQy0wLjAwNjczNzA2IDEzLjUxNTYgMC4zNDg0NzYgMTUuMTU5NSAxLjA0ODExIDE2LjY2NjZDMi4xOTM4OSAxOS4xMDY0IDQuMTk1NiAyMS4wNDA2IDYuNjczMjcgMjIuMTAyQzkuMTUwOTMgMjMuMTYzNCAxMS45MzIxIDIzLjI3ODEgMTQuNDg4NyAyMi40MjQ0QzEzLjU5MyAyMi43MDczIDEyLjY0NjYgMjIuNzkyMyAxMS43MTQ4IDIyLjY3MzZDMTAuNzgzIDIyLjU1NDkgOS44ODgwNSAyMi4yMzUzIDkuMDkxODYgMjEuNzM2OUg5LjA4MzI3WiIgZmlsbD0idXJsKCNwYWludDNfcmFkaWFsXzMzMzdfMzkzMSkiLz4KPHBhdGggZD0iTTEzLjA5NjkgMTMuNzg3NUMxMy4wMTk1IDEzLjg3MzQgMTIuODA0NyAxNC4wMDIzIDEyLjgwNDcgMTQuMjY4N0MxMi44MDQ3IDE0LjQ5MjIgMTIuOTUwOCAxNC43MTU2IDEzLjIxNzIgMTQuODk2MUMxNC40NDYxIDE1Ljc1NTUgMTYuNzc1IDE1LjYzNTIgMTYuNzgzNiAxNS42MzUyQzE3LjY5OTcgMTUuNjM0NiAxOC41OTg5IDE1LjM4ODIgMTkuMzg3NSAxNC45MjE5QzIwLjE4MTQgMTQuNDU3NSAyMC44NDAxIDEzLjc5MzcgMjEuMjk4NCAxMi45OTYzQzIxLjc1NjYgMTIuMTk4OSAyMS45OTg1IDExLjI5NTUgMjIgMTAuMzc1OEMyMi4wMjU4IDguNDUwNzggMjEuMzEyNSA3LjE3MDMxIDIxLjAyODkgNi42MDMxMkMxOS4xOTg0IDMuMDQ1MzEgMTUuMjcxMSAxIDExIDFDOC4xMDkyMiAwLjk5OTcxNCA1LjMzNDUyIDIuMTM3MzggMy4yNzYwMSA0LjE2Njk0QzEuMjE3NSA2LjE5NjUxIDAuMDQwNjUxNSA4Ljk1NDgyIDAgMTEuODQ1M0MwLjA0Mjk2ODggOC43MDg1OSAzLjE2MjUgNi4xNzM0NCA2Ljg3NSA2LjE3MzQ0QzcuMTc1NzggNi4xNzM0NCA4Ljg5NDUzIDYuMTk5MjIgMTAuNDg0NCA3LjAzMjgxQzExLjYwMTMgNy41ODc4NCAxMi41MjYzIDguNDY0OSAxMy4xMzk4IDkuNTUwNzhDMTMuNjY0MSAxMC40NjE3IDEzLjc1ODYgMTEuNjIxOSAxMy43NTg2IDEyLjA4NTlDMTMuNzU4NiAxMi41NSAxMy41MjY2IDEzLjIyODkgMTMuMDg4MyAxMy43OTYxTDEzLjA5NjkgMTMuNzg3NVoiIGZpbGw9InVybCgjcGFpbnQ0X3JhZGlhbF8zMzM3XzM5MzEpIi8+CjxwYXRoIGQ9Ik0xMy4wOTY5IDEzLjc4NzVDMTMuMDE5NSAxMy44NzM0IDEyLjgwNDcgMTQuMDAyMyAxMi44MDQ3IDE0LjI2ODdDMTIuODA0NyAxNC40OTIyIDEyLjk1MDggMTQuNzE1NiAxMy4yMTcyIDE0Ljg5NjFDMTQuNDQ2MSAxNS43NTU1IDE2Ljc3NSAxNS42MzUyIDE2Ljc4MzYgMTUuNjM1MkMxNy42OTk3IDE1LjYzNDYgMTguNTk4OSAxNS4zODgyIDE5LjM4NzUgMTQuOTIxOUMyMC4xODE0IDE0LjQ1NzUgMjAuODQwMSAxMy43OTM3IDIxLjI5ODQgMTIuOTk2M0MyMS43NTY2IDEyLjE5ODkgMjEuOTk4NSAxMS4yOTU1IDIyIDEwLjM3NThDMjIuMDI1OCA4LjQ1MDc4IDIxLjMxMjUgNy4xNzAzMSAyMS4wMjg5IDYuNjAzMTJDMTkuMTk4NCAzLjA0NTMxIDE1LjI3MTEgMSAxMSAxQzguMTA5MjIgMC45OTk3MTQgNS4zMzQ1MiAyLjEzNzM4IDMuMjc2MDEgNC4xNjY5NEMxLjIxNzUgNi4xOTY1MSAwLjA0MDY1MTUgOC45NTQ4MiAwIDExLjg0NTNDMC4wNDI5Njg4IDguNzA4NTkgMy4xNjI1IDYuMTczNDQgNi44NzUgNi4xNzM0NEM3LjE3NTc4IDYuMTczNDQgOC44OTQ1MyA2LjE5OTIyIDEwLjQ4NDQgNy4wMzI4MUMxMS42MDEzIDcuNTg3ODQgMTIuNTI2MyA4LjQ2NDkgMTMuMTM5OCA5LjU1MDc4QzEzLjY2NDEgMTAuNDYxNyAxMy43NTg2IDExLjYyMTkgMTMuNzU4NiAxMi4wODU5QzEzLjc1ODYgMTIuNTUgMTMuNTI2NiAxMy4yMjg5IDEzLjA4ODMgMTMuNzk2MUwxMy4wOTY5IDEzLjc4NzVaIiBmaWxsPSJ1cmwoI3BhaW50NV9yYWRpYWxfMzMzN18zOTMxKSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMzMzN18zOTMxIiB4MT0iNS4wNDQ5MiIgeTE9IjE2LjIxMDkiIHgyPSIyMC4zNzYyIiB5Mj0iMTYuMjEwOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMEM1OUE0Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzExNEE4QiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MV9yYWRpYWxfMzMzN18zOTMxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjUwOTggMTYuMzI2NSkgc2NhbGUoOC4xOTg0NCA3Ljc4ODUyKSI+CjxzdG9wIG9mZnNldD0iMC43IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIwLjkiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CjxzdG9wIG9mZnNldD0iMSIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMzMzN18zOTMxIiB4MT0iMTMuMTIyMyIgeTE9IjkuNTU5NTciIHgyPSIzLjU1NzQ5IiB5Mj0iMTkuOTgzOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMUI5REUyIi8+CjxzdG9wIG9mZnNldD0iMC4yIiBzdG9wLWNvbG9yPSIjMTU5NURGIi8+CjxzdG9wIG9mZnNldD0iMC43IiBzdG9wLWNvbG9yPSIjMDY4MEQ3Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwNzhENCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50M19yYWRpYWxfMzMzN18zOTMxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS44NDU5NCAtMTIuMTgzMiAtOS44NDUgLTEuNDc2NzUgNi4wNjMgMTguMDk2MykiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjgiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjAuOSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KPHN0b3Agb2Zmc2V0PSIxIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQ0X3JhZGlhbF8zMzM3XzM5MzEiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMC42OTU3NSAxNy4zOTM4IDM3LjA0ODcgMS4zOTE1IDIuMjI0OTIgNS4wNjYyMikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzM1QzFGMSIvPgo8c3RvcCBvZmZzZXQ9IjAuMSIgc3RvcC1jb2xvcj0iIzM0QzFFRCIvPgo8c3RvcCBvZmZzZXQ9IjAuMiIgc3RvcC1jb2xvcj0iIzJGQzJERiIvPgo8c3RvcCBvZmZzZXQ9IjAuMyIgc3RvcC1jb2xvcj0iIzJCQzNEMiIvPgo8c3RvcCBvZmZzZXQ9IjAuNyIgc3RvcC1jb2xvcj0iIzM2Qzc1MiIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50NV9yYWRpYWxfMzMzN18zOTMxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMi4zNDEyOCA4LjAyNzI1IDYuNTIyMTQgLTEuOTIzMiAyMC42MzAyIDcuNjQyOTcpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2NkVCNkUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjZFQjZFIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zMzM3XzM5MzEiPgo8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
 
-  if (Array.isArray(config)) return config.map((entry) => ({ ...defaultMapping, ...entry }));
+var enpassDark = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMzNDFfNDI1MikiPgo8cGF0aCBkPSJNMTIuMDIxMiAyLjIyNTA1QzE0LjQ4ODEgMi4yMjUwNSAxNi45NTUxIDIuMjE3NzIgMTkuNDIyOCAyLjIyODcyQzE5LjkzNTYgMi4yMTg3MyAyMC40NDQ0IDIuMzIwODUgMjAuOTEzNiAyLjUyNzkzQzIxLjM4MjggMi43MzUwMSAyMS44MDEyIDMuMDQyMDYgMjIuMTM5NCAzLjQyNzYzQzIyLjY1OSA0LjAxMDcyIDIyLjk2MjggNC43NTQ0IDIzLjAwMDEgNS41MzQ0OUMyMy4wMDEzIDYuMjUwNzggMjIuOTE1NiA2Ljk2NDU4IDIyLjc0NSA3LjY2MDI0QzIyLjQxNzYgOS41NDI5OCAyMi4wNzY5IDExLjQyMjEgMjEuNzQyMiAxMy4zMDIzQzIxLjQ1MzcgMTQuOTIxNiAyMS4xNzc0IDE2LjU0MzIgMjAuODczOCAxOC4xNjEyQzIwLjQ0ODEgMjAuMDI5NCAxOC45MjI1IDIxLjQ0NjggMTcuMDI4MSAyMS43MzQyQzE2LjgwMjEgMjEuNzYxMSAxNi41NzQ4IDIxLjc3NDcgMTYuMzQ3MiAyMS43NzQ5QzEzLjQ2MzUgMjEuNzc3NiAxMC41Nzk5IDIxLjc3NzYgNy42OTYxNCAyMS43NzQ5QzUuNDQ3MDEgMjEuNzcwNCAzLjUyNDM5IDIwLjE1NDkgMy4xMzI2MSAxNy45NDAxQzIuNTU1MjUgMTQuNzA5MiAxLjk3MzAyIDExLjQ3OTEgMS4zODU5IDguMjQ5OTNDMS4yNzA0IDcuNjEwMzggMS4xNDI5OCA2Ljk3NDQ4IDEuMDUyMzIgNi4zMzAwN0MwLjcyNDUyMyA0LjQ1MDkgMS45NzA2NCAyLjY1ODE4IDMuODQ2MzIgMi4zMTA2N0M0LjEzOTc1IDIuMjU0NiA0LjQzNzk1IDIuMjI3MzQgNC43MzY2OCAyLjIyOTI3QzcuMTY0ODQgMi4yMjIzOSA5LjU5MyAyLjIyMTAyIDEyLjAyMTIgMi4yMjUwNVpNMTAuMDYzNSAxNy41MjA1QzEwLjAzNTggMTguMTQ5NCAxMC41NTMzIDE4LjY2NjggMTEuMTgyMiAxOC42MzkySDEyLjc4MzhDMTMuNDU5MSAxOC43MDQyIDE0LjAyNjEgMTguMTM2OCAxMy45NjAzIDE3LjQ2MTVDMTMuOTYwMyAxNi4xOTg4IDEzLjk2MDMgMTQuOTM1NSAxMy45NTQxIDEzLjY3MjlDMTMuOTQ3MSAxMy42MDA3IDEzLjk2MjUgMTMuNTI4MSAxMy45OTgzIDEzLjQ2NDlDMTQuMDM0IDEzLjQwMTcgMTQuMDg4NCAxMy4zNTEyIDE0LjE1NCAxMy4zMkMxNS43MTM4IDEyLjM5NTggMTYuNDY4NSAxMC41NDcxIDE2LjAwMTUgOC43OTUzNUMxNS4zOTY1IDYuNjE2OCAxMy4xNTcxIDUuMzI1MjIgMTAuOTY4NSA1Ljg5MjgyQzEwLjM1MzMgNi4wMTk2NSA5Ljc3ODM1IDYuMjk0NzQgOS4yOTM2IDYuNjk0MThDOC44MDg4NSA3LjA5MzYyIDguNDI4OTQgNy42MDUzNiA4LjE4NjgzIDguMTg0OTRDNy40NTgzNiAxMC4wOTkyIDguMTgyOTggMTIuMjYxNSA5LjkxNzc3IDEzLjM1MDRDOS45NjY2MiAxMy4zNzM3IDEwLjAwNzIgMTMuNDExNCAxMC4wMzQgMTMuNDU4NEMxMC4wNjA4IDEzLjUwNTQgMTAuMDcyNiAxMy41NTk1IDEwLjA2NzcgMTMuNjEzNEMxMC4wNjEgMTQuOTY5NiAxMC4wNjM1IDE2LjA5MzYgMTAuMDYzNSAxNy41MjA1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zMzQxXzQyNTIiPgo8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
 
-  return [{ ...defaultMapping, ...config }];
-};
+var enpassLight = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMzNDFfNDI1MCkiPgo8cGF0aCBkPSJNMTIuMDIxMiAyLjIyNTA1QzE0LjQ4ODEgMi4yMjUwNSAxNi45NTUxIDIuMjE3NzIgMTkuNDIyOCAyLjIyODcyQzE5LjkzNTYgMi4yMTg3MyAyMC40NDQ0IDIuMzIwODUgMjAuOTEzNiAyLjUyNzkzQzIxLjM4MjggMi43MzUwMSAyMS44MDEyIDMuMDQyMDYgMjIuMTM5NCAzLjQyNzYzQzIyLjY1OSA0LjAxMDcyIDIyLjk2MjggNC43NTQ0IDIzLjAwMDEgNS41MzQ0OUMyMy4wMDEzIDYuMjUwNzggMjIuOTE1NiA2Ljk2NDU4IDIyLjc0NSA3LjY2MDI0QzIyLjQxNzYgOS41NDI5OCAyMi4wNzY5IDExLjQyMjEgMjEuNzQyMiAxMy4zMDIzQzIxLjQ1MzcgMTQuOTIxNiAyMS4xNzc0IDE2LjU0MzIgMjAuODczOCAxOC4xNjEyQzIwLjQ0ODEgMjAuMDI5NCAxOC45MjI1IDIxLjQ0NjggMTcuMDI4MSAyMS43MzQyQzE2LjgwMjEgMjEuNzYxMSAxNi41NzQ4IDIxLjc3NDcgMTYuMzQ3MiAyMS43NzQ5QzEzLjQ2MzUgMjEuNzc3NiAxMC41Nzk5IDIxLjc3NzYgNy42OTYxNCAyMS43NzQ5QzUuNDQ3MDEgMjEuNzcwNCAzLjUyNDM5IDIwLjE1NDkgMy4xMzI2MSAxNy45NDAxQzIuNTU1MjUgMTQuNzA5MiAxLjk3MzAyIDExLjQ3OTEgMS4zODU5IDguMjQ5OTNDMS4yNzA0IDcuNjEwMzggMS4xNDI5OCA2Ljk3NDQ4IDEuMDUyMzIgNi4zMzAwN0MwLjcyNDUyMyA0LjQ1MDkgMS45NzA2NCAyLjY1ODE4IDMuODQ2MzIgMi4zMTA2N0M0LjEzOTc1IDIuMjU0NiA0LjQzNzk1IDIuMjI3MzQgNC43MzY2OCAyLjIyOTI3QzcuMTY0ODQgMi4yMjIzOSA5LjU5MyAyLjIyMTAyIDEyLjAyMTIgMi4yMjUwNVpNMTAuMDYzNSAxNy41MjA1QzEwLjAzNTggMTguMTQ5NCAxMC41NTMzIDE4LjY2NjggMTEuMTgyMiAxOC42MzkySDEyLjc4MzhDMTMuNDU5MSAxOC43MDQyIDE0LjAyNjEgMTguMTM2OCAxMy45NjAzIDE3LjQ2MTVDMTMuOTYwMyAxNi4xOTg4IDEzLjk2MDMgMTQuOTM1NSAxMy45NTQxIDEzLjY3MjlDMTMuOTQ3MSAxMy42MDA3IDEzLjk2MjUgMTMuNTI4MSAxMy45OTgzIDEzLjQ2NDlDMTQuMDM0IDEzLjQwMTcgMTQuMDg4NCAxMy4zNTEyIDE0LjE1NCAxMy4zMkMxNS43MTM4IDEyLjM5NTggMTYuNDY4NSAxMC41NDcxIDE2LjAwMTUgOC43OTUzNUMxNS4zOTY1IDYuNjE2OCAxMy4xNTcxIDUuMzI1MjIgMTAuOTY4NSA1Ljg5MjgyQzEwLjM1MzMgNi4wMTk2NSA5Ljc3ODM1IDYuMjk0NzQgOS4yOTM2IDYuNjk0MThDOC44MDg4NSA3LjA5MzYyIDguNDI4OTQgNy42MDUzNiA4LjE4NjgzIDguMTg0OTRDNy40NTgzNiAxMC4wOTkyIDguMTgyOTggMTIuMjYxNSA5LjkxNzc3IDEzLjM1MDRDOS45NjY2MiAxMy4zNzM3IDEwLjAwNzIgMTMuNDExNCAxMC4wMzQgMTMuNDU4NEMxMC4wNjA4IDEzLjUwNTQgMTAuMDcyNiAxMy41NTk1IDEwLjA2NzcgMTMuNjEzNEMxMC4wNjEgMTQuOTY5NiAxMC4wNjM1IDE2LjA5MzYgMTAuMDYzNSAxNy41MjA1WiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zMzQxXzQyNTAiPgo8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
 
-const getFallbackVarName = (origVarName, suffix = 'fallback') => kebabCaseJoin$1(origVarName, suffix);
+var googleDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PG1hc2sgaWQ9ImEiIGhlaWdodD0iMjIiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHdpZHRoPSIyMiIgeD0iMSIgeT0iMSI+PHBhdGggZD0ibTIzIDFoLTIydjIyaDIyeiIgZmlsbD0iI2ZmZiIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2EpIj48cGF0aCBkPSJtMjIuNTYgMTIuMjUwNWMwLS43OC0uMDctMS41My0uMi0yLjI1aC0xMC4zNnY0LjI1NWg1LjkyYy0uMjU1IDEuMzc1LTEuMDI5OSAyLjU0LTIuMTk1IDMuMzJ2Mi43NmgzLjU1NWMyLjA4LTEuOTE1IDMuMjgtNC43MzUgMy4yOC04LjA4NXoiIGZpbGw9IiM0Mjg1ZjQiLz48cGF0aCBkPSJtMTIgMjIuOTk5OGMyLjk3IDAgNS40NTk5LS45ODUgNy4yNzk5LTIuNjY0OWwtMy41NTUtMi43NmMtLjk4NDkuNjYtMi4yNDUgMS4wNDk5LTMuNzI0OSAxLjA0OTktMi44NjUxIDAtNS4yOTAwNS0xLjkzNS02LjE1NTA5LTQuNTM1aC0zLjY3NDk5djIuODVjMS44MTAwNSAzLjU5NTEgNS41MzAwMyA2LjA2IDkuODMwMDggNi4wNnoiIGZpbGw9IiMzNGE4NTMiLz48cGF0aCBkPSJtNS44NDQ5NSAxNC4wODk2Yy0uMjItLjY2LS4zNDQ5Ni0xLjM2NS0uMzQ0OTYtMi4wOXMuMTI0OTYtMS40My4zNDQ5Ni0yLjA5MDA0di0yLjg0OTk5aC0zLjY3NDk5Yy0uNzQ0OTIgMS40ODUtMS4xNjk5NiAzLjE2NTAzLTEuMTY5OTYgNC45NDAwMyAwIDEuNzc0OS40MjUwNCAzLjQ1NSAxLjE2OTk2IDQuOTR6IiBmaWxsPSIjZmJiYzA0Ii8+PHBhdGggZD0ibTEyIDUuMzc1MDNjMS42MTQ5IDAgMy4wNjQ5LjU1NDk1IDQuMjA0OSAxLjY0NDk0bDMuMTU1MS0zLjE1NTAyYy0xLjkwNS0xLjc3NDk2LTQuMzk1MS0yLjg2NDk1LTcuMzYtMi44NjQ5NS00LjMwMDA1IDAtOC4wMjAwMyAyLjQ2NDk5LTkuODMwMDggNi4wNjAwMWwzLjY3NDk5IDIuODQ5OTljLjg2NTA0LTIuNTk5OTYgMy4yODk5OS00LjUzNDk3IDYuMTU1MDktNC41MzQ5N3oiIGZpbGw9IiNlOTQyMzUiLz48L2c+PC9zdmc+";
 
-const createStyle = (componentName, baseSelector, mappings) => {
-  const style = new StyleBuilder();
-  // we generate all the fallback vars recursively
-  const createFallbackVar = (fallback, origVarName) => {
-    if (!fallback) return '';
-    if (typeof fallback === 'string') return fallback;
+var googleLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PG1hc2sgaWQ9ImEiIGhlaWdodD0iMjIiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHdpZHRoPSIyMiIgeD0iMSIgeT0iMSI+PHBhdGggZD0ibTIzIDFoLTIydjIyaDIyeiIgZmlsbD0iI2ZmZiIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2EpIj48cGF0aCBkPSJtMjIuNTYgMTIuMjUwNWMwLS43OC0uMDctMS41My0uMi0yLjI1aC0xMC4zNnY0LjI1NWg1LjkyYy0uMjU1IDEuMzc1LTEuMDI5OSAyLjU0LTIuMTk1IDMuMzJ2Mi43NmgzLjU1NWMyLjA4LTEuOTE1IDMuMjgtNC43MzUgMy4yOC04LjA4NXoiIGZpbGw9IiM0Mjg1ZjQiLz48cGF0aCBkPSJtMTIgMjIuOTk5OGMyLjk3IDAgNS40NTk5LS45ODUgNy4yNzk5LTIuNjY0OWwtMy41NTUtMi43NmMtLjk4NDkuNjYtMi4yNDUgMS4wNDk5LTMuNzI0OSAxLjA0OTktMi44NjUxIDAtNS4yOTAwNS0xLjkzNS02LjE1NTA5LTQuNTM1aC0zLjY3NDk5djIuODVjMS44MTAwNSAzLjU5NTEgNS41MzAwMyA2LjA2IDkuODMwMDggNi4wNnoiIGZpbGw9IiMzNGE4NTMiLz48cGF0aCBkPSJtNS44NDQ5NSAxNC4wODk2Yy0uMjItLjY2LS4zNDQ5Ni0xLjM2NS0uMzQ0OTYtMi4wOXMuMTI0OTYtMS40My4zNDQ5Ni0yLjA5MDA0di0yLjg0OTk5aC0zLjY3NDk5Yy0uNzQ0OTIgMS40ODUtMS4xNjk5NiAzLjE2NTAzLTEuMTY5OTYgNC45NDAwMyAwIDEuNzc0OS40MjUwNCAzLjQ1NSAxLjE2OTk2IDQuOTR6IiBmaWxsPSIjZmJiYzA0Ii8+PHBhdGggZD0ibTEyIDUuMzc1MDNjMS42MTQ5IDAgMy4wNjQ5LjU1NDk1IDQuMjA0OSAxLjY0NDk0bDMuMTU1MS0zLjE1NTAyYy0xLjkwNS0xLjc3NDk2LTQuMzk1MS0yLjg2NDk1LTcuMzYtMi44NjQ5NS00LjMwMDA1IDAtOC4wMjAwMyAyLjQ2NDk5LTkuODMwMDggNi4wNjAwMWwzLjY3NDk5IDIuODQ5OTljLjg2NTA0LTIuNTk5OTYgMy4yODk5OS00LjUzNDk3IDYuMTU1MDktNC41MzQ5N3oiIGZpbGw9IiNlOTQyMzUiLz48L2c+PC9zdmc+";
 
-    const fallbackVarName = getFallbackVarName(origVarName, fallback?.suffix);
-    return createCssVar(fallbackVarName, createFallbackVar(fallback.fallback, fallbackVarName));
-  };
+var keepassxcDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGxpbmVhckdyYWRpZW50IGlkPSJhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEyIiB4Mj0iMTIiIHkxPSItLjE1ODU0IiB5Mj0iMjEuODQxNSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNDE0MTQxIi8+PHN0b3Agb2Zmc2V0PSIuMTk2IiBzdG9wLWNvbG9yPSIjM2UzZTNlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjM2EzYTNhIi8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9ImIiIGN4PSIxMS4zMDU5IiBjeT0iMTAuMTA1NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHI9IjEzLjI0NyI+PHN0b3Agb2Zmc2V0PSIuNjczMyIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIi8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9ImMiIGN4PSIxMS44Mzk3IiBjeT0iMTEuODUwMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHI9IjExLjAxOTYiPjxzdG9wIG9mZnNldD0iLjEwODgiIHN0b3AtY29sb3I9IiMwZjBmMGQiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iLjg4NTYiIHN0b3AtY29sb3I9IiM0MTQxNDEiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iLjkzMzkiIHN0b3AtY29sb3I9IiMxZTFlMWQiIHN0b3Atb3BhY2l0eT0iLjY4NDEiLz48c3RvcCBvZmZzZXQ9Ii45ODc0IiBzdG9wLWNvbG9yPSIjMGYwZjBkIi8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9ImQiIGN4PSIwIiBjeT0iMCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgyMS40MDM3IDAgMCAxMi4yNTMxIDEyLjIwNzIgNS4yMTkzNCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiByPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyZTZiMjYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2YWI1MzYiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iZSIgY3g9IjEyLjA0NjciIGN5PSI1LjEzMDEzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgcj0iNC4xODAwNyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNmFiNTM2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMmU2YjI2Ii8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9ImYiIGN4PSIwIiBjeT0iMCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg1Ljg1NDc0IDAgMCA5LjcyMDY5IDExLjk4NDQgNy41MDYxNikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiByPSIxIj48c3RvcCBvZmZzZXQ9IjAiLz48c3RvcCBvZmZzZXQ9Ii43ODQyIiBzdG9wLWNvbG9yPSIjNGY0ZjRmIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iZyIgY3g9IjExLjk1ODUiIGN5PSIzLjg3MzkzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgcj0iMTQuMjg3NCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjVmNWY1Ii8+PHN0b3Agb2Zmc2V0PSIuNTAzNiIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvcmFkaWFsR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJoIj48cGF0aCBkPSJtMSAxaDIydjIyaC0yMnoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNoKSI+PHBhdGggZD0ibTEyIDIzYy02LjA2NTQzIDAtMTEtNC45MzQ2LTExLTExczQuOTM0NTctMTEgMTEtMTFjNi4wNjU1IDAgMTEgNC45MzQ1NSAxMSAxMSAwIDYuMDY1NS00LjkzNDUgMTEtMTEgMTF6bTAtMjEuMDc0NDZjLTUuNTUyNjIgMC0xMC4wNzAwMyA0LjUxOTM4LTEwLjA3MDAzIDEwLjA3NDQ2IDAgNS41NTUxIDQuNTE3NDEgMTAuMDc0NSAxMC4wNzAwMyAxMC4wNzQ1IDUuNTUyNyAwIDEwLjA3LTQuNTE5NSAxMC4wNy0xMC4wNzQ1IDAtNS41NTUwMy00LjUxNzMtMTAuMDc0NDYtMTAuMDctMTAuMDc0NDZ6IiBmaWxsPSJ1cmwoI2EpIi8+PHBhdGggZD0ibTExLjk5OTYgMS4wMDQzOWMtNi4wNjMwNyAwLTEwLjk5NTY5IDQuOTMyNjMtMTAuOTk1NjkgMTAuOTk1NzEgMCA2LjA2MzEgNC45MzI2NSAxMC45OTU3IDEwLjk5NTY5IDEwLjk5NTcgNi4wNjMxIDAgMTAuOTk1Ny00LjkzMjcgMTAuOTk1Ny0xMC45OTU3IDAtNi4wNjMwMy00LjkzMjYtMTAuOTk1NzEtMTAuOTk1Ny0xMC45OTU3MXoiIGZpbGw9InVybCgjYikiIG9wYWNpdHk9Ii4zMiIvPjxwYXRoIGQ9Im0xMiAyM2MtNi4wNjU0MyAwLTExLTQuOTM0Ni0xMS0xMXM0LjkzNDU3LTExIDExLTExYzYuMDY1NSAwIDExIDQuOTM0NTUgMTEgMTEgMCA2LjA2NTUtNC45MzQ1IDExLTExIDExem0wLTIxLjA3NDQ2Yy01LjU1MjYyIDAtMTAuMDcwMDMgNC41MTkzOC0xMC4wNzAwMyAxMC4wNzQ0NiAwIDUuNTU1MSA0LjUxNzQxIDEwLjA3NDUgMTAuMDcwMDMgMTAuMDc0NSA1LjU1MjcgMCAxMC4wNy00LjUxOTUgMTAuMDctMTAuMDc0NSAwLTUuNTU1MDMtNC41MTczLTEwLjA3NDQ2LTEwLjA3LTEwLjA3NDQ2eiIgZmlsbD0idXJsKCNjKSIgb3BhY2l0eT0iLjQ0Ii8+PHBhdGggZD0ibTEyLjAwMDIgMS45ODQzOGMtNS41OTU0OCAwLTEwLjE0NzY2IDQuNTUyMTctMTAuMTQ3NjYgMTAuMTQ3NjIgMCA1LjU5NTQgNC41NTIxOCAxMC4xNDc2IDEwLjE0NzY2IDEwLjE0NzYgNS41OTU0IDAgMTAuMTQ3NS00LjU1MjMgMTAuMTQ3NS0xMC4xNDc2IDAtNS41OTUzOS00LjU1MjEtMTAuMTQ3NjItMTAuMTQ3NS0xMC4xNDc2MnoiIGZpbGw9IiMwZjBmMGQiIGZpbGwtb3BhY2l0eT0iLjM1Ii8+PHBhdGggZD0ibTEyIDIzYy02LjA2NTQzIDAtMTEtNC45MzQ2LTExLTExczQuOTM0NTctMTEgMTEtMTFjNi4wNjU1IDAgMTEgNC45MzQ1NSAxMSAxMSAwIDYuMDY1NS00LjkzNDUgMTEtMTEgMTF6bTAtMjEuNzY0NTdjLTYuMDY1NCAwLTExIDQuODY4OTItMTEgMTAuODUzNjcgMCA1Ljk4NDcgNC45MzQ2IDEwLjg1MzYgMTEgMTAuODUzNiA2LjA2NTUgMCAxMS00Ljg2ODkgMTEtMTAuODUzNnMtNC45MzQ1LTEwLjg1MzY3LTExLTEwLjg1MzY3eiIgZmlsbD0iIzBmMGYwZCIgb3BhY2l0eT0iLjM1Ii8+PHBhdGggZD0ibTEyLjAwMDMgMS45MjU3OGMtNS41NTUxNCAwLTEwLjA3NDUyIDQuNTE5MzYtMTAuMDc0NTIgMTAuMDc0NDIgMCA1LjU1NTEgNC41MTkzOCAxMC4wNzQ1IDEwLjA3NDUyIDEwLjA3NDUgNS41NTUxIDAgMTAuMDc0NC00LjUxOTQgMTAuMDc0NC0xMC4wNzQ1IDAtNS41NTUwMS00LjUxOTMtMTAuMDc0NDItMTAuMDc0NC0xMC4wNzQ0MnoiIGZpbGw9InVybCgjZCkiLz48cGF0aCBkPSJtMTEuOTk5OCAyLjc2MzE4Yy0xLjY1NDYgMC0zLjAwMDc4IDEuMzQ2MTUtMy4wMDA3OCAzLjAwMDggMCAxLjY1NDY2IDEuMzQ2MTggMy4wMDA4IDMuMDAwNzggMy4wMDA4IDEuNjU0NyAwIDMuMDAwOC0xLjM0NjE3IDMuMDAwOC0zLjAwMDggMC0xLjY1NDYyLTEuMzQ2MS0zLjAwMDgtMy4wMDA4LTMuMDAwOHoiIGZpbGw9InVybCgjZSkiIG9wYWNpdHk9Ii43Ii8+PHBhdGggZD0ibTYuNzA1MjIgMy4zOTYxOGMtLjAwMDQ4LjAwMzQ2LS4wMDA5Ni4wMDY4My0uMDAxNDcuMDEwMjctLjAxMzEuMDAyNDUtLjAxMzMtLjAwMDY2LjAwMTQ3LS4wMTAyN3ptNy42MDc0OCA2LjQ2NjM1LS4xMzkzIDIuNDg5MzcgMS42NDQxIDEuNzkxMi0xLjY0NDEgMS43OTExIDEuMDg2NyAxLjE4NC0xLjA4NjcgMS4xODQuMTM5MyAyLjQ2OWgtNC42MjU4di0xMC45MDg2N2MtMS44MzkxOC0uOTQxMTEtMy4wOTMxNS0yLjk3NTEzLTMuMDkzMTUtNS4zMTI3MiAwLS4zOTEyMi4wNTQ3Ny0uNzUyNjguMTEtMS4xNDMzNi4xOTk1Mi0uMDM3NjEgMy40MjU5NS0xLjM4OTg1IDMuNDI1OTUtMS4zODk4NS0uMDI2OC4xNDYxNiAzLjc2NjkuMTQ2MTYgMy43NDAyIDAgMCAwIDMuMTE3MSAxLjM0MTI3IDMuNDI5OSAxLjQwNzA0LjA3OTEuMzg0MDkuMTA2Ljc0MDc0LjEwNiAxLjEyNjE1IDAgMi4zMzc2MS0xLjI4MTggNC4zNzE2My0zLjA5MzEgNS4zMTI3NHptMi45ODE3LTYuNDY2MzVjLjAwMTkuMDA5MjMuMDAzNS4wMTgyNi4wMDU0LjAyNzQ2LjAzNDIuMDA3MjEuMDM1NC0uMDAwNjMtLjAwNTQtLjAyNzQ2eiIgZmlsbD0idXJsKCNmKSIgb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJtNi42MDIzMiAxOC41ODA2Yy0xLjc4Nzc3LTEuNTU0OC0yLjkxOTYxLTMuODQ2Ny0yLjkxOTYxLTYuNDExNiAwLTIuOTg0MzUgMS41NjA3NC01LjczOTE4IDQuMTMxMzgtNy4yNzczMS0uMDQ1OS4yOTg0NC0uMDkxODIuNTczOTItLjA5MTgyLjg3MjM2IDAgMS43Njc2NiAxLjAzMjgzIDMuMzA1NzkgMi41NDc2MyA0LjAxNzQ1djguMDU3OWwxLjkwNTEgMS45MDU0IDEuOTA1LTEuOTA1NC0uMTE0OC0xLjY3NTkuODk1Mi0uODk1My0uODk1Mi0uODk1MyAxLjM1NDItMS4zNTQ1LTEuMzU0Mi0xLjM1NDUuMTE0OC0xLjg4MjQyYzEuNDkxOS0uNzExNjYgMi41NDc3LTIuMjQ5NzcgMi41NDc3LTQuMDE3NDUgMC0uMjk4NDQtLjAyMy0uNTczOTMtLjA5MTktLjg3MjM3LjkzMjguNTYzMTUgMS43MzI2IDEuMjg5OTQgMi4zNzM4IDIuMTMwODctMS41NTA1LTIuMTI5MzUtNC4wNjkzLTMuNTE0NzItNi45MTM3LTMuNTE0NzItNC43MTI2NSAwLTguNTMzMDEgMy44MDIxMy04LjUzMzAxIDguNDkyMjkgMCAyLjY1MzkgMS4yMjM1IDUuMDIzMiAzLjEzOTQzIDYuNTgwNXptNC45NTI5OC0xLjM4NGgtLjY0Mjd2LTYuMzU5MWguNjQyN3ptLS45MTgxLTEzLjM2MDkxYy41MDQ5LS4wOTE4MiAxLjAzMjgtLjEzNzc0IDEuNTM3OC0uMTM3NzQuNTI3OS0uMDIyOTYgMS4wMzI4LjA0NTg5IDEuNTM3OC4xMzc3NC4wMjMuMTE0NzguMDQ1OS4yMjk1Ni4wNDU5LjM0NDM0IDAgLjg3MjM2LS43MTE1IDEuNTg0MDItMS41ODM3IDEuNTg0MDJzLTEuNTgzNy0uNzExNjYtMS41ODM3LTEuNTg0MDJjMC0uMTE0NzguMDIzLS4yMjk1Ni4wNDU5LS4zNDQzNHoiIGZpbGw9IiMwZjBmMGQiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0ibTEyLjAwMDcgMS45MjU3OGMtNS41NTI2MyAwLTEwLjA3MDA0IDQuNTE5MzgtMTAuMDcwMDQgMTAuMDc0NDIgMCA1LjU1NTEgNC41MTc0MSAxMC4wNzQ1IDEwLjA3MDA0IDEwLjA3NDUgNS41NTI3IDAgMTAuMDctNC41MTk0IDEwLjA3LTEwLjA3NDUgMC01LjU1NDk5LTQuNTE3My0xMC4wNzQ0Mi0xMC4wNy0xMC4wNzQ0MnptLTEuNTM3OCAxLjczMTg2Yy41MDUtLjA5MTgyIDEuMDMyOS0uMTM3NzQgMS41Mzc4LS4xMzc3NC41Mjc5LS4wMjI5NiAxLjAzMjkuMDQ1ODkgMS41Mzc4LjEzNzc0LjAyMy4xMTQ3OC4wNDU5LjIyOTU1LjA0NTkuMzQ0MzMgMCAuODcyMzctLjcxMTUgMS41ODQwMy0xLjU4MzcgMS41ODQwM3MtMS41ODM3LS43MTE2Ni0xLjU4MzctMS41ODQwM2MwLS4xMTQ3OC4wMjMtLjIyOTU1LjA0NTktLjM0NDMzem0uOTE4MSA3LjAwMTg2djYuMzU5aC0uNjQyNnYtNi4zNTl6bS42MTk3IDkuODI1NWMtNC42ODIyMSAwLTguNDkyMjYtMy43ODc5LTguNDkyMjYtOC40OTQgMC0yLjk4NDQgMS41NjA3NC01LjczOTIzIDQuMTMxMzgtNy4yNzczNi0uMDQ1OS4yOTg0NC0uMDkxODIuNTczOTItLjA5MTgyLjg3MjM2IDAgMS43Njc2NiAxLjAzMjgzIDMuMzA1NzkgMi41NDc3IDQuMDE3NDV2OC4wNTc4NWwxLjkwNSAxLjkwNTQgMS45MDUtMS45MDU0LS4xMTQ3LTEuNjc1OC44OTUxLS44OTUzLS44OTUxLS44OTU0IDEuMzU0MS0xLjM1NDQtMS4zNTQxLTEuMzU0NS4xMTQ3LTEuODgyNDdjMS40OTE5LS43MTE2NiAyLjU0NzctMi4yNDk3NyAyLjU0NzctNC4wMTc0NiAwLS4yOTg0NC0uMDIzLS41NzM5Mi0uMDkxOC0uODcyMzYgMi41NDc3IDEuNTM4MTMgNC4xMDg0IDQuMjkyOTMgNC4xMzE0IDcuMjc3MzkgMCA0LjY4MzItMy43ODcxIDguNDk0LTguNDkyMyA4LjQ5NHoiIGZpbGw9InVybCgjZykiLz48L2c+PC9zdmc+";
 
-  Object.keys(mappings).forEach((attr) => {
-    const attrConfig = normalizeConfig(attr, mappings[attr]);
+var keepassxcLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGxpbmVhckdyYWRpZW50IGlkPSJhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEyIiB4Mj0iMTIiIHkxPSItLjE1ODU0IiB5Mj0iMjEuODQxNSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNDE0MTQxIi8+PHN0b3Agb2Zmc2V0PSIuMTk2IiBzdG9wLWNvbG9yPSIjM2UzZTNlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjM2EzYTNhIi8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9ImIiIGN4PSIxMS4zMDU5IiBjeT0iMTAuMTA1NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHI9IjEzLjI0NyI+PHN0b3Agb2Zmc2V0PSIuNjczMyIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIi8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9ImMiIGN4PSIxMS44Mzk3IiBjeT0iMTEuODUwMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHI9IjExLjAxOTYiPjxzdG9wIG9mZnNldD0iLjEwODgiIHN0b3AtY29sb3I9IiMwZjBmMGQiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iLjg4NTYiIHN0b3AtY29sb3I9IiM0MTQxNDEiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iLjkzMzkiIHN0b3AtY29sb3I9IiMxZTFlMWQiIHN0b3Atb3BhY2l0eT0iLjY4NDEiLz48c3RvcCBvZmZzZXQ9Ii45ODc0IiBzdG9wLWNvbG9yPSIjMGYwZjBkIi8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9ImQiIGN4PSIwIiBjeT0iMCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgyMS40MDM3IDAgMCAxMi4yNTMxIDEyLjIwNzIgNS4yMTkzNCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiByPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyZTZiMjYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2YWI1MzYiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iZSIgY3g9IjEyLjA0NjciIGN5PSI1LjEzMDEzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgcj0iNC4xODAwNyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNmFiNTM2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMmU2YjI2Ii8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9ImYiIGN4PSIwIiBjeT0iMCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg1Ljg1NDc0IDAgMCA5LjcyMDY5IDExLjk4NDQgNy41MDYxNikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiByPSIxIj48c3RvcCBvZmZzZXQ9IjAiLz48c3RvcCBvZmZzZXQ9Ii43ODQyIiBzdG9wLWNvbG9yPSIjNGY0ZjRmIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iZyIgY3g9IjExLjk1ODUiIGN5PSIzLjg3MzkzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgcj0iMTQuMjg3NCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjVmNWY1Ii8+PHN0b3Agb2Zmc2V0PSIuNTAzNiIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvcmFkaWFsR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJoIj48cGF0aCBkPSJtMSAxaDIydjIyaC0yMnoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNoKSI+PHBhdGggZD0ibTEyIDIzYy02LjA2NTQzIDAtMTEtNC45MzQ2LTExLTExczQuOTM0NTctMTEgMTEtMTFjNi4wNjU1IDAgMTEgNC45MzQ1NSAxMSAxMSAwIDYuMDY1NS00LjkzNDUgMTEtMTEgMTF6bTAtMjEuMDc0NDZjLTUuNTUyNjIgMC0xMC4wNzAwMyA0LjUxOTM4LTEwLjA3MDAzIDEwLjA3NDQ2IDAgNS41NTUxIDQuNTE3NDEgMTAuMDc0NSAxMC4wNzAwMyAxMC4wNzQ1IDUuNTUyNyAwIDEwLjA3LTQuNTE5NSAxMC4wNy0xMC4wNzQ1IDAtNS41NTUwMy00LjUxNzMtMTAuMDc0NDYtMTAuMDctMTAuMDc0NDZ6IiBmaWxsPSJ1cmwoI2EpIi8+PHBhdGggZD0ibTExLjk5OTYgMS4wMDQzOWMtNi4wNjMwNyAwLTEwLjk5NTY5IDQuOTMyNjMtMTAuOTk1NjkgMTAuOTk1NzEgMCA2LjA2MzEgNC45MzI2NSAxMC45OTU3IDEwLjk5NTY5IDEwLjk5NTcgNi4wNjMxIDAgMTAuOTk1Ny00LjkzMjcgMTAuOTk1Ny0xMC45OTU3IDAtNi4wNjMwMy00LjkzMjYtMTAuOTk1NzEtMTAuOTk1Ny0xMC45OTU3MXoiIGZpbGw9InVybCgjYikiIG9wYWNpdHk9Ii4zMiIvPjxwYXRoIGQ9Im0xMiAyM2MtNi4wNjU0MyAwLTExLTQuOTM0Ni0xMS0xMXM0LjkzNDU3LTExIDExLTExYzYuMDY1NSAwIDExIDQuOTM0NTUgMTEgMTEgMCA2LjA2NTUtNC45MzQ1IDExLTExIDExem0wLTIxLjA3NDQ2Yy01LjU1MjYyIDAtMTAuMDcwMDMgNC41MTkzOC0xMC4wNzAwMyAxMC4wNzQ0NiAwIDUuNTU1MSA0LjUxNzQxIDEwLjA3NDUgMTAuMDcwMDMgMTAuMDc0NSA1LjU1MjcgMCAxMC4wNy00LjUxOTUgMTAuMDctMTAuMDc0NSAwLTUuNTU1MDMtNC41MTczLTEwLjA3NDQ2LTEwLjA3LTEwLjA3NDQ2eiIgZmlsbD0idXJsKCNjKSIgb3BhY2l0eT0iLjQ0Ii8+PHBhdGggZD0ibTEyLjAwMDIgMS45ODQzOGMtNS41OTU0OCAwLTEwLjE0NzY2IDQuNTUyMTctMTAuMTQ3NjYgMTAuMTQ3NjIgMCA1LjU5NTQgNC41NTIxOCAxMC4xNDc2IDEwLjE0NzY2IDEwLjE0NzYgNS41OTU0IDAgMTAuMTQ3NS00LjU1MjMgMTAuMTQ3NS0xMC4xNDc2IDAtNS41OTUzOS00LjU1MjEtMTAuMTQ3NjItMTAuMTQ3NS0xMC4xNDc2MnoiIGZpbGw9IiMwZjBmMGQiIGZpbGwtb3BhY2l0eT0iLjM1Ii8+PHBhdGggZD0ibTEyIDIzYy02LjA2NTQzIDAtMTEtNC45MzQ2LTExLTExczQuOTM0NTctMTEgMTEtMTFjNi4wNjU1IDAgMTEgNC45MzQ1NSAxMSAxMSAwIDYuMDY1NS00LjkzNDUgMTEtMTEgMTF6bTAtMjEuNzY0NTdjLTYuMDY1NCAwLTExIDQuODY4OTItMTEgMTAuODUzNjcgMCA1Ljk4NDcgNC45MzQ2IDEwLjg1MzYgMTEgMTAuODUzNiA2LjA2NTUgMCAxMS00Ljg2ODkgMTEtMTAuODUzNnMtNC45MzQ1LTEwLjg1MzY3LTExLTEwLjg1MzY3eiIgZmlsbD0iIzBmMGYwZCIgb3BhY2l0eT0iLjM1Ii8+PHBhdGggZD0ibTEyLjAwMDMgMS45MjU3OGMtNS41NTUxNCAwLTEwLjA3NDUyIDQuNTE5MzYtMTAuMDc0NTIgMTAuMDc0NDIgMCA1LjU1NTEgNC41MTkzOCAxMC4wNzQ1IDEwLjA3NDUyIDEwLjA3NDUgNS41NTUxIDAgMTAuMDc0NC00LjUxOTQgMTAuMDc0NC0xMC4wNzQ1IDAtNS41NTUwMS00LjUxOTMtMTAuMDc0NDItMTAuMDc0NC0xMC4wNzQ0MnoiIGZpbGw9InVybCgjZCkiLz48cGF0aCBkPSJtMTEuOTk5OCAyLjc2MzE4Yy0xLjY1NDYgMC0zLjAwMDc4IDEuMzQ2MTUtMy4wMDA3OCAzLjAwMDggMCAxLjY1NDY2IDEuMzQ2MTggMy4wMDA4IDMuMDAwNzggMy4wMDA4IDEuNjU0NyAwIDMuMDAwOC0xLjM0NjE3IDMuMDAwOC0zLjAwMDggMC0xLjY1NDYyLTEuMzQ2MS0zLjAwMDgtMy4wMDA4LTMuMDAwOHoiIGZpbGw9InVybCgjZSkiIG9wYWNpdHk9Ii43Ii8+PHBhdGggZD0ibTYuNzA1MjIgMy4zOTYxOGMtLjAwMDQ4LjAwMzQ2LS4wMDA5Ni4wMDY4My0uMDAxNDcuMDEwMjctLjAxMzEuMDAyNDUtLjAxMzMtLjAwMDY2LjAwMTQ3LS4wMTAyN3ptNy42MDc0OCA2LjQ2NjM1LS4xMzkzIDIuNDg5MzcgMS42NDQxIDEuNzkxMi0xLjY0NDEgMS43OTExIDEuMDg2NyAxLjE4NC0xLjA4NjcgMS4xODQuMTM5MyAyLjQ2OWgtNC42MjU4di0xMC45MDg2N2MtMS44MzkxOC0uOTQxMTEtMy4wOTMxNS0yLjk3NTEzLTMuMDkzMTUtNS4zMTI3MiAwLS4zOTEyMi4wNTQ3Ny0uNzUyNjguMTEtMS4xNDMzNi4xOTk1Mi0uMDM3NjEgMy40MjU5NS0xLjM4OTg1IDMuNDI1OTUtMS4zODk4NS0uMDI2OC4xNDYxNiAzLjc2NjkuMTQ2MTYgMy43NDAyIDAgMCAwIDMuMTE3MSAxLjM0MTI3IDMuNDI5OSAxLjQwNzA0LjA3OTEuMzg0MDkuMTA2Ljc0MDc0LjEwNiAxLjEyNjE1IDAgMi4zMzc2MS0xLjI4MTggNC4zNzE2My0zLjA5MzEgNS4zMTI3NHptMi45ODE3LTYuNDY2MzVjLjAwMTkuMDA5MjMuMDAzNS4wMTgyNi4wMDU0LjAyNzQ2LjAzNDIuMDA3MjEuMDM1NC0uMDAwNjMtLjAwNTQtLjAyNzQ2eiIgZmlsbD0idXJsKCNmKSIgb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJtNi42MDIzMiAxOC41ODA2Yy0xLjc4Nzc3LTEuNTU0OC0yLjkxOTYxLTMuODQ2Ny0yLjkxOTYxLTYuNDExNiAwLTIuOTg0MzUgMS41NjA3NC01LjczOTE4IDQuMTMxMzgtNy4yNzczMS0uMDQ1OS4yOTg0NC0uMDkxODIuNTczOTItLjA5MTgyLjg3MjM2IDAgMS43Njc2NiAxLjAzMjgzIDMuMzA1NzkgMi41NDc2MyA0LjAxNzQ1djguMDU3OWwxLjkwNTEgMS45MDU0IDEuOTA1LTEuOTA1NC0uMTE0OC0xLjY3NTkuODk1Mi0uODk1My0uODk1Mi0uODk1MyAxLjM1NDItMS4zNTQ1LTEuMzU0Mi0xLjM1NDUuMTE0OC0xLjg4MjQyYzEuNDkxOS0uNzExNjYgMi41NDc3LTIuMjQ5NzcgMi41NDc3LTQuMDE3NDUgMC0uMjk4NDQtLjAyMy0uNTczOTMtLjA5MTktLjg3MjM3LjkzMjguNTYzMTUgMS43MzI2IDEuMjg5OTQgMi4zNzM4IDIuMTMwODctMS41NTA1LTIuMTI5MzUtNC4wNjkzLTMuNTE0NzItNi45MTM3LTMuNTE0NzItNC43MTI2NSAwLTguNTMzMDEgMy44MDIxMy04LjUzMzAxIDguNDkyMjkgMCAyLjY1MzkgMS4yMjM1IDUuMDIzMiAzLjEzOTQzIDYuNTgwNXptNC45NTI5OC0xLjM4NGgtLjY0Mjd2LTYuMzU5MWguNjQyN3ptLS45MTgxLTEzLjM2MDkxYy41MDQ5LS4wOTE4MiAxLjAzMjgtLjEzNzc0IDEuNTM3OC0uMTM3NzQuNTI3OS0uMDIyOTYgMS4wMzI4LjA0NTg5IDEuNTM3OC4xMzc3NC4wMjMuMTE0NzguMDQ1OS4yMjk1Ni4wNDU5LjM0NDM0IDAgLjg3MjM2LS43MTE1IDEuNTg0MDItMS41ODM3IDEuNTg0MDJzLTEuNTgzNy0uNzExNjYtMS41ODM3LTEuNTg0MDJjMC0uMTE0NzguMDIzLS4yMjk1Ni4wNDU5LS4zNDQzNHoiIGZpbGw9IiMwZjBmMGQiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0ibTEyLjAwMDcgMS45MjU3OGMtNS41NTI2MyAwLTEwLjA3MDA0IDQuNTE5MzgtMTAuMDcwMDQgMTAuMDc0NDIgMCA1LjU1NTEgNC41MTc0MSAxMC4wNzQ1IDEwLjA3MDA0IDEwLjA3NDUgNS41NTI3IDAgMTAuMDctNC41MTk0IDEwLjA3LTEwLjA3NDUgMC01LjU1NDk5LTQuNTE3My0xMC4wNzQ0Mi0xMC4wNy0xMC4wNzQ0MnptLTEuNTM3OCAxLjczMTg2Yy41MDUtLjA5MTgyIDEuMDMyOS0uMTM3NzQgMS41Mzc4LS4xMzc3NC41Mjc5LS4wMjI5NiAxLjAzMjkuMDQ1ODkgMS41Mzc4LjEzNzc0LjAyMy4xMTQ3OC4wNDU5LjIyOTU1LjA0NTkuMzQ0MzMgMCAuODcyMzctLjcxMTUgMS41ODQwMy0xLjU4MzcgMS41ODQwM3MtMS41ODM3LS43MTE2Ni0xLjU4MzctMS41ODQwM2MwLS4xMTQ3OC4wMjMtLjIyOTU1LjA0NTktLjM0NDMzem0uOTE4MSA3LjAwMTg2djYuMzU5aC0uNjQyNnYtNi4zNTl6bS42MTk3IDkuODI1NWMtNC42ODIyMSAwLTguNDkyMjYtMy43ODc5LTguNDkyMjYtOC40OTQgMC0yLjk4NDQgMS41NjA3NC01LjczOTIzIDQuMTMxMzgtNy4yNzczNi0uMDQ1OS4yOTg0NC0uMDkxODIuNTczOTItLjA5MTgyLjg3MjM2IDAgMS43Njc2NiAxLjAzMjgzIDMuMzA1NzkgMi41NDc3IDQuMDE3NDV2OC4wNTc4NWwxLjkwNSAxLjkwNTQgMS45MDUtMS45MDU0LS4xMTQ3LTEuNjc1OC44OTUxLS44OTUzLS44OTUxLS44OTU0IDEuMzU0MS0xLjM1NDQtMS4zNTQxLTEuMzU0NS4xMTQ3LTEuODgyNDdjMS40OTE5LS43MTE2NiAyLjU0NzctMi4yNDk3NyAyLjU0NzctNC4wMTc0NiAwLS4yOTg0NC0uMDIzLS41NzM5Mi0uMDkxOC0uODcyMzYgMi41NDc3IDEuNTM4MTMgNC4xMDg0IDQuMjkyOTMgNC4xMzE0IDcuMjc3MzkgMCA0LjY4MzItMy43ODcxIDguNDk0LTguNDkyMyA4LjQ5NHoiIGZpbGw9InVybCgjZykiLz48L2c+PC9zdmc+";
 
-    const cssVarName = getCssVarName$1(componentName, attr);
+var keeperDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMWMtNi4wNzIgMC0xMSA0LjkyMjA1LTExIDEwLjk5NzEgMCA2LjA3NSA0LjkyMjEzIDExLjAwMjkgMTEgMTEuMDAyOSA2LjA3NzkgMCAxMS00LjkyMjEgMTEtMTAuOTk3MSAwLTYuMDc0OTktNC45MjIxLTExLjAwMjktMTEtMTEuMDAyOXptMS4yNTU1IDEuNjM4NzMgMS43MDEzLjQzMzF2Mi4zODIwMWwxLjkwMDgtMS41NjI2NSAxLjQwOCAxLjA0MTc3LTMuNjE5NyAyLjk3MzEzaC0xLjM5MDR6bS0zLjMyNjQzLS4yMzQxaDEuNzAxMzN2Ni44ODI2OGgzLjUwODNsNC4yMTgxLTMuMzY1MjYgMS4wNjE5IDEuMzI4NTUtNC42ODc1IDMuNzM5OGgtNS44MDIxM3ptLTQuOTg2NjcgMTQuNDc5MzctMS43MDEzMy0xLjQ0NTZ2LTYuNDYxMjhsMS43MDEzMy0xLjU2MjY1em0zLjMyNjQgMi4wMzY3LTEuNzAxMzMgMS40ODA3di0xNi42NTA2N2wxLjcwMTMzIDEuNDgwNzF6bTguNTgyOSAxLjQyMjItMS45MDA4LTEuNTYyNnYyLjM4MmwtMS43MDEzLjQzMzF2LTUuMjYxNWgxLjM5MDRsMy42MTk3IDIuOTY3MnptMi41MDUxLTIuMjY1LTQuMjE4MS0zLjM2NTJoLTMuNTA4M3Y2Ljg4ODVoLTEuNzAxMzN2LTguNTg1OGg1LjgwMjEzbDQuNjg3NSAzLjczOTktMS4wNjE5IDEuMzI4NXptMS4zMi0zLjIwNzItMy40NzMxLTIuODY3OCAzLjQ3MzEtMi44Njc3NiAxLjA3OTUgMS4zMTA5Ni0xLjg4OTEgMS41NTY4IDEuODg5MSAxLjU1Njh6IiBmaWxsPSIjZmZjNzAwIi8+PC9zdmc+";
 
-    attrConfig.forEach(
-      ({ selector: relativeSelectorOrSelectorFn, property, important, fallback }) => {
-        const fallbackValue = createFallbackVar(fallback, cssVarName);
-        style.add(
-          createCssSelector(baseSelector, relativeSelectorOrSelectorFn),
-          isFunction$1(property) ? property() : property,
-          createCssVar(cssVarName, fallbackValue, true) + (important ? '!important' : '')
-        );
-      }
-    );
-  });
+var keeperLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTEuOTY0NiAyMi40ODk3YzUuOTQ1NSAwIDEwLjc2NTMtNC41NTk4IDEwLjc2NTMtMTAuMTg0NiAwLTUuNjI0NzItNC44MTk4LTEwLjE4NDQ5LTEwLjc2NTMtMTAuMTg0NDktNS45NDU1OCAwLTEwLjc2NTM4IDQuNTU5NzctMTAuNzY1MzggMTAuMTg0NDkgMCA1LjYyNDggNC44MTk4IDEwLjE4NDYgMTAuNzY1MzggMTAuMTg0NnoiIGZpbGw9IiNmZmM3MDAiLz48cGF0aCBkPSJtMTIgMWMtNi4wNzIgMC0xMSA0LjkzMzg3LTExIDExLjAyMzUgMCA2LjA4OTYgNC45MjIxMyAxMS4wMjkzIDExIDExLjAyOTMgNi4wNzc5IDAgMTEtNC45MzM5IDExLTExLjAyMzUgMC02LjA4OTU3LTQuOTIyMS0xMS4wMjkzLTExLTExLjAyOTN6bTEuMjU1NSAxLjY0MjY3IDEuNzAxMy40MzQxM3YyLjM4NzczbDEuOTAwOC0xLjU2NjQgMS40MDggMS4wNDQyNy0zLjYxOTcgMi45ODAyN2gtMS4zOTA0em0tMy4zMjY0My0uMjM0NjdoMS43MDEzM3Y2Ljg5OTJoMy41MDgzbDQuMjE4MS0zLjM3MzMzIDEuMDYxOSAxLjMzMTczLTQuNjg3NSAzLjc0ODhoLTUuODAyMTN6bS00Ljk4NjY3IDE0LjUxNDEtMS43MDEzMy0xLjQ0OXYtNi40NzY4M2wxLjcwMTMzLTEuNTY2NHptMy4zMjY0IDIuMDQxNi0xLjcwMTMzIDEuNDg0M3YtMTYuNjkwNjdsMS43MDEzMyAxLjQ4NDI3em04LjU4MjkgMS40MjU2LTEuOTAwOC0xLjU2NjR2Mi4zODc4bC0xLjcwMTMuNDM0MXYtNS4yNzQxaDEuMzkwNGwzLjYxOTcgMi45NzQ0em0yLjUwNTEtMi4yNzA0LTQuMjE4MS0zLjM3MzNoLTMuNTA4M3Y2LjkwNTFoLTEuNzAxMzN2LTguNjA2NGg1LjgwMjEzbDQuNjg3NSAzLjc0ODgtMS4wNjE5IDEuMzMxN3ptMS4zMi0zLjIxNDktMy40NzMxLTIuODc0NyAzLjQ3MzEtMi44NzQ2MyAxLjA3OTUgMS4zMTQxMy0xLjg4OTEgMS41NjA1IDEuODg5MSAxLjU2MDZ6IiBmaWxsPSIjMDAwIi8+PC9zdmc+";
 
-  return style.toString();
-};
+var keyDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjIgMTloLTZ2LTRoLTIuNjhjLTEuMTQgMi40Mi0zLjYgNC02LjMyIDQtMy44NiAwLTctMy4xNC03LTdzMy4xNC03IDctN2MyLjcyIDAgNS4xNyAxLjU4IDYuMzIgNGgxMC42OHY2aC0yem0tNC0yaDJ2LTRoMnYtMmgtMTAuMDZsLS4yMy0uNjdjLS43LTEuOTktMi42LTMuMzMtNC43MS0zLjMzLTIuNzYgMC01IDIuMjQtNSA1czIuMjQgNSA1IDVjMi4xMSAwIDQuMDEtMS4zNCA0LjcxLTMuMzNsLjIzLS42N2g2LjA2em0tMTEtMmMtMS42NSAwLTMtMS4zNS0zLTNzMS4zNS0zIDMtMyAzIDEuMzUgMyAzLTEuMzUgMy0zIDN6bTAtNGMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMSAxLS40NSAxLTEtLjQ1LTEtMS0xeiIgZmlsbD0iI2JlYzRjYSIvPjwvc3ZnPg==";
 
-const getFallbackVarsNames = (attr, origVarName, { fallback }) => {
-  if (!fallback) return {};
+var keyLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjIgMTloLTZ2LTRoLTIuNjhjLTEuMTQgMi40Mi0zLjYgNC02LjMyIDQtMy44NiAwLTctMy4xNC03LTdzMy4xNC03IDctN2MyLjcyIDAgNS4xNyAxLjU4IDYuMzIgNGgxMC42OHY2aC0yem0tNC0yaDJ2LTRoMnYtMmgtMTAuMDZsLS4yMy0uNjdjLS43LTEuOTktMi42LTMuMzMtNC43MS0zLjMzLTIuNzYgMC01IDIuMjQtNSA1czIuMjQgNSA1IDVjMi4xMSAwIDQuMDEtMS4zNCA0LjcxLTMuMzNsLjIzLS42N2g2LjA2em0tMTEtMmMtMS42NSAwLTMtMS4zNS0zLTNzMS4zNS0zIDMtMyAzIDEuMzUgMyAzLTEuMzUgMy0zIDN6bTAtNGMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMSAxLS40NSAxLTEtLjQ1LTEtMS0xeiIgZmlsbD0iIzYzNmM3NCIvPjwvc3ZnPg==";
 
-  const fallbackVarName = getFallbackVarName(origVarName, fallback.suffix);
-  const fallbackAttrName = camelCaseJoin$1(attr, fallback.suffix || 'fallback');
-  return {
-    [fallbackAttrName]: fallbackVarName,
-    ...getFallbackVarsNames(fallbackAttrName, fallbackVarName, fallback),
-  };
-};
+var lastPassDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xIDguMDRjMC0yLjQ2NDIyIDAtMy42OTYzNS40Nzk1Ny00LjYzNzU2LjQyMTg0LS44Mjc5MSAxLjA5NDk2LTEuNTAxMDMgMS45MjI4Ny0xLjkyMjg3Ljk0MTIxLS40Nzk1NyAyLjE3MzM0LS40Nzk1NyA0LjYzNzU2LS40Nzk1N2g3LjkyYzIuNDY0MiAwIDMuNjk2MyAwIDQuNjM3Ni40Nzk1Ny44Mjc5LjQyMTg0IDEuNTAxIDEuMDk0OTYgMS45MjI4IDEuOTIyODcuNDc5Ni45NDEyMS40Nzk2IDIuMTczMzQuNDc5NiA0LjYzNzU2djcuOTJjMCAyLjQ2NDIgMCAzLjY5NjMtLjQ3OTYgNC42Mzc2LS40MjE4LjgyNzktMS4wOTQ5IDEuNTAxLTEuOTIyOCAxLjkyMjgtLjk0MTMuNDc5Ni0yLjE3MzQuNDc5Ni00LjYzNzYuNDc5NmgtNy45MmMtMi40NjQyMiAwLTMuNjk2MzUgMC00LjYzNzU2LS40Nzk2LS44Mjc5MS0uNDIxOC0xLjUwMTAzLTEuMDk0OS0xLjkyMjg3LTEuOTIyOC0uNDc5NTctLjk0MTMtLjQ3OTU3LTIuMTczNC0uNDc5NTctNC42Mzc2em02LjQxNjY3IDMuOTZjMCAxLjAxMjUtLjgyMDgyIDEuODMzMy0xLjgzMzM0IDEuODMzM3MtMS44MzMzMy0uODIwOC0xLjgzMzMzLTEuODMzMy44MjA4MS0xLjgzMzMgMS44MzMzMy0xLjgzMzMgMS44MzMzNC44MjA4IDEuODMzMzQgMS44MzMzem0zLjY2NjYzIDEuODMzM2MxLjAxMjUgMCAxLjgzMzQtLjgyMDggMS44MzM0LTEuODMzM3MtLjgyMDktMS44MzMzLTEuODMzNC0xLjgzMzMtMS44MzMzLjgyMDgtMS44MzMzIDEuODMzMy44MjA4IDEuODMzMyAxLjgzMzMgMS44MzMzem03LjMzMzQtMS44MzMzYzAgMS4wMTI1LS44MjA5IDEuODMzMy0xLjgzMzQgMS44MzMzcy0xLjgzMzMtLjgyMDgtMS44MzMzLTEuODMzMy44MjA4LTEuODMzMyAxLjgzMzMtMS44MzMzIDEuODMzNC44MjA4IDEuODMzNCAxLjgzMzN6bTIuMi0zLjY2NjY3Yy0uMjAyNSAwLS4zNjY3LjE2NDE2LS4zNjY3LjM2NjY3djYuNmMwIC4yMDI1LjE2NDIuMzY2Ny4zNjY3LjM2NjdoLjE4MzNjLjIwMjUgMCAuMzY2Ny0uMTY0Mi4zNjY3LS4zNjY3di02LjZjMC0uMjAyNTEtLjE2NDItLjM2NjY3LS4zNjY3LS4zNjY2N3oiIGZpbGw9IiNkMjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
 
-const createCssVarsList = (componentName, mappings) =>
-  Object.keys(mappings).reduce((acc, attr) => {
-    const varName = getCssVarName$1(componentName, attr);
+var lastPassLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xIDguMDRjMC0yLjQ2NDIyIDAtMy42OTYzNS40Nzk1Ny00LjYzNzU2LjQyMTg0LS44Mjc5MSAxLjA5NDk2LTEuNTAxMDMgMS45MjI4Ny0xLjkyMjg3Ljk0MTIxLS40Nzk1NyAyLjE3MzM0LS40Nzk1NyA0LjYzNzU2LS40Nzk1N2g3LjkyYzIuNDY0MiAwIDMuNjk2MyAwIDQuNjM3Ni40Nzk1Ny44Mjc5LjQyMTg0IDEuNTAxIDEuMDk0OTYgMS45MjI4IDEuOTIyODcuNDc5Ni45NDEyMS40Nzk2IDIuMTczMzQuNDc5NiA0LjYzNzU2djcuOTJjMCAyLjQ2NDIgMCAzLjY5NjMtLjQ3OTYgNC42Mzc2LS40MjE4LjgyNzktMS4wOTQ5IDEuNTAxLTEuOTIyOCAxLjkyMjgtLjk0MTMuNDc5Ni0yLjE3MzQuNDc5Ni00LjYzNzYuNDc5NmgtNy45MmMtMi40NjQyMiAwLTMuNjk2MzUgMC00LjYzNzU2LS40Nzk2LS44Mjc5MS0uNDIxOC0xLjUwMTAzLTEuMDk0OS0xLjkyMjg3LTEuOTIyOC0uNDc5NTctLjk0MTMtLjQ3OTU3LTIuMTczNC0uNDc5NTctNC42Mzc2em02LjQxNjY3IDMuOTZjMCAxLjAxMjUtLjgyMDgyIDEuODMzMy0xLjgzMzM0IDEuODMzM3MtMS44MzMzMy0uODIwOC0xLjgzMzMzLTEuODMzMy44MjA4MS0xLjgzMzMgMS44MzMzMy0xLjgzMzMgMS44MzMzNC44MjA4IDEuODMzMzQgMS44MzMzem0zLjY2NjYzIDEuODMzM2MxLjAxMjUgMCAxLjgzMzQtLjgyMDggMS44MzM0LTEuODMzM3MtLjgyMDktMS44MzMzLTEuODMzNC0xLjgzMzMtMS44MzMzLjgyMDgtMS44MzMzIDEuODMzMy44MjA4IDEuODMzMyAxLjgzMzMgMS44MzMzem03LjMzMzQtMS44MzMzYzAgMS4wMTI1LS44MjA5IDEuODMzMy0xLjgzMzQgMS44MzMzcy0xLjgzMzMtLjgyMDgtMS44MzMzLTEuODMzMy44MjA4LTEuODMzMyAxLjgzMzMtMS44MzMzIDEuODMzNC44MjA4IDEuODMzNCAxLjgzMzN6bTIuMi0zLjY2NjY3Yy0uMjAyNSAwLS4zNjY3LjE2NDE2LS4zNjY3LjM2NjY3djYuNmMwIC4yMDI1LjE2NDIuMzY2Ny4zNjY3LjM2NjdoLjE4MzNjLjIwMjUgMCAuMzY2Ny0uMTY0Mi4zNjY3LS4zNjY3di02LjZjMC0uMjAyNTEtLjE2NDItLjM2NjY3LS4zNjY3LS4zNjY2N3oiIGZpbGw9IiNkMjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
 
-    return Object.assign(
-      acc,
-      { [attr]: varName },
-      // we are exposing the override css var names, the convention is to add 'Override' suffix to the attribute name
-      { [`${attr}Override`]: getOverrideCssVarName(varName) },
-      getFallbackVarsNames(attr, varName, mappings[attr])
-    );
+var nordPassDark = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMzNDFfNDIyOCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIyLjc0MjIgNS45ODQzOFYxOC4wMTU2QzIyLjc0MjIgMjAuNjI0MyAyMC42MjQzIDIyLjc0MjIgMTguMDE1NiAyMi43NDIySDUuOTg0MzhDMy4zNzU3NCAyMi43NDIyIDEuMjU3ODEgMjAuNjI0MyAxLjI1NzgxIDE4LjAxNTZWNS45ODQzOEMxLjI1NzgxIDMuMzc1NyAzLjM3NTc0IDEuMjU3ODEgNS45ODQzOCAxLjI1NzgxSDE4LjAxNTZDMjAuNjI0MyAxLjI1NzgxIDIyLjc0MjIgMy4zNzU3IDIyLjc0MjIgNS45ODQzOFoiIGZpbGw9IiMwMENGQjYiLz4KPHBhdGggZD0iTTQuODI2MTggMTMuNDg3NkM0LjgyMzM0IDE1LjAwNjMgNS4zMDE0MSAxNi40ODY5IDYuMTkxODYgMTcuNzE3MUw5LjYzNDk5IDEyLjEwMDZMMTAuODc2MSAxNC4yMzFMMTAuNTM1MSAxMi42NDYxTDExLjk5OTYgMTAuMTYyMUwxNC4zNjc1IDE0LjIzMUwxNC4wMjk3IDEyLjY2MTdMMTQuMzYyNyAxMi4wOTc4TDE3LjgwNzggMTcuNzE3MUMxOC42OTgyIDE2LjQ4NjkgMTkuMTc2MyAxNS4wMDYzIDE5LjE3MzUgMTMuNDg3NkMxOS4xNzM1IDkuNTA4NjEgMTUuOTYxNyA2LjI4MzIgMTEuOTk5NiA2LjI4MzJDOC4wMzc5NyA2LjI4MjM5IDQuODI2MTggOS41MDgyMiA0LjgyNjE4IDEzLjQ4NzZaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzMzNDFfNDIyOCI+CjxyZWN0IHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K";
+
+var nordPassLight = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMzNDFfNDIyOCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIyLjc0MjIgNS45ODQzOFYxOC4wMTU2QzIyLjc0MjIgMjAuNjI0MyAyMC42MjQzIDIyLjc0MjIgMTguMDE1NiAyMi43NDIySDUuOTg0MzhDMy4zNzU3NCAyMi43NDIyIDEuMjU3ODEgMjAuNjI0MyAxLjI1NzgxIDE4LjAxNTZWNS45ODQzOEMxLjI1NzgxIDMuMzc1NyAzLjM3NTc0IDEuMjU3ODEgNS45ODQzOCAxLjI1NzgxSDE4LjAxNTZDMjAuNjI0MyAxLjI1NzgxIDIyLjc0MjIgMy4zNzU3IDIyLjc0MjIgNS45ODQzOFoiIGZpbGw9IiMwMENGQjYiLz4KPHBhdGggZD0iTTQuODI2MTggMTMuNDg3NkM0LjgyMzM0IDE1LjAwNjMgNS4zMDE0MSAxNi40ODY5IDYuMTkxODYgMTcuNzE3MUw5LjYzNDk5IDEyLjEwMDZMMTAuODc2MSAxNC4yMzFMMTAuNTM1MSAxMi42NDYxTDExLjk5OTYgMTAuMTYyMUwxNC4zNjc1IDE0LjIzMUwxNC4wMjk3IDEyLjY2MTdMMTQuMzYyNyAxMi4wOTc4TDE3LjgwNzggMTcuNzE3MUMxOC42OTgyIDE2LjQ4NjkgMTkuMTc2MyAxNS4wMDYzIDE5LjE3MzUgMTMuNDg3NkMxOS4xNzM1IDkuNTA4NjEgMTUuOTYxNyA2LjI4MzIgMTEuOTk5NiA2LjI4MzJDOC4wMzc5NyA2LjI4MjM5IDQuODI2MTggOS41MDgyMiA0LjgyNjE4IDEzLjQ4NzZaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzMzNDFfNDIyOCI+CjxyZWN0IHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K";
+
+var phoneDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYgMWgtOGMtMS42NiAwLTMgMS4zNC0zIDN2MTZjMCAxLjY2IDEuMzQgMyAzIDNoOGMxLjY2IDAgMy0xLjM0IDMtM3YtMTZjMC0xLjY2LTEuMzQtMy0zLTN6bTEgMTdoLTEwdi0xNGgxMHptLTMgM2gtNHYtMWg0eiIgZmlsbD0iI2JlYzRjYSIvPjwvc3ZnPg==";
+
+var phoneLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYgMWgtOGMtMS42NiAwLTMgMS4zNC0zIDN2MTZjMCAxLjY2IDEuMzQgMyAzIDNoOGMxLjY2IDAgMy0xLjM0IDMtM3YtMTZjMC0xLjY2LTEuMzQtMy0zLTN6bTEgMTdoLTEwdi0xNGgxMHptLTMgM2gtNHYtMWg0eiIgZmlsbD0iIzYzNmM3NCIvPjwvc3ZnPg==";
+
+var protonPassDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmQ1ODAiLz48c3RvcCBvZmZzZXQ9Ii4wOTM3NSIgc3RvcC1jb2xvcj0iI2Y2YzU5MiIvPjxzdG9wIG9mZnNldD0iLjIwNSIgc3RvcC1jb2xvcj0iI2ViYjZhMiIvPjxzdG9wIG9mZnNldD0iLjMyNDQ2NiIgc3RvcC1jb2xvcj0iI2RmYTVhZiIvPjxzdG9wIG9mZnNldD0iLjQyODc1IiBzdG9wLWNvbG9yPSIjZDM5N2JlIi8+PHN0b3Agb2Zmc2V0PSIuNTMzNzUiIHN0b3AtY29sb3I9IiNjNDg2Y2IiLz48c3RvcCBvZmZzZXQ9Ii42NDg3NSIgc3RvcC1jb2xvcj0iI2I1NzhkOSIvPjxzdG9wIG9mZnNldD0iLjc3MTI1IiBzdG9wLWNvbG9yPSIjYTE2NmU1Ii8+PHN0b3Agb2Zmc2V0PSIuODkxMjUiIHN0b3AtY29sb3I9IiM4YjU3ZjIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MDRjZmYiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iYiIgY3g9IjAiIGN5PSIwIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDkuNjkzMTI3MjIgLTE1LjU5ODEzNTA4IDI0LjM5MjMxMTQyIDE1LjE1ODA3OTg5IDcuNjM5MTQgMjMuNDI4OCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiByPSIxIiB4bGluazpocmVmPSIjYSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iYyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2Ljg4MTQzIiB4Mj0iMTEuMTU5OCIgeTE9Ii0zLjM2ODMzIiB5Mj0iMjIuNzQ3NCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNmQ0YWZmIi8+PHN0b3Agb2Zmc2V0PSIuMzkyMDA5IiBzdG9wLWNvbG9yPSIjYjM5ZmZiIiBzdG9wLW9wYWNpdHk9Ii45NzgwMjIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmU4ZGIiIHN0b3Atb3BhY2l0eT0iLjgiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iZCIgY3g9IjAiIGN5PSIwIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDcuNzk2NjMyMDQgLTEyLjU0NjMwMzg4IDE5LjYxOTkzNDA1IDEyLjE5MjM4ODExIDYuMDI2NDMgMjEuMTkyNikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiByPSIxIiB4bGluazpocmVmPSIjYSIvPjxjbGlwUGF0aCBpZD0iZSI+PHBhdGggZD0ibTEgMWgyMnYyMmgtMjJ6Ii8+PC9jbGlwUGF0aD48bWFzayBpZD0iZiIgaGVpZ2h0PSIyMiIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgd2lkdGg9IjIyIiB4PSIxIiB5PSIxIj48cGF0aCBkPSJtMSAxaDIydjIyaC0yMnoiIGZpbGw9IiNmZmYiLz48L21hc2s+PGcgY2xpcC1wYXRoPSJ1cmwoI2UpIj48ZyBtYXNrPSJ1cmwoI2YpIj48cGF0aCBkPSJtNy42MTUxMiAzLjc3OTIxYzEuNTM0NjgtMS41MzQ2OSAyLjMwMjA1LTIuMzAyMDMgMy4xODY4OC0yLjU4OTU0Ljc3ODMtLjI1Mjg5NCAxLjYxNjgtLjI1Mjg5NCAyLjM5NTEgMCAuODg0OS4yODc1MSAxLjY1MjIgMS4wNTQ4NSAzLjE4NjkgMi41ODk1NGwzLjgzNjMgMy44MzYzN2MxLjUzNDcgMS41MzQ2OSAyLjMwMjEgMi4zMDIwNiAyLjU4OTYgMy4xODY5Mi4yNTI5Ljc3ODMuMjUyOSAxLjYxNjcgMCAyLjM5NS0uMjg3NS44ODQ5LTEuMDU0OSAxLjY1MjItMi41ODk2IDMuMTg2OWwtMy44MzYzIDMuODM2NGMtMS41MzQ3IDEuNTM0Ny0yLjMwMiAyLjMwMi0zLjE4NjkgMi41ODk1LS43NzgzLjI1My0xLjYxNjguMjUzLTIuMzk1MSAwLS44ODQ4My0uMjg3NS0xLjY1MjItMS4wNTQ4LTMuMTg2ODgtMi41ODk1bC0uNzIxMjgtLjgwODZjLS40MzY0Ny0uNDg5My0uNjU0Ny0uNzM0LS44MTAzMS0xLjAxMjMtLjEzOC0uMjQ2OC0uMjM5MjUtLjUxMjUtLjMwMDU1LS43ODg1LS4wNjkxMS0uMzExMi0uMDY5MTEtLjYzOS0uMDY5MTEtMS4yOTQ4di04LjYzMzI0Yy0uMDAwMDEtLjY1NTY5LS4wMDAwMS0uOTgzNTQuMDY5MTEtMS4yOTQ3OC4wNjEyOS0uMjc2MDUuMTYyNTQtLjU0MTY3LjMwMDU1LS43ODg0Ny4xNTU2LS4yNzgyNy4zNzM4NC0uNTIyOTQuODEwMzEtMS4wMTIyN3oiIGZpbGw9InVybCgjYikiLz48cGF0aCBkPSJtNy42MTUxMiAzLjc3OTIxYzEuNTM0NjgtMS41MzQ2OSAyLjMwMjA1LTIuMzAyMDMgMy4xODY4OC0yLjU4OTU0Ljc3ODMtLjI1Mjg5NCAxLjYxNjgtLjI1Mjg5NCAyLjM5NTEgMCAuODg0OS4yODc1MSAxLjY1MjIgMS4wNTQ4NSAzLjE4NjkgMi41ODk1NGwzLjgzNjMgMy44MzYzN2MxLjUzNDcgMS41MzQ2OSAyLjMwMjEgMi4zMDIwNiAyLjU4OTYgMy4xODY5Mi4yNTI5Ljc3ODMuMjUyOSAxLjYxNjcgMCAyLjM5NS0uMjg3NS44ODQ5LTEuMDU0OSAxLjY1MjItMi41ODk2IDMuMTg2OWwtMy44MzYzIDMuODM2NGMtMS41MzQ3IDEuNTM0Ny0yLjMwMiAyLjMwMi0zLjE4NjkgMi41ODk1LS43NzgzLjI1My0xLjYxNjguMjUzLTIuMzk1MSAwLS44ODQ4My0uMjg3NS0xLjY1MjItMS4wNTQ4LTMuMTg2ODgtMi41ODk1bC0uNzIxMjgtLjgwODZjLS40MzY0Ny0uNDg5My0uNjU0Ny0uNzM0LS44MTAzMS0xLjAxMjMtLjEzOC0uMjQ2OC0uMjM5MjUtLjUxMjUtLjMwMDU1LS43ODg1LS4wNjkxMS0uMzExMi0uMDY5MTEtLjYzOS0uMDY5MTEtMS4yOTQ4di04LjYzMzI0Yy0uMDAwMDEtLjY1NTY5LS4wMDAwMS0uOTgzNTQuMDY5MTEtMS4yOTQ3OC4wNjEyOS0uMjc2MDUuMTYyNTQtLjU0MTY3LjMwMDU1LS43ODg0Ny4xNTU2LS4yNzgyNy4zNzM4NC0uNTIyOTQuODEwMzEtMS4wMTIyN3oiIGZpbGw9InVybCgjYykiLz48cGF0aCBkPSJtNy4zNDE1NiA0LjA1MzE4Yy43NjczMS0uNzY3MzUgMS4xNTEwMy0xLjE1MTAyIDEuNTkzNDEtMS4yOTQ3Ny4zODkyMi0uMTI2NDUuODA4MzgtLjEyNjQ1IDEuMTk3NTMgMCAuNDQyNS4xNDM3Ni44MjYxLjUyNzQyIDEuNTkzNSAxLjI5NDc3bDUuNzU0NSA1Ljc1NDU3Yy43Njc0Ljc2NzM1IDEuMTUxIDEuMTUxMDUgMS4yOTQ4IDEuNTkzNDUuMTI2NS4zODkxLjEyNjUuODA4MyAwIDEuMTk3NS0uMTQzOC40NDI0LS41Mjc0LjgyNjEtMS4yOTQ4IDEuNTkzNWwtNS43NTQ1IDUuNzU0NWMtLjc2NzQuNzY3NC0xLjE1MSAxLjE1MS0xLjU5MzUgMS4yOTQ4LS4zODkxNS4xMjY0LS44MDgzMS4xMjY0LTEuMTk3NTMgMC0uNDQyMzgtLjE0MzgtLjgyNjEtLjUyNzQtMS41OTM0MS0xLjI5NDhsLTMuNTYyMzUtMy41NjI0Yy0xLjUzNDY5LTEuNTM0Ni0yLjMwMjAzLTIuMzAyLTIuNTg5NTQtMy4xODY4LS4yNTI4OTQtLjc3ODQtLjI1Mjg5NC0xLjYxNjcgMC0yLjM5NTEuMjg3NTEtLjg4NDg0IDEuMDU0ODUtMS42NTIyMSAyLjU4OTU0LTMuMTg2ODl6IiBmaWxsPSJ1cmwoI2QpIi8+PC9nPjwvZz48L3N2Zz4=";
+
+var protonPassLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGxpbmVhckdyYWRpZW50IGlkPSJhIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmQ1ODAiLz48c3RvcCBvZmZzZXQ9Ii4wOTM3NSIgc3RvcC1jb2xvcj0iI2Y2YzU5MiIvPjxzdG9wIG9mZnNldD0iLjIwNSIgc3RvcC1jb2xvcj0iI2ViYjZhMiIvPjxzdG9wIG9mZnNldD0iLjMyNDQ2NiIgc3RvcC1jb2xvcj0iI2RmYTVhZiIvPjxzdG9wIG9mZnNldD0iLjQyODc1IiBzdG9wLWNvbG9yPSIjZDM5N2JlIi8+PHN0b3Agb2Zmc2V0PSIuNTMzNzUiIHN0b3AtY29sb3I9IiNjNDg2Y2IiLz48c3RvcCBvZmZzZXQ9Ii42NDg3NSIgc3RvcC1jb2xvcj0iI2I1NzhkOSIvPjxzdG9wIG9mZnNldD0iLjc3MTI1IiBzdG9wLWNvbG9yPSIjYTE2NmU1Ii8+PHN0b3Agb2Zmc2V0PSIuODkxMjUiIHN0b3AtY29sb3I9IiM4YjU3ZjIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MDRjZmYiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iYiIgY3g9IjAiIGN5PSIwIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDkuNjkzMTI3MjIgLTE1LjU5ODEzNTA4IDI0LjM5MjMxMTQyIDE1LjE1ODA3OTg5IDcuNjM5MTQgMjMuNDI4OCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiByPSIxIiB4bGluazpocmVmPSIjYSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iYyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2Ljg4MTQzIiB4Mj0iMTEuMTU5OCIgeTE9Ii0zLjM2ODMzIiB5Mj0iMjIuNzQ3NCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNmQ0YWZmIi8+PHN0b3Agb2Zmc2V0PSIuMzkyMDA5IiBzdG9wLWNvbG9yPSIjYjM5ZmZiIiBzdG9wLW9wYWNpdHk9Ii45NzgwMjIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmU4ZGIiIHN0b3Atb3BhY2l0eT0iLjgiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iZCIgY3g9IjAiIGN5PSIwIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDcuNzk2NjMyMDQgLTEyLjU0NjMwMzg4IDE5LjYxOTkzNDA1IDEyLjE5MjM4ODExIDYuMDI2NDMgMjEuMTkyNikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiByPSIxIiB4bGluazpocmVmPSIjYSIvPjxjbGlwUGF0aCBpZD0iZSI+PHBhdGggZD0ibTEgMWgyMnYyMmgtMjJ6Ii8+PC9jbGlwUGF0aD48bWFzayBpZD0iZiIgaGVpZ2h0PSIyMiIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgd2lkdGg9IjIyIiB4PSIxIiB5PSIxIj48cGF0aCBkPSJtMSAxaDIydjIyaC0yMnoiIGZpbGw9IiNmZmYiLz48L21hc2s+PGcgY2xpcC1wYXRoPSJ1cmwoI2UpIj48ZyBtYXNrPSJ1cmwoI2YpIj48cGF0aCBkPSJtNy42MTUxMiAzLjc3OTIxYzEuNTM0NjgtMS41MzQ2OSAyLjMwMjA1LTIuMzAyMDMgMy4xODY4OC0yLjU4OTU0Ljc3ODMtLjI1Mjg5NCAxLjYxNjgtLjI1Mjg5NCAyLjM5NTEgMCAuODg0OS4yODc1MSAxLjY1MjIgMS4wNTQ4NSAzLjE4NjkgMi41ODk1NGwzLjgzNjMgMy44MzYzN2MxLjUzNDcgMS41MzQ2OSAyLjMwMjEgMi4zMDIwNiAyLjU4OTYgMy4xODY5Mi4yNTI5Ljc3ODMuMjUyOSAxLjYxNjcgMCAyLjM5NS0uMjg3NS44ODQ5LTEuMDU0OSAxLjY1MjItMi41ODk2IDMuMTg2OWwtMy44MzYzIDMuODM2NGMtMS41MzQ3IDEuNTM0Ny0yLjMwMiAyLjMwMi0zLjE4NjkgMi41ODk1LS43NzgzLjI1My0xLjYxNjguMjUzLTIuMzk1MSAwLS44ODQ4My0uMjg3NS0xLjY1MjItMS4wNTQ4LTMuMTg2ODgtMi41ODk1bC0uNzIxMjgtLjgwODZjLS40MzY0Ny0uNDg5My0uNjU0Ny0uNzM0LS44MTAzMS0xLjAxMjMtLjEzOC0uMjQ2OC0uMjM5MjUtLjUxMjUtLjMwMDU1LS43ODg1LS4wNjkxMS0uMzExMi0uMDY5MTEtLjYzOS0uMDY5MTEtMS4yOTQ4di04LjYzMzI0Yy0uMDAwMDEtLjY1NTY5LS4wMDAwMS0uOTgzNTQuMDY5MTEtMS4yOTQ3OC4wNjEyOS0uMjc2MDUuMTYyNTQtLjU0MTY3LjMwMDU1LS43ODg0Ny4xNTU2LS4yNzgyNy4zNzM4NC0uNTIyOTQuODEwMzEtMS4wMTIyN3oiIGZpbGw9InVybCgjYikiLz48cGF0aCBkPSJtNy42MTUxMiAzLjc3OTIxYzEuNTM0NjgtMS41MzQ2OSAyLjMwMjA1LTIuMzAyMDMgMy4xODY4OC0yLjU4OTU0Ljc3ODMtLjI1Mjg5NCAxLjYxNjgtLjI1Mjg5NCAyLjM5NTEgMCAuODg0OS4yODc1MSAxLjY1MjIgMS4wNTQ4NSAzLjE4NjkgMi41ODk1NGwzLjgzNjMgMy44MzYzN2MxLjUzNDcgMS41MzQ2OSAyLjMwMjEgMi4zMDIwNiAyLjU4OTYgMy4xODY5Mi4yNTI5Ljc3ODMuMjUyOSAxLjYxNjcgMCAyLjM5NS0uMjg3NS44ODQ5LTEuMDU0OSAxLjY1MjItMi41ODk2IDMuMTg2OWwtMy44MzYzIDMuODM2NGMtMS41MzQ3IDEuNTM0Ny0yLjMwMiAyLjMwMi0zLjE4NjkgMi41ODk1LS43NzgzLjI1My0xLjYxNjguMjUzLTIuMzk1MSAwLS44ODQ4My0uMjg3NS0xLjY1MjItMS4wNTQ4LTMuMTg2ODgtMi41ODk1bC0uNzIxMjgtLjgwODZjLS40MzY0Ny0uNDg5My0uNjU0Ny0uNzM0LS44MTAzMS0xLjAxMjMtLjEzOC0uMjQ2OC0uMjM5MjUtLjUxMjUtLjMwMDU1LS43ODg1LS4wNjkxMS0uMzExMi0uMDY5MTEtLjYzOS0uMDY5MTEtMS4yOTQ4di04LjYzMzI0Yy0uMDAwMDEtLjY1NTY5LS4wMDAwMS0uOTgzNTQuMDY5MTEtMS4yOTQ3OC4wNjEyOS0uMjc2MDUuMTYyNTQtLjU0MTY3LjMwMDU1LS43ODg0Ny4xNTU2LS4yNzgyNy4zNzM4NC0uNTIyOTQuODEwMzEtMS4wMTIyN3oiIGZpbGw9InVybCgjYykiLz48cGF0aCBkPSJtNy4zNDE1NiA0LjA1MzE4Yy43NjczMS0uNzY3MzUgMS4xNTEwMy0xLjE1MTAyIDEuNTkzNDEtMS4yOTQ3Ny4zODkyMi0uMTI2NDUuODA4MzgtLjEyNjQ1IDEuMTk3NTMgMCAuNDQyNS4xNDM3Ni44MjYxLjUyNzQyIDEuNTkzNSAxLjI5NDc3bDUuNzU0NSA1Ljc1NDU3Yy43Njc0Ljc2NzM1IDEuMTUxIDEuMTUxMDUgMS4yOTQ4IDEuNTkzNDUuMTI2NS4zODkxLjEyNjUuODA4MyAwIDEuMTk3NS0uMTQzOC40NDI0LS41Mjc0LjgyNjEtMS4yOTQ4IDEuNTkzNWwtNS43NTQ1IDUuNzU0NWMtLjc2NzQuNzY3NC0xLjE1MSAxLjE1MS0xLjU5MzUgMS4yOTQ4LS4zODkxNS4xMjY0LS44MDgzMS4xMjY0LTEuMTk3NTMgMC0uNDQyMzgtLjE0MzgtLjgyNjEtLjUyNzQtMS41OTM0MS0xLjI5NDhsLTMuNTYyMzUtMy41NjI0Yy0xLjUzNDY5LTEuNTM0Ni0yLjMwMjAzLTIuMzAyLTIuNTg5NTQtMy4xODY4LS4yNTI4OTQtLjc3ODQtLjI1Mjg5NC0xLjYxNjcgMC0yLjM5NTEuMjg3NTEtLjg4NDg0IDEuMDU0ODUtMS42NTIyMSAyLjU4OTU0LTMuMTg2ODl6IiBmaWxsPSJ1cmwoI2QpIi8+PC9nPjwvZz48L3N2Zz4=";
+
+var unknownDark = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkgyMlY0SDRDMi45IDQgMiA0LjkgMiA2VjE3SDBWMjBIMTRWMTdINFY2Wk0yMyA4SDE3QzE2LjQ1IDggMTYgOC40NSAxNiA5VjE5QzE2IDE5LjU1IDE2LjQ1IDIwIDE3IDIwSDIzQzIzLjU1IDIwIDI0IDE5LjU1IDI0IDE5VjlDMjQgOC40NSAyMy41NSA4IDIzIDhaTTIyIDE3SDE4VjEwSDIyVjE3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";
+
+var unknownLight = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNi41SDIyVjQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTcuNUgwVjIwLjVIMTRWMTcuNUg0VjYuNVpNMjMgOC41SDE3QzE2LjQ1IDguNSAxNiA4Ljk1IDE2IDkuNVYxOS41QzE2IDIwLjA1IDE2LjQ1IDIwLjUgMTcgMjAuNUgyM0MyMy41NSAyMC41IDI0IDIwLjA1IDI0IDE5LjVWOS41QzI0IDguOTUgMjMuNTUgOC41IDIzIDguNVpNMjIgMTcuNUgxOFYxMC41SDIyVjE3LjVaIiBmaWxsPSIjNjM2Qzc0Ii8+Cjwvc3ZnPgo=";
+
+var windowsDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTEuNDc1NCAyLjA0NzM2aC05LjQyODUydjkuNDI4NTRoOS40Mjg1MnoiIGZpbGw9IiNmMjUwMjIiLz48cGF0aCBkPSJtMTEuNDc1NCAxMi41MjM0aC05LjQyODUydjkuNDI4Nmg5LjQyODUyeiIgZmlsbD0iIzAwYTRlZiIvPjxwYXRoIGQ9Im0yMS45NTMgMi4wNDczNmgtOS40Mjg2djkuNDI4NTRoOS40Mjg2eiIgZmlsbD0iIzdmYmEwMCIvPjxwYXRoIGQ9Im0yMS45NTMgMTIuNTIzNGgtOS40Mjg2djkuNDI4Nmg5LjQyODZ6IiBmaWxsPSIjZmZiOTAwIi8+PC9zdmc+";
+
+var windowsLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTEuNDc1NCAyLjA0NzM2aC05LjQyODUydjkuNDI4NTRoOS40Mjg1MnoiIGZpbGw9IiNmMjUwMjIiLz48cGF0aCBkPSJtMTEuNDc1NCAxMi41MjM0aC05LjQyODUydjkuNDI4Nmg5LjQyODUyeiIgZmlsbD0iIzAwYTRlZiIvPjxwYXRoIGQ9Im0yMS45NTMgMi4wNDczNmgtOS40Mjg2djkuNDI4NTRoOS40Mjg2eiIgZmlsbD0iIzdmYmEwMCIvPjxwYXRoIGQ9Im0yMS45NTMgMTIuNTIzNGgtOS40Mjg2djkuNDI4Nmg5LjQyODZ6IiBmaWxsPSIjZmZiOTAwIi8+PC9zdmc+";
+
+const ensureDate = (loginDate) => {
+  const numVal = parseInt(loginDate, 10);
+  if (Number.isNaN(numVal)) return 0;
+  return numVal;
+};
+
+const sortFn = (a, b) =>
+  ensureDate(b.createdAt) - ensureDate(a.createdAt);
+
+const parseDate = (epoch, format) => {
+  if (Number.isNaN(parseInt(epoch, 10))) return '';
+
+  const date = new Date(epoch);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  const time = date.toLocaleTimeString('en-US', {
+    hour12: false,
+    hour: '2-digit',
+    minute: '2-digit',
+  });
+
+  const formatMap = {
+    'DD-MM-YYYY': `${day}/${month}/${year}`,
+    'YYYY-MM-DD': `${year}/${month}/${day}`,
+    'MM-DD-YYYY': `${month}/${day}/${year}`,
+  };
+
+  const dateStr = formatMap[format] || formatMap['MM-DD-YYYY'];
+  return `${dateStr} ${time}`;
+};
+
+const iconMap = {
+  apple: {
+    light: appleLight,
+    dark: appleDark,
+  },
+  google: {
+    light: googleLight,
+    dark: googleDark,
+  },
+  windows: {
+    light: windowsLight,
+    dark: windowsDark,
+  },
+  chrome: {
+    light: chromeLight,
+    dark: chromeDark,
+  },
+  edge: {
+    light: edgeLight,
+    dark: edgeDark,
+  },
+  samsung: {
+    light: unknownLight,
+    dark: unknownDark,
+  },
+  '1password': {
+    light: onePasswordLight,
+    dark: onePasswordDark,
+  },
+  bitwarden: {
+    light: bitwardenLight,
+    dark: bitwardenDark,
+  },
+  lastpass: {
+    light: lastPassLight,
+    dark: lastPassDark,
+  },
+  dashlane: {
+    light: dashlaneLight,
+    dark: dashlaneDark,
+  },
+  keeper: {
+    light: keeperLight,
+    dark: keeperDark,
+  },
+  keepassxc: {
+    light: keepassxcLight,
+    dark: keepassxcDark,
+  },
+  proton: {
+    light: protonPassLight,
+    dark: protonPassDark,
+  },
+  nordpass: {
+    light: nordPassLight,
+    dark: nordPassDark,
+  },
+  enpass: {
+    light: enpassLight,
+    dark: enpassDark,
+  },
+  key: {
+    light: keyLight,
+    dark: keyDark,
+  },
+  phone: {
+    light: phoneLight,
+    dark: phoneDark,
+  },
+  other: {
+    light: unknownLight,
+    dark: unknownDark,
+  },
+};
+
+const cloneSlottedNodes = (element, slotName) => {
+  if (!element || !slotName) return null;
+  const sources = element.querySelectorAll(`:scope > [slot="${slotName}"]`);
+  if (!sources.length) return null;
+  const fragment = document.createDocumentFragment();
+  sources.forEach((source) => {
+    const clone = source.content
+      ? source.content.cloneNode(true)
+      : source.cloneNode(true);
+    if (clone.removeAttribute) clone.removeAttribute('slot');
+    fragment.append(clone);
+  });
+  return fragment;
+};
+
+const populateRemoveButton = (template, id, ref) => {
+  const button = template.content.querySelector('.remove-button');
+  button.dataset.passkeyId = id;
+  const clonedSlottedContent = cloneSlottedNodes(ref, 'remove-button');
+  if (clonedSlottedContent) button.append(clonedSlottedContent);
+};
+
+const getIcon = (deviceType) => {
+  const icon = iconMap[deviceType] || iconMap.other;
+  return {
+    iconSrc: icon.light,
+    iconSrcDark: icon.dark,
+  };
+};
+
+var checkmark = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4KPC9zdmc+Cg==";
+
+customElements.define(componentName$1k, TextClass);
+
+customElements.define(componentName$1i, LinkClass);
+
+const componentName$U = getComponentName('user-passkeys');
+
+const itemRenderer$1 = ({ id, name, createdAt, passkeyType }, _, ref) => {
+  const { iconSrc, iconSrcDark } = getIcon(passkeyType);
+
+  const createdAtLabel =
+    createdAt && ref.createdAtLabel ? `${ref.createdAtLabel} ` : '';
+
+  const createdAtDate = parseDate(createdAt, ref.format);
+
+  const template = document.createElement('template');
+
+  template.innerHTML = `
+    <descope-list-item>
+      <div class="content">
+        <div class="main">
+          <span class="item">
+            <descope-icon class="item-icon" src="${iconSrc}" src-dark="${iconSrcDark}"></descope-icon>
+            <descope-text class="item-name" variant="body1" mode="primary"></descope-text>
+          </span>
+          <span class="item-panel">
+            ${ref.allowRemove ? `<descope-link variant="text" mode="primary" size="md" ellipsis="true" data-action="remove-passkey" class="remove-button"></descope-link>` : `<descope-icon src="${checkmark}"></descope-icon>`}
+          </span>
+        </div>
+        <div class="meta">
+          <descope-text variant="body2" mode="primary">${createdAtLabel}</descope-text>
+          <descope-text class="date" variant="body2" mode="primary">
+            ${createdAtDate}
+          </descope-text>
+        </div>
+      </div>
+    </descope-list-item>
+  `;
+
+  // we return a template instead of returning a string so we can avoid XSS on passkey name
+  template.content.querySelector('.item-name').textContent = name;
+
+  if (ref.allowRemove) {
+    populateRemoveButton(template, id, ref);
+  }
+
+  return template;
+};
+
+const BaseClass$3 = createBaseClass$1({
+  componentName: componentName$U,
+  baseSelector: ListClass.componentName,
+});
+
+class RawUserPasskeysClass extends BaseClass$3 {
+  static get observedAttributes() {
+    return [
+      'label',
+      'add-passkey-button-label',
+      'remove-passkey-button-label',
+      'empty',
+    ].concat(super.observedAttributes);
+  }
+
+  constructor() {
+    super();
+
+    this.attachShadow({ mode: 'open' }).innerHTML = `
+        <div class="header">
+          <div class="method">
+            <slot name="method-icon"></slot>
+            <descope-text class="method-label" st-text-align="auto" data-id="label-text" variant="body1" mode="primary"></descope-text>
+          </div>
+          <span class="button">
+            <descope-button class="add-passkey-button" size="sm" variant="link" mode="primary">
+              <slot name="button-icon"></slot>
+            </descope-button>
+          </span>
+        </div>
+
+        <descope-list>
+          <slot name="empty-state" slot="empty-state"></slot>
+        </descope-list>
+
+        <slot name="remove-button" class="hidden"></slot>
+    `;
+
+    this.methodLabel = this.shadowRoot.querySelector('.method-label');
+    this.addPasskeyButton = this.shadowRoot.querySelector(
+      '.add-passkey-button',
+    );
+    this.appsList = this.shadowRoot.querySelector('descope-list');
+    this.removeButton = this.shadowRoot.querySelector(
+      'slot[name="remove-button"]',
+    );
+
+    injectStyle(
+      `
+      :host {
+        display: inline-block;
+      }
+
+      .header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      .header .method {
+        display: flex;
+      }
+
+      .button {
+        min-width: 0;
+      }
+
+      .add-passkey-button {
+        align-self: center;
+        max-width: 100%;
+      }
+
+      .add-passkey-button > span {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      slot[name="method-icon"] {
+        display: inline-flex;
+        align-items: center;
+      }
+
+      .descope-list-item {
+        min-width: 0;
+      }
+
+      .content {
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+      }
+
+      .main {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+      }
+
+      .item-panel {
+        display: flex;
+        flex-shrink: 0;
+        max-width: 75%;
+        overflow: hidden;
+        align-items: center;
+        cursor: pointer;
+      }
+
+      .item {
+        display: flex;
+        min-width: 0;
+      }
+
+      .item-icon {
+        flex-shrink: 0;
+      }
+
+      .meta {
+        display: flex;
+      }
+
+      .date {
+        min-width: fit-content;
+      }
+
+      descope-text {
+        display: flex;
+        align-items: center;        
+        min-width: 0;
+      }
+      descope-text::part(text-wrapper) {
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+      }
+
+      descope-link {
+        overflow: hidden;
+      }
+      descope-link.remove-button {
+        width: 100%;
+      }
+      descope-link.remove-button::part(wrapper) {
+        display: flex;
+        width: 100%;
+      }
+
+      .hidden {
+        display: none
+      }
+      
+      `,
+      this,
+    );
+  }
+
+  init() {
+    super.init?.();
+
+    this.appsList.itemRenderer = itemRenderer$1;
+
+    this.appsList.addEventListener('click', this.onRemoveClick.bind(this));
+    this.addPasskeyButton.addEventListener('click', this.onAddClick.bind(this));
+
+    forwardAttrs(this.appsList, this, { includeAttrs: ['empty'] });
+
+    this.removeButton.addEventListener('slotchange', () => {
+      this.data = [...this.data]; // re-renders list
+    });
+
+    // apply default labels
+    this.onLabelChange();
+    this.updateButtonLabel(this.addPasskeyButton, this.addPasskeyButtonLabel);
+  }
+
+  onAddClick() {
+    if (this.readOnly) return;
+
+    this.dispatchEvent(
+      new CustomEvent('add-passkey-clicked', {
+        bubbles: true,
+        detail: { action: 'add-passkey' },
+      }),
+    );
+  }
+
+  onRemoveClick(e) {
+    if (this.readOnly) return;
+
+    const target = e.target.closest('[data-passkey-id]');
+    const passkeyId = target?.getAttribute('data-passkey-id');
+
+    if (passkeyId) {
+      this.dispatchEvent(
+        new CustomEvent('remove-passkey-clicked', {
+          bubbles: true,
+          detail: { id: passkeyId, action: 'remove-passkey' },
+        }),
+      );
+    }
+  }
+
+  get label() {
+    return this.getAttribute('label') || 'Passkey';
+  }
+
+  get readOnly() {
+    return this.getAttribute('readonly') === 'true';
+  }
+
+  get allowRemove() {
+    return this.getAttribute('allow-remove') === 'true';
+  }
+
+  get format() {
+    return this.getAttribute('format')?.toUpperCase() || 'MM-DD-YYYY';
+  }
+
+  get addPasskeyButtonLabel() {
+    return this.getAttribute('add-passkey-button-label') || 'Add';
+  }
+  get removePasskeyButtonLabel() {
+    return this.getAttribute('remove-passkey-button-label') || 'Remove';
+  }
+
+  get createdAtLabel() {
+    return this.getAttribute('created-at-label') || 'Date added:';
+  }
+
+  get direction() {
+    return this.getAttribute('st-host-direction');
+  }
+
+  onLabelChange() {
+    this.methodLabel.innerText = this.label;
+    this.methodLabel.setAttribute('title', this.label);
+  }
+
+  updateButtonLabel(btnRef, label) {
+    let textSpanEle = btnRef.querySelector('span');
+
+    if (label) {
+      if (!textSpanEle) {
+        textSpanEle = document.createElement('span');
+        btnRef.appendChild(textSpanEle);
+      }
+      textSpanEle.textContent = label;
+    } else if (textSpanEle) {
+      btnRef.removeChild(textSpanEle);
+    }
+  }
+
+  attributeChangedCallback(name, oldValue, newValue) {
+    super.attributeChangedCallback?.(name, oldValue, newValue);
+    if (oldValue === newValue) {
+      return;
+    }
+
+    if (name === 'label') {
+      this.onLabelChange();
+    } else if (name === 'add-passkey-button-label') {
+      this.updateButtonLabel(this.addPasskeyButton, this.addPasskeyButtonLabel);
+    } else if (name === 'empty') {
+      this.appsList.classList.toggle('hidden', newValue === 'true');
+    }
+  }
+}
+
+const { host: host$k } = {
+  host: { selector: () => ':host' },
+};
+
+const UserPasskeysClass = compose(
+  createStyleMixin$1({
+    mappings: {
+      hostWidth: { ...host$k, property: 'width' },
+      hostMinWidth: { ...host$k, property: 'min-width' },
+      hostDirection: [
+        { ...host$k, property: 'direction' },
+        {
+          selector: () => 'descope-list-item',
+          property: 'direction',
+        },
+        {
+          selector: () => 'descope-text',
+          property: 'direction',
+        },
+        {
+          selector: () => 'descope-link',
+          property: LinkClass.cssVarList.hostDirection,
+        },
+      ],
+
+      headerGap: {
+        selector: () => '.method',
+        property: 'gap',
+      },
+      listGap: {
+        selector: () => 'descope-list',
+        property: 'margin-top',
+      },
+
+      listItemsGap: {
+        property: ListClass.cssVarList.gap,
+      },
+      listBackgroundColor: {
+        selector: () => ListClass.componentName,
+        property: ListClass.cssVarList.backgroundColor,
+      },
+      listBorderRadius: {
+        selector: () => ListClass.componentName,
+        property: ListClass.cssVarList.borderRadius,
+      },
+      listBorderWidth: {
+        selector: () => ListClass.componentName,
+        property: ListClass.cssVarList.borderWidth,
+      },
+      listBoxShadow: {
+        selector: () => ListClass.componentName,
+        property: ListClass.cssVarList.boxShadow,
+      },
+      listPadding: [
+        {
+          selector: () => ListClass.componentName,
+          property: ListClass.cssVarList.verticalPadding,
+        },
+        {
+          selector: () => ListClass.componentName,
+          property: ListClass.cssVarList.horizontalPadding,
+        },
+      ],
+
+      itemVerticalPadding: {
+        selector: ListItemClass.componentName,
+        property: ListItemClass.cssVarList.verticalPadding,
+      },
+      itemHorizontalPadding: {
+        selector: ListItemClass.componentName,
+        property: ListItemClass.cssVarList.horizontalPadding,
+      },
+      itemCursor: {
+        selector: ListItemClass.componentName,
+        property: ListItemClass.cssVarList.cursor,
+      },
+      itemOutline: {
+        selector: ListItemClass.componentName,
+        property: ListItemClass.cssVarList.outline,
+      },
+      itemBorderColor: {
+        selector: ListItemClass.componentName,
+        property: ListItemClass.cssVarList.borderColor,
+      },
+      itemBorderRadius: {
+        selector: ListItemClass.componentName,
+        property: ListItemClass.cssVarList.borderRadius,
+      },
+      itemBackgroundColor: {
+        selector: ListItemClass.componentName,
+        property: ListItemClass.cssVarList.backgroundColor,
+      },
+      itemContentGap: {
+        selector: () => '.content',
+        property: 'gap',
+      },
+      itemPanelGap: {
+        selector: () => '.main',
+        property: 'gap',
+      },
+      itemIconGap: {
+        selector: () => '.item',
+        property: 'gap',
+      },
+      itemIconSize: [
+        {
+          selector: () => '.item-icon',
+          property: 'width',
+        },
+        {
+          selector: () => '.item-icon',
+          property: 'height',
+        },
+      ],
+
+      addButtonGap: {
+        selector: () => '.button',
+        property: 'margin-inline-end',
+      },
+      dateGap: {
+        selector: ' .meta',
+        property: 'gap',
+      },
+
+      removeButtonGap: {
+        selector: () =>
+          `${LinkClass.componentName}.remove-button > *:not(:last-child)`,
+        property: 'margin-inline-end',
+      },
+    },
+  }),
+  draggableMixin$1,
+  createDynamicDataMixin$1({
+    itemRenderer: itemRenderer$1,
+    sortFn,
+    rerenderAttrsList: ['created-at-label', 'format', 'allow-remove'],
+  }),
+  componentNameValidationMixin$1,
+)(RawUserPasskeysClass);
+
+const vars$I = UserPasskeysClass.cssVarList;
+
+const userPasskeys = {
+  [vars$I.hostWidth]: 'auto',
+  [vars$I.hostWidth]: '300px',
+  [vars$I.hostMinWidth]: '300px',
+
+  [vars$I.headerGap]: globals.spacing.lg,
+  [vars$I.listGap]: globals.spacing.xl,
+
+  [vars$I.listBackgroundColor]: 'transparent',
+  [vars$I.listBorderRadius]: '0',
+  [vars$I.listBorderWidth]: '0',
+  [vars$I.listPadding]: '0',
+  [vars$I.listBoxShadow]: 'none',
+  [vars$I.listItemsGap]: globals.spacing.lg,
+
+  [vars$I.itemBorderColor]: globals.colors.surface.light,
+  [vars$I.itemVerticalPadding]: globals.spacing.lg,
+  [vars$I.itemHorizontalPadding]: globals.spacing.lg,
+  [vars$I.itemBorderRadius]: globals.radius.xs,
+  [vars$I.itemOutline]: 'transparent',
+  [vars$I.itemBackgroundColor]: 'transparent',
+  [vars$I.itemCursor]: 'default',
+  [vars$I.itemContentGap]: globals.spacing.sm,
+
+  [vars$I.itemPanelGap]: globals.spacing.md,
+  [vars$I.itemIconGap]: globals.spacing.md,
+  [vars$I.itemIconSize]: '24px',
+
+  [vars$I.addButtonGap]: globals.spacing.sm,
+  [vars$I.dateGap]: globals.spacing.xs,
+
+  [vars$I.removeButtonGap]: globals.spacing.sm,
+
+  _fullWidth: {
+    [vars$I.hostWidth]: '100%',
+  },
+};
+
+var userPasskeys$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  default: userPasskeys,
+  vars: vars$I
+});
+
+const getOverrideCssVarName = (origVarName) => `${origVarName}__override`;
+
+const createCssVar = (varName, fallback, createOverride = false) => {
+  const ret = `var(${varName}${fallback ? `, ${fallback}` : ''})`;
+
+  if (!createOverride) return ret;
+
+  // we are generating an override css var to allow override with fallback to the default var
+  const overrideVarName = getOverrideCssVarName(varName);
+  return `var(${overrideVarName}, ${ret})`;
+};
+
+const createCssSelector = (baseSelector = '', relativeSelectorOrSelectorFn = '') =>
+  isFunction$1(relativeSelectorOrSelectorFn)
+    ? relativeSelectorOrSelectorFn(baseSelector)
+    : `${baseSelector}${
+        /^[A-Za-z]/.test(relativeSelectorOrSelectorFn)
+          ? ` ${relativeSelectorOrSelectorFn}`
+          : relativeSelectorOrSelectorFn
+      }`;
+
+class StyleBuilder {
+  constructor() {
+    this.styleMap = new Map();
+  }
+
+  add(selector, property, value) {
+    if (!this.styleMap.has(selector)) {
+      this.styleMap.set(selector, []);
+    }
+
+    this.styleMap.set(selector, [...this.styleMap.get(selector), { property, value }]);
+  }
+
+  toString() {
+    return Array.from(this.styleMap.entries()).reduce((acc, [selector, propValArr]) => {
+      const properties = propValArr
+        .map(({ property, value }) => `${property}: ${value}`)
+        .join(';\n');
+
+      return `${acc}${selector} { \n${properties} \n}\n\n`;
+    }, '');
+  }
+}
+
+const normalizeConfig = (attr, config) => {
+  const defaultMapping = { selector: '', property: kebabCase$1(attr) };
+
+  if (!config || !Object.keys(config).length) return [defaultMapping];
+
+  if (Array.isArray(config)) return config.map((entry) => ({ ...defaultMapping, ...entry }));
+
+  return [{ ...defaultMapping, ...config }];
+};
+
+const getFallbackVarName = (origVarName, suffix = 'fallback') => kebabCaseJoin$1(origVarName, suffix);
+
+const createStyle = (componentName, baseSelector, mappings) => {
+  const style = new StyleBuilder();
+  // we generate all the fallback vars recursively
+  const createFallbackVar = (fallback, origVarName) => {
+    if (!fallback) return '';
+    if (typeof fallback === 'string') return fallback;
+
+    const fallbackVarName = getFallbackVarName(origVarName, fallback?.suffix);
+    return createCssVar(fallbackVarName, createFallbackVar(fallback.fallback, fallbackVarName));
+  };
+
+  Object.keys(mappings).forEach((attr) => {
+    const attrConfig = normalizeConfig(attr, mappings[attr]);
+
+    const cssVarName = getCssVarName$1(componentName, attr);
+
+    attrConfig.forEach(
+      ({ selector: relativeSelectorOrSelectorFn, property, important, fallback }) => {
+        const fallbackValue = createFallbackVar(fallback, cssVarName);
+        style.add(
+          createCssSelector(baseSelector, relativeSelectorOrSelectorFn),
+          isFunction$1(property) ? property() : property,
+          createCssVar(cssVarName, fallbackValue, true) + (important ? '!important' : '')
+        );
+      }
+    );
+  });
+
+  return style.toString();
+};
+
+const getFallbackVarsNames = (attr, origVarName, { fallback }) => {
+  if (!fallback) return {};
+
+  const fallbackVarName = getFallbackVarName(origVarName, fallback.suffix);
+  const fallbackAttrName = camelCaseJoin$1(attr, fallback.suffix || 'fallback');
+  return {
+    [fallbackAttrName]: fallbackVarName,
+    ...getFallbackVarsNames(fallbackAttrName, fallbackVarName, fallback),
+  };
+};
+
+const createCssVarsList = (componentName, mappings) =>
+  Object.keys(mappings).reduce((acc, attr) => {
+    const varName = getCssVarName$1(componentName, attr);
+
+    return Object.assign(
+      acc,
+      { [attr]: varName },
+      // we are exposing the override css var names, the convention is to add 'Override' suffix to the attribute name
+      { [`${attr}Override`]: getOverrideCssVarName(varName) },
+      getFallbackVarsNames(attr, varName, mappings[attr])
+    );
   }, {});
 
 // on some cases we need a selector to be more specific than another
@@ -18453,9 +19162,7 @@ class RawPolicyValidation extends createBaseClass({ componentName: componentName
       return;
     }
 
-    this.list.replaceChildren(
-      ...this.validate().map(this.buildValidationItem.bind(this)),
-    );
+    this.list.replaceChildren(...this.validate().map(this.buildValidationItem.bind(this)));
   }
 
   updateLabel(val) {
@@ -26171,7 +26878,7 @@ const alert = {
   [vars$2.horizontalPadding]: '0',
   [vars$2.verticalPadding]: '0',
   [vars$2.gap]: `0.5em`,
-  [vars$2.fontSize]: useVar(vars$15.fontSize),
+  [vars$2.fontSize]: useVar(vars$16.fontSize),
 
   mode: {
     error: {
@@ -26465,6 +27172,7 @@ const components = {
   trustedDevices,
   tooltip: tooltip$1,
   attachment: attachment$1,
+  userPasskeys: userPasskeys$1,
 };
 
 const theme = Object.keys(components).reduce(
@@ -26477,7 +27185,7 @@ const vars = Object.keys(components).reduce(
 );
 
 const defaultTheme = { globals: globals$1, components: theme };
-const themeVars = { globals: vars$17, components: vars };
+const themeVars = { globals: vars$18, components: vars };
 
 const colors = {
   surface: {
@@ -27290,6 +27998,7 @@ exports.TrustedDevicesClass = TrustedDevicesClass;
 exports.UploadFileClass = UploadFileClass;
 exports.UserAttributeClass = UserAttributeClass;
 exports.UserAuthMethodClass = UserAuthMethodClass;
+exports.UserPasskeysClass = UserPasskeysClass;
 exports.componentsThemeManager = componentsThemeManager;
 exports.createComponentsTheme = createComponentsTheme;
 exports.createHelperVars = createHelperVars;