@descope/flow-components 3.10.1 → 3.11.0

package/dist/index.cjs.js

@@ -80865,7 +80865,7 @@ function requireIndex_cjs () {
 	  fonts: fonts$1,
 	  direction: direction$1,
 	};
-	const vars$17 = getThemeVars(globals$1);
+	const vars$18 = getThemeVars(globals$1);
 
 	const direction = 'ltr';
 
@@ -82717,12 +82717,12 @@ function requireIndex_cjs () {
 
 	/* 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() {
@@ -82850,7 +82850,7 @@ function requireIndex_cjs () {
 	  componentNameValidationMixin$1,
 	)(RawImage);
 
-	const componentName$1l = getComponentName('icon');
+	const componentName$1m = getComponentName('icon');
 
 	const IconClass = compose(
 	  createStyleMixin$1({
@@ -82871,7 +82871,7 @@ function requireIndex_cjs () {
       }
       `,
 	    excludeAttrsSync: ['tabindex', 'class', 'style'],
-	    componentName: componentName$1l,
+	    componentName: componentName$1m,
 	  }),
 	);
 
@@ -82886,7 +82886,7 @@ function requireIndex_cjs () {
 	    }
 	  };
 
-	const componentName$1k = getComponentName('button');
+	const componentName$1l = getComponentName('button');
 
 	const resetStyles = `
 	:host {
@@ -82924,7 +82924,7 @@ function requireIndex_cjs () {
 
 	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)' },
@@ -82938,7 +82938,7 @@ function requireIndex_cjs () {
 	    mappings: {
 	      hostWidth: { property: 'width' },
 	      hostHeight: { property: 'height' },
-	      hostDirection: { ...host$y, property: 'direction' },
+	      hostDirection: { ...host$z, property: 'direction' },
 	      fontSize: {},
 	      fontFamily: {},
 	      fontWeight: {},
@@ -83007,7 +83007,7 @@ function requireIndex_cjs () {
 			}
 		`,
 	    excludeAttrsSync: ['tabindex', 'class', 'style'],
-	    componentName: componentName$1k,
+	    componentName: componentName$1l,
 	  }),
 	);
 
@@ -83057,7 +83057,7 @@ function requireIndex_cjs () {
 
 	const [helperTheme$7, helperRefs$7, helperVars$6] = createHelperVars$1(
 	  { mode },
-	  componentName$1k,
+	  componentName$1l,
 	);
 
 	const button = {
@@ -83171,7 +83171,7 @@ function requireIndex_cjs () {
 	  },
 	};
 
-	const vars$16 = {
+	const vars$17 = {
 	  ...compVars$9,
 	  ...helperVars$6,
 	};
@@ -83179,13 +83179,13 @@ function requireIndex_cjs () {
 	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() {
@@ -83221,15 +83221,15 @@ function requireIndex_cjs () {
 	  }
 	}
 
-	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' }
@@ -83252,106 +83252,106 @@ function requireIndex_cjs () {
 	)(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 = [
@@ -83378,9 +83378,9 @@ function requireIndex_cjs () {
 	/* 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;
@@ -83585,12 +83585,12 @@ function requireIndex_cjs () {
 	  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() {
@@ -83665,12 +83665,12 @@ function requireIndex_cjs () {
 	  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: {
@@ -83690,31 +83690,31 @@ function requireIndex_cjs () {
 	)(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,
 	    },
 	  },
 	};
@@ -83722,37 +83722,37 @@ function requireIndex_cjs () {
 	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',
 	    },
 	  },
 	};
@@ -83760,10 +83760,10 @@ function requireIndex_cjs () {
 	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 {
@@ -84153,7 +84153,7 @@ function requireIndex_cjs () {
 	  };
 
 	const {
-	  host: host$v,
+	  host: host$w,
 	  inputField: inputField$6,
 	  inputElement: inputElement$3,
 	  placeholder: placeholder$3,
@@ -84185,10 +84185,10 @@ function requireIndex_cjs () {
 	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' },
@@ -84456,12 +84456,12 @@ function requireIndex_cjs () {
 	    // 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(
@@ -84587,107 +84587,107 @@ function requireIndex_cjs () {
 	      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',
 	  },
 	};
 
@@ -84695,13 +84695,13 @@ function requireIndex_cjs () {
 	  __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() {
@@ -84796,46 +84796,46 @@ function requireIndex_cjs () {
 	  {
 	    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,
 	    },
 	  },
 
@@ -84854,58 +84854,58 @@ function requireIndex_cjs () {
 	  // },
 
 	  _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}`,
 	    },
 	  },
 	};
@@ -84913,12 +84913,12 @@ function requireIndex_cjs () {
 	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() {
@@ -84996,7 +84996,7 @@ function requireIndex_cjs () {
 	  }
 	}
 
-	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' },
@@ -85006,12 +85006,12 @@ function requireIndex_cjs () {
 	  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' },
@@ -85069,37 +85069,37 @@ function requireIndex_cjs () {
 	  },
 	};
 
-	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 {
@@ -85156,12 +85156,12 @@ function requireIndex_cjs () {
 	  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() {
@@ -85332,9 +85332,9 @@ function requireIndex_cjs () {
 	  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">
@@ -85440,7 +85440,7 @@ function requireIndex_cjs () {
 	    },
 	  }),
 	  createDynamicDataMixin$1({
-	    itemRenderer: itemRenderer$4,
+	    itemRenderer: itemRenderer$5,
 	    rerenderAttrsList: [
 	      'size',
 	      'item-text-variant',
@@ -85456,7 +85456,7 @@ function requireIndex_cjs () {
 	    slots: ['empty-state'],
 	    wrappedEleName: 'descope-list',
 	    excludeAttrsSync: ['tabindex', 'class', 'empty', 'style'],
-	    componentName: componentName$1a,
+	    componentName: componentName$1b,
 	    style: () => `
       :host {
         width: 100%;
@@ -85491,60 +85491,60 @@ function requireIndex_cjs () {
 	  }),
 	);
 
-	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,
 	    },
 	  },
 	};
@@ -85552,7 +85552,7 @@ function requireIndex_cjs () {
 	var appsList$1 = /*#__PURE__*/Object.freeze({
 	  __proto__: null,
 	  default: appsList,
-	  vars: vars$Z
+	  vars: vars$_
 	});
 
 	const globalRefs$y = getThemeRefs$1(globals);
@@ -85561,7 +85561,7 @@ function requireIndex_cjs () {
 
 	const [helperTheme$5, helperRefs$5, helperVars$5] = createHelperVars$1(
 	  { shadowColor: '#00000020' },
-	  componentName$1b,
+	  componentName$1c,
 	);
 
 	const { shadowColor: shadowColor$5 } = helperRefs$5;
@@ -85622,7 +85622,7 @@ function requireIndex_cjs () {
 	  },
 	};
 
-	const vars$Y = {
+	const vars$Z = {
 	  ...compVars$7,
 	  ...helperVars$5,
 	};
@@ -85630,53 +85630,53 @@ function requireIndex_cjs () {
 	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 {
@@ -86055,7 +86055,7 @@ function requireIndex_cjs () {
 	  };
 
 	const {
-	  host: host$t,
+	  host: host$u,
 	  inputField: inputField$5,
 	  inputElement: inputElement$2,
 	  placeholder: placeholder$2,
@@ -86095,9 +86095,9 @@ function requireIndex_cjs () {
 	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,
@@ -86339,13 +86339,13 @@ function requireIndex_cjs () {
 
 		`,
 	    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()) {
@@ -86415,7 +86415,7 @@ function requireIndex_cjs () {
 	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',
@@ -87052,7 +87052,7 @@ function requireIndex_cjs () {
 	  }
 	}
 
-	const host$s = { selector: () => ':host' };
+	const host$t = { selector: () => ':host' };
 	const rows = { selector: '.rows' };
 	const row = { selector: '.row' };
 	const addAction = { selector: '.add-action' };
@@ -87060,9 +87060,9 @@ function requireIndex_cjs () {
 	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,
@@ -87083,126 +87083,126 @@ function requireIndex_cjs () {
 	  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 {
@@ -87223,15 +87223,15 @@ function requireIndex_cjs () {
 	      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, {
@@ -87271,7 +87271,7 @@ function requireIndex_cjs () {
 	    }
 	  };
 
-	const { host: host$r } = {
+	const { host: host$s } = {
 	  host: { selector: () => ':host' },
 	};
 
@@ -87281,9 +87281,9 @@ function requireIndex_cjs () {
 	  }),
 	  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,
@@ -87350,34 +87350,34 @@ function requireIndex_cjs () {
     }
   `,
 	    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) => {
@@ -87604,7 +87604,7 @@ function requireIndex_cjs () {
 	  }
 	}
 
-	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';
@@ -87615,7 +87615,7 @@ function requireIndex_cjs () {
 	};
 
 	const BaseInputClass$5 = createBaseInputClass$1({
-	  componentName: componentName$15,
+	  componentName: componentName$16,
 	  baseSelector: '',
 	});
 	const initConnectorAttrs = ['public-api-key'];
@@ -87722,7 +87722,7 @@ function requireIndex_cjs () {
 	  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 {
@@ -87751,15 +87751,15 @@ function requireIndex_cjs () {
 	      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, {
@@ -87800,7 +87800,7 @@ function requireIndex_cjs () {
 	    }
 	  };
 
-	const { host: host$q } = {
+	const { host: host$r } = {
 	  host: { selector: () => ':host' },
 	};
 
@@ -87810,8 +87810,8 @@ function requireIndex_cjs () {
 	  }),
 	  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,
@@ -87837,7 +87837,7 @@ function requireIndex_cjs () {
     width: 100%;
   }
 
-  ${componentName$15} {
+  ${componentName$16} {
     display: inline-block;
     box-sizing: border-box;
     user-select: none;
@@ -87845,30 +87845,30 @@ function requireIndex_cjs () {
     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=";
@@ -87890,24 +87890,24 @@ function requireIndex_cjs () {
 	  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() {
@@ -88048,7 +88048,7 @@ function requireIndex_cjs () {
 	  }
 	}
 
-	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' },
@@ -88069,8 +88069,8 @@ function requireIndex_cjs () {
 	      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 },
 	    },
 	  }),
@@ -88079,44 +88079,44 @@ function requireIndex_cjs () {
 	)(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',
@@ -88146,12 +88146,12 @@ function requireIndex_cjs () {
 	  '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();
 
@@ -88299,7 +88299,7 @@ function requireIndex_cjs () {
 	}
 
 	const {
-	  host: host$o,
+	  host: host$p,
 	  nestedTimer,
 	  nestedButton,
 	  timerInsideNotReversed,
@@ -88324,8 +88324,8 @@ function requireIndex_cjs () {
 	    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,
@@ -88357,40 +88357,40 @@ function requireIndex_cjs () {
 	)(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})`,
 	      },
 	    },
 	  },
@@ -88399,12 +88399,12 @@ function requireIndex_cjs () {
 	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() {
@@ -88518,7 +88518,7 @@ function requireIndex_cjs () {
 	  }
 	}
 
-	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' },
@@ -88531,11 +88531,11 @@ function requireIndex_cjs () {
 	  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' },
@@ -88595,22 +88595,22 @@ function requireIndex_cjs () {
 	  }
 	};
 
-	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() {
@@ -88845,7 +88845,7 @@ function requireIndex_cjs () {
 	  {
 	    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;
@@ -88945,7 +88945,7 @@ function requireIndex_cjs () {
 	  }
 	};
 
-	const vars$P = {
+	const vars$Q = {
 	  ...compVars$5,
 	  ...helperVars$4,
 	};
@@ -88953,12 +88953,12 @@ function requireIndex_cjs () {
 	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>
@@ -88967,7 +88967,7 @@ function requireIndex_cjs () {
 	};
 
 	class RawRecoveryCodes extends createBaseClass$1({
-	  componentName: componentName$$,
+	  componentName: componentName$10,
 	  baseSelector: ':host > div',
 	}) {
 	  static get observedAttributes() {
@@ -89098,7 +89098,7 @@ function requireIndex_cjs () {
 	    },
 	  }),
 	  createDynamicDataMixin$1({
-	    itemRenderer: itemRenderer$3,
+	    itemRenderer: itemRenderer$4,
 	    rerenderAttrsList: ['variant', 'mode'],
 	    targetSelector: '.list',
 	  }),
@@ -89107,37 +89107,37 @@ function requireIndex_cjs () {
 	)(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,
@@ -89180,12 +89180,12 @@ function requireIndex_cjs () {
 `;
 	};
 
-	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();
 
@@ -89228,7 +89228,7 @@ function requireIndex_cjs () {
 	  init() {
 	    super.init?.();
 
-	    this.appsList.itemRenderer = itemRenderer$2;
+	    this.appsList.itemRenderer = itemRenderer$3;
 
 	    this.appsList.addEventListener('click', this.onAppsListClick.bind(this));
 	  }
@@ -89265,17 +89265,17 @@ function requireIndex_cjs () {
 	  }
 	}
 
-	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',
@@ -89347,7 +89347,7 @@ function requireIndex_cjs () {
 	  }),
 	  draggableMixin$1,
 	  createDynamicDataMixin$1({
-	    itemRenderer: itemRenderer$2,
+	    itemRenderer: itemRenderer$3,
 	    rerenderAttrsList: [
 	      'size',
 	      'connect-button-label',
@@ -89357,36 +89357,36 @@ function requireIndex_cjs () {
 	  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',
 	    },
 	  },
 	};
@@ -89394,13 +89394,13 @@ function requireIndex_cjs () {
 	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() {
@@ -89499,12 +89499,12 @@ function requireIndex_cjs () {
 	  },
 	};
 
-	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==";
@@ -89523,16 +89523,16 @@ function requireIndex_cjs () {
 
 	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);
@@ -89551,7 +89551,7 @@ function requireIndex_cjs () {
 	    '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}`;
 	};
 
@@ -89582,9 +89582,9 @@ function requireIndex_cjs () {
 	  };
 	};
 
-	const componentName$Y = getComponentName('trusted-devices');
+	const componentName$Z = getComponentName('trusted-devices');
 
-	const itemRenderer$1 = (
+	const itemRenderer$2 = (
 	  { id, name, lastLoginDate, deviceType, isCurrent },
 	  _,
 	  ref,
@@ -89595,7 +89595,7 @@ function requireIndex_cjs () {
 
 	  const loginLabel = ref.lastLoginLabel ? `${ref.lastLoginLabel} ` : '';
 
-	  const loginDate = parseDate(lastLoginDate, ref.format);
+	  const loginDate = parseDate$1(lastLoginDate, ref.format);
 
 	  const badge = isCurrent
 	    ? `<descope-badge
@@ -89670,12 +89670,12 @@ function requireIndex_cjs () {
 	  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();
 
@@ -89770,7 +89770,7 @@ function requireIndex_cjs () {
 	  init() {
 	    super.init?.();
 
-	    this.appsList.itemRenderer = itemRenderer$1;
+	    this.appsList.itemRenderer = itemRenderer$2;
 
 	    this.appsList.addEventListener('click', this.onRemoveClick.bind(this));
 	  }
@@ -89820,17 +89820,17 @@ function requireIndex_cjs () {
 	  }
 	}
 
-	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',
@@ -89948,8 +89948,8 @@ function requireIndex_cjs () {
 	  }),
 	  draggableMixin$1,
 	  createDynamicDataMixin$1({
-	    itemRenderer: itemRenderer$1,
-	    sortFn,
+	    itemRenderer: itemRenderer$2,
+	    sortFn: sortFn$1,
 	    rerenderAttrsList: [
 	      'remove-device-label',
 	      'current-device-label',
@@ -89961,51 +89961,51 @@ function requireIndex_cjs () {
 	  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',
@@ -90016,7 +90016,7 @@ function requireIndex_cjs () {
 	];
 
 	class RawTooltip extends createBaseClass$1({
-	  componentName: componentName$X,
+	  componentName: componentName$Y,
 	  baseSelector: 'vaadin-tooltip',
 	}) {
 	  constructor() {
@@ -90309,13 +90309,13 @@ function requireIndex_cjs () {
 	)(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;
@@ -90323,36 +90323,36 @@ function requireIndex_cjs () {
 
 	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}`,
 	    },
 	  },
 	};
@@ -90360,7 +90360,7 @@ function requireIndex_cjs () {
 	var tooltip$1 = /*#__PURE__*/Object.freeze({
 	  __proto__: null,
 	  default: tooltip,
-	  vars: vars$K
+	  vars: vars$L
 	});
 
 	// Data service for country/subdivision/city data.
@@ -90413,7 +90413,7 @@ function requireIndex_cjs () {
 	const fetchCitiesForCountry = async (countryIso2, baseUrl) =>
 	  fetchJson(`${baseUrl}/countries/${countryIso2}/cities.json`);
 
-	const componentName$W = getComponentName(
+	const componentName$X = getComponentName(
 	  'country-subdivision-city-field-internal',
 	);
 
@@ -90473,7 +90473,7 @@ function requireIndex_cjs () {
 	// --- Base class ---
 
 	const BaseInputClass$4 = createBaseInputClass$1({
-	  componentName: componentName$W,
+	  componentName: componentName$X,
 	  baseSelector: '',
 	});
 
@@ -90649,7 +90649,7 @@ function requireIndex_cjs () {
 	      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();
@@ -90746,7 +90746,7 @@ function requireIndex_cjs () {
 	  // 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();
 	    }
 	  }
@@ -91019,7 +91019,7 @@ function requireIndex_cjs () {
 	      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');
 	    }
@@ -91044,7 +91044,7 @@ function requireIndex_cjs () {
 	      }
 	    } catch (e) {
 	      console.error(
-	        `[${componentName$W}] Failed to load subdivisions for ${countryIso2}`,
+	        `[${componentName$X}] Failed to load subdivisions for ${countryIso2}`,
 	        e,
 	      );
 	      this.#subdivisionVisible = false;
@@ -91072,7 +91072,7 @@ function requireIndex_cjs () {
 	      }
 	    } 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 {
@@ -91164,7 +91164,7 @@ function requireIndex_cjs () {
 	  }
 
 	  #setVisible(el, visible) {
-	    el?.classList.toggle(`${componentName$W}-hidden`, !visible);
+	    el?.classList.toggle(`${componentName$X}-hidden`, !visible);
 	  }
 
 	  #updateRequiredOnCombos() {
@@ -91234,7 +91234,7 @@ function requireIndex_cjs () {
 
 	  #getFirstVisibleCombo() {
 	    return this.#allCombos.find(
-	      (combo) => !combo.classList.contains(`${componentName$W}-hidden`),
+	      (combo) => !combo.classList.contains(`${componentName$X}-hidden`),
 	    );
 	  }
 
@@ -91251,7 +91251,7 @@ function requireIndex_cjs () {
 	  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 {
@@ -91261,15 +91261,15 @@ function requireIndex_cjs () {
 	      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, {
@@ -91303,14 +91303,14 @@ function requireIndex_cjs () {
 	    }
 	  };
 
-	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(
@@ -91319,9 +91319,9 @@ function requireIndex_cjs () {
 	  }),
 	  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,
@@ -91360,7 +91360,7 @@ function requireIndex_cjs () {
     width: 100%;
   }
 
-  ${componentName$W} {
+  ${componentName$X} {
     display: inline-block;
     box-sizing: border-box;
     user-select: none;
@@ -91368,50 +91368,50 @@ function requireIndex_cjs () {
     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',
@@ -91425,7 +91425,7 @@ function requireIndex_cjs () {
 	const DEFAULT_POSITION = ATTACHMENT_POSITIONS[0];
 
 	class RawAttachment extends createBaseClass$1({
-	  componentName: componentName$U,
+	  componentName: componentName$V,
 	  baseSelector: 'descope-anchored',
 	}) {
 	  constructor() {
@@ -91482,158 +91482,867 @@ function requireIndex_cjs () {
         pointer-events: none;
         width: 100%;
         display: flex;
-        align-items: center;
-        container-type: inline-size;
+        align-items: center;
+        container-type: inline-size;
+      }
+`,
+	      this,
+	    );
+
+	    this.#handlePositionChange();
+
+	    // When descope-anchored forwards st-host-direction from the anchor to this container,
+	    // propagate it to the attachment elements.
+	    const container = this.shadowRoot.querySelector('.attachment-container');
+	    observeAttributes(container, () => this.#syncDirection(), {
+	      includeAttrs: ['st-host-direction'],
+	    });
+
+	    // Re-sync direction when new elements are slotted into the attachment slot.
+	    this.attachmentSlot.addEventListener('slotchange', () =>
+	      this.#syncDirection(),
+	    );
+
+	    this.defaultSlot.addEventListener('slotchange', () => {
+	      this.#setVisibility();
+	      window.requestAnimationFrame(() => this.#syncAvailableSizeAttr());
+	    });
+
+	    window.requestAnimationFrame(() => this.#setVisibility());
+	  }
+
+	  // To support conditional components in flow, we need to sync the 'hidden' className to the root of the component.
+	  // Ideally, this would happen in the SDK, but we resolved to this patch to fix the issue without forcing users to update SDKs.
+	  #syncComponentState() {
+	    const hasHidden = this.anchored?.classList?.contains('hidden');
+	    this.classList.toggle('hidden', hasHidden);
+	  }
+
+	  #syncAvailableSizeAttr() {
+	    const anchor = this.defaultSlot?.assignedElements()?.[0];
+
+	    const anchorRect = anchor?.getBoundingClientRect();
+	    if (anchorRect) {
+	      const availableWidth = anchorRect.width;
+	      this.#attachment?.setAttribute(
+	        'data-attachment-size',
+	        Number(availableWidth),
+	      );
+	    }
+	  }
+
+	  #setVisibility() {
+	    const hasAnchor = this.defaultSlot?.assignedElements()?.length > 0;
+	    this.classList.toggle('hidden', !hasAnchor);
+	  }
+
+	  #syncDirection() {
+	    const direction = this.shadowRoot
+	      .querySelector('.attachment-container')
+	      ?.getAttribute('st-host-direction');
+
+	    if (!direction) return;
+	    // currently we support direction sync only for web-components-ui
+	    // elements, which support st-host-direction attribute.
+	    this.#attachment?.setAttribute('st-host-direction', direction);
+	  }
+
+	  get offsetX() {
+	    return this.getAttribute('offset-x') || '0px';
+	  }
+
+	  get offsetY() {
+	    return this.getAttribute('offset-y') || '0px';
+	  }
+
+	  #handlePositionChange() {
+	    const pos = this.getAttribute('position');
+	    if (!ATTACHMENT_POSITIONS.includes(pos)) {
+	      this.setAttribute('position', DEFAULT_POSITION);
+	    }
+	  }
+	}
+
+	const attachmentContainer = { selector: () => '.attachment-container' };
+
+	const AttachmentClass = compose(
+	  createStyleMixin$1({
+	    mappings: {
+	      transform: { ...attachmentContainer },
+	      justifyContent: { ...attachmentContainer },
+	      maxWidth: { ...attachmentContainer },
+	      top: { ...attachmentContainer },
+	      bottom: { ...attachmentContainer },
+	      left: { ...attachmentContainer },
+	      right: { ...attachmentContainer },
+	      offsetX: {},
+	      offsetY: {},
+	    },
+	  }),
+	  draggableMixin$1,
+	  componentNameValidationMixin$1,
+	)(RawAttachment);
+
+	const vars$J = AttachmentClass.cssVarList;
+
+	const defaultOffset = '8px';
+	const insetCalc = `calc(${defaultOffset} + var(${vars$J.offsetX}))`;
+
+	const attachment = {
+	  [vars$J.maxWidth]: `calc(100% - 2 * ${defaultOffset})`,
+
+	  position: {
+	    'top-start': {
+	      [vars$J.transform]: 'translateY(-50%)',
+	      [vars$J.justifyContent]: 'start',
+	      [vars$J.left]: insetCalc,
+	      [vars$J.top]: useVar$1(vars$J.offsetY),
+	    },
+	    'top-center': {
+	      [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$J.transform]: 'translateY(-50%)',
+	      [vars$J.justifyContent]: 'end',
+	      [vars$J.right]: insetCalc,
+	      [vars$J.top]: useVar$1(vars$J.offsetY),
+	    },
+	    'bottom-start': {
+	      [vars$J.transform]: 'translateY(50%)',
+	      [vars$J.justifyContent]: 'start',
+	      [vars$J.left]: insetCalc,
+	      [vars$J.bottom]: useVar$1(vars$J.offsetY),
+	    },
+	    'bottom-center': {
+	      [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$J.transform]: 'translateY(50%)',
+	      [vars$J.justifyContent]: 'end',
+	      [vars$J.right]: insetCalc,
+	      [vars$J.bottom]: useVar$1(vars$J.offsetY),
+	    },
+	  },
+	};
+
+	var attachment$1 = /*#__PURE__*/Object.freeze({
+	  __proto__: null,
+	  default: attachment
+	});
+
+	var onePasswordDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDI0djI0aC0yNHoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZD0ibTEgMWgyMnYyMmgtMjJ6Ii8+PC9jbGlwUGF0aD48bWFzayBpZD0iYyIgaGVpZ2h0PSIyMiIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgd2lkdGg9IjExNiIgeD0iMSIgeT0iMSI+PHBhdGggZD0ibTEgMWgxMTUuMDc3djIyaC0xMTUuMDc3eiIgZmlsbD0iI2ZmZiIvPjwvbWFzaz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSI+PGcgbWFzaz0idXJsKCNjKSI+PHBhdGggZD0ibTEyIDFjNi4wNzUgMCAxMSA0LjkyNDk1IDExIDExIDAgNi4wNzU0LTQuOTI1IDExLTExIDExLTYuMDc1MDUgMC0xMS00LjkyNDYtMTEtMTEgMC02LjA3NTA1IDQuOTI0OTUtMTEgMTEtMTF6bS0uODE4OSA0LjQ1NTUyYy0uNDQ0MiAwLS42NjY1LjAwMDM4LS44MzYzLjA4Njc3LS4xNDkyLjA3NjA4LS4yNzA5LjE5Nzc2LS4zNDY5Ny4zNDcwNi0uMDg2MzEuMTY5NjgtLjA4NjgxLjM5MjE2LS4wODY4MS44MzYyM3YyLjUxNzgxYzAgLjExMDkzLjAwMDA4LjE2Njg2LjAxNDEzLjIxODE1LjAxMjM1LjA0NTM1LjAzMjkxLjA4ODE3LjA2MDI0LjEyNjQxLjAzMTAxLjA0MzI0LjA3NDIxLjA3ODc4LjE2MDMxLjE0ODc2bC42MzcxLjUxNzI5Yy4xMDM4LjA4NDMuMTU1NS4xMjY5LjE3NDQuMTc3Ny4wMTY0LjA0NDQuMDE2NS4wOTM1IDAgLjEzOC0uMDE5LjA1MDYtLjA3MDguMDkyNi0uMTc0NC4xNzY4bC0uNjM3MS41MTczYy0uMDg2MS4wNjk5LS4xMjkzLjEwNTUtLjE2MDMxLjE0ODctLjAyNzMzLjAzODMtLjA0Nzg5LjA4MTEtLjA2MDI0LjEyNjQtLjAxNDA1LjA1MTMtLjAxNDEzLjEwNzItLjAxNDEzLjIxODJsLjAwMDA4IDUuNTE3M2MwIC40NDQ0LjAwMDI1LjY2NzQuMDg2NzMuODM3MS4wNzYwNy4xNDkxLjE5Nzg3LjI3MDIuMzQ2OTcuMzQ2Mi4xNjk4LjA4NjQuMzkyMS4wODY4LjgzNjMuMDg2OGgxLjYzNzhjLjQ0NDIgMCAuNjY2NS0uMDAwMy44MzYzLS4wODY4LjE0OTEtLjA3Ni4yNzA5LS4xOTcxLjM0Ny0uMzQ2Mi4wODY0LS4xNjk3LjA4NjgtLjM5MjcuMDg2OC0uODM3MXYtMi41MTc4YzAtLjExMDktLjAwMDEtLjE2NjktLjAxNDEtLjIxODEtLjAxMjQtLjA0NTQtLjAzMy0uMDg4Mi0uMDYwMy0uMTI2NS0uMDMxLS4wNDMyLS4wNzQyLS4wNzg3LS4xNjAzLS4xNDg3bC0uNjM3MS0uNTE3M2MtLjEwMzctLjA4NDItLjE1NjMtLjEyNjEtLjE3NTItLjE3NjgtLjAxNjUtLjA0NDUtLjAxNjUtLjA5NDMgMC0uMTM4OS4wMTg5LS4wNTA2LjA3MTUtLjA5MjUuMTc1Mi0uMTc2OGwuNjM3MS0uNTE3M2MuMDg2MS0uMDY5OS4xMjkzLS4xMDU1LjE2MDMtLjE0ODcuMDI3My0uMDM4My4wNDc5LS4wODExLjA2MDMtLjEyNjQuMDE0LS4wNTEzLjAxNDEtLjEwNzIuMDE0MS0uMjE4MnYtNS41MTczMmMwLS40NDQwNi0uMDAwNS0uNjY2NTUtLjA4NjgtLjgzNjIzLS4wNzYxLS4xNDkzLS4xOTc4LS4yNzA5OC0uMzQ3LS4zNDcwNi0uMTY5OC0uMDg2MzktLjM5MjEtLjA4Njc3LS44MzYzLS4wODY3N3oiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvZz48L3N2Zz4=";
+
+	var onePasswordLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDI0djI0aC0yNHoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZD0ibTEgMWgyMnYyMmgtMjJ6Ii8+PC9jbGlwUGF0aD48bWFzayBpZD0iYyIgaGVpZ2h0PSIyMiIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgd2lkdGg9IjExNiIgeD0iMSIgeT0iMSI+PHBhdGggZD0ibTEgMWgxMTUuMDc3djIyaC0xMTUuMDc3eiIgZmlsbD0iI2ZmZiIvPjwvbWFzaz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSI+PGcgbWFzaz0idXJsKCNjKSI+PHBhdGggZD0ibTEyIDFjNi4wNzUgMCAxMSA0LjkyNDk1IDExIDExIDAgNi4wNzU0LTQuOTI1IDExLTExIDExLTYuMDc1MDUgMC0xMS00LjkyNDYtMTEtMTEgMC02LjA3NTA1IDQuOTI0OTUtMTEgMTEtMTF6bS0uODE4OSA0LjQ1NTUyYy0uNDQ0MiAwLS42NjY1LjAwMDM4LS44MzYzLjA4Njc3LS4xNDkyLjA3NjA4LS4yNzA5LjE5Nzc2LS4zNDY5Ny4zNDcwNi0uMDg2MzEuMTY5NjgtLjA4NjgxLjM5MjE2LS4wODY4MS44MzYyM3YyLjUxNzgxYzAgLjExMDkzLjAwMDA4LjE2Njg2LjAxNDEzLjIxODE1LjAxMjM1LjA0NTM1LjAzMjkxLjA4ODE3LjA2MDI0LjEyNjQxLjAzMTAxLjA0MzI0LjA3NDIxLjA3ODc4LjE2MDMxLjE0ODc2bC42MzcxLjUxNzI5Yy4xMDM4LjA4NDMuMTU1NS4xMjY5LjE3NDQuMTc3Ny4wMTY0LjA0NDQuMDE2NS4wOTM1IDAgLjEzOC0uMDE5LjA1MDYtLjA3MDguMDkyNi0uMTc0NC4xNzY4bC0uNjM3MS41MTczYy0uMDg2MS4wNjk5LS4xMjkzLjEwNTUtLjE2MDMxLjE0ODctLjAyNzMzLjAzODMtLjA0Nzg5LjA4MTEtLjA2MDI0LjEyNjQtLjAxNDA1LjA1MTMtLjAxNDEzLjEwNzItLjAxNDEzLjIxODJsLjAwMDA4IDUuNTE3M2MwIC40NDQ0LjAwMDI1LjY2NzQuMDg2NzMuODM3MS4wNzYwNy4xNDkxLjE5Nzg3LjI3MDIuMzQ2OTcuMzQ2Mi4xNjk4LjA4NjQuMzkyMS4wODY4LjgzNjMuMDg2OGgxLjYzNzhjLjQ0NDIgMCAuNjY2NS0uMDAwMy44MzYzLS4wODY4LjE0OTEtLjA3Ni4yNzA5LS4xOTcxLjM0Ny0uMzQ2Mi4wODY0LS4xNjk3LjA4NjgtLjM5MjcuMDg2OC0uODM3MXYtMi41MTc4YzAtLjExMDktLjAwMDEtLjE2NjktLjAxNDEtLjIxODEtLjAxMjQtLjA0NTQtLjAzMy0uMDg4Mi0uMDYwMy0uMTI2NS0uMDMxLS4wNDMyLS4wNzQyLS4wNzg3LS4xNjAzLS4xNDg3bC0uNjM3MS0uNTE3M2MtLjEwMzctLjA4NDItLjE1NjMtLjEyNjEtLjE3NTItLjE3NjgtLjAxNjUtLjA0NDUtLjAxNjUtLjA5NDMgMC0uMTM4OS4wMTg5LS4wNTA2LjA3MTUtLjA5MjUuMTc1Mi0uMTc2OGwuNjM3MS0uNTE3M2MuMDg2MS0uMDY5OS4xMjkzLS4xMDU1LjE2MDMtLjE0ODcuMDI3My0uMDM4My4wNDc5LS4wODExLjA2MDMtLjEyNjQuMDE0LS4wNTEzLjAxNDEtLjEwNzIuMDE0MS0uMjE4MnYtNS41MTczMmMwLS40NDQwNi0uMDAwNS0uNjY2NTUtLjA4NjgtLjgzNjIzLS4wNzYxLS4xNDkzLS4xOTc4LS4yNzA5OC0uMzQ3LS4zNDcwNi0uMTY5OC0uMDg2MzktLjM5MjEtLjA4Njc3LS44MzYzLS4wODY3N3oiIGZpbGw9IiMwMDAiLz48L2c+PC9nPjwvZz48L3N2Zz4=";
+
+	var appleDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuMjY3MiA2LjA3NjkyYy45OTg0IDAgMi4yNS0uNjcxMzMgMi45OTUzLTEuNTY2NDMuNjc1LS44MTExOSAxLjE2NzItMS45NDQwNiAxLjE2NzItMy4wNzY5MiAwLS4xNTM4NS0uMDE0MS0uMzA3Ny0uMDQyMi0uNDMzNTctMS4xMTA5LjA0MTk2LTIuNDQ2OS43NDEyNi0zLjI0ODQgMS42NzgzMi0uNjMyOC43MTMyOS0xLjIwOTQgMS44MzIxNy0xLjIwOTQgMi45NzkwMiAwIC4xNjc4NC4wMjgxLjMzNTY3LjA0MjIuMzkxNjEuMDcwMy4wMTM5OS4xODI4LjAyNzk3LjI5NTMuMDI3OTd6bS0zLjUxNTY0IDE2LjkyMzA4YzEuMzY0MDQgMCAxLjk2ODc0LS45MDkxIDMuNjcwMzQtLjkwOTEgMS43Mjk3IDAgMi4xMDk0Ljg4MTEgMy42MjgxLjg4MTEgMS40OTA2IDAgMi40ODkxLTEuMzcwNiAzLjQzMTMtMi43MTMzIDEuMDU0Ni0xLjUzODQgMS40OTA2LTMuMDQ4OSAxLjUxODctMy4xMTg4LS4wOTg0LS4wMjgtMi45NTMxLTEuMTg4OS0yLjk1MzEtNC40NDc2IDAtMi44MjUxNyAyLjI1LTQuMDk3ODkgMi4zNzY1LTQuMTk1OC0xLjQ5MDYtMi4xMjU4Ny0zLjc1NDYtMi4xODE4MS00LjM3MzQtMi4xODE4MS0xLjY3MzQgMC0zLjAzNzUgMS4wMDY5OS0zLjg5NTMgMS4wMDY5OS0uOTI4MSAwLTIuMTUxNi0uOTUxMDUtMy42MDAwMS0uOTUxMDUtMi43NTYyNSAwLTUuNTU0NjkgMi4yNjU3My01LjU1NDY5IDYuNTQ1NDcgMCAyLjY1NzMgMS4wNDA2MyA1LjQ2ODUgMi4zMjAzMSA3LjI4NjcgMS4wOTY4OCAxLjUzODUgMi4wNTMxMyAyLjc5NzIgMy40MzEyNSAyLjc5NzJ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+";
+
+	var appleLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDI0djI0aC0yNHoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0ibTEyLjc1MjMgNi4wNzY5MmMuOTQzIDAgMi4xMjUtLjY3MTMzIDIuODI5LTEuNTY2NDMuNjM3NS0uODExMTkgMS4xMDIzLTEuOTQ0MDYgMS4xMDIzLTMuMDc2OTIgMC0uMTUzODUtLjAxMzMtLjMwNzctLjAzOTgtLjQzMzU3LTEuMDQ5My4wNDE5Ni0yLjMxMS43NDEyNi0zLjA2OCAxLjY3ODMyLS41OTc3LjcxMzI5LTEuMTQyMiAxLjgzMjE3LTEuMTQyMiAyLjk3OTAyIDAgLjE2Nzg0LjAyNjYuMzM1NjcuMDM5OC4zOTE2MS4wNjY0LjAxMzk5LjE3MjcuMDI3OTcuMjc4OS4wMjc5N3ptLTMuMzIwMjcgMTYuOTIzMDhjMS4yODgyNyAwIDEuODU5MzctLjkwOTEgMy40NjYzNy0uOTA5MSAxLjYzMzYgMCAxLjk5MjIuODgxMSAzLjQyNjYuODgxMSAxLjQwNzggMCAyLjM1MDgtMS4zNzA2IDMuMjQwNi0yLjcxMzMuOTk2MS0xLjUzODQgMS40MDc4LTMuMDQ4OSAxLjQzNDQtMy4xMTg4LS4wOTMtLjAyOC0yLjc4OTEtMS4xODg5LTIuNzg5MS00LjQ0NzYgMC0yLjgyNTE3IDIuMTI1LTQuMDk3ODkgMi4yNDQ2LTQuMTk1OC0xLjQwNzgtMi4xMjU4Ny0zLjU0NjEtMi4xODE4MS00LjEzMDUtMi4xODE4MS0xLjU4MDUgMC0yLjg2ODcgMS4wMDY5OS0zLjY3ODkgMS4wMDY5OS0uODc2NiAwLTIuMDMyLS45NTEwNS0zLjQwMDAxLS45NTEwNS0yLjYwMzEyIDAtNS4yNDYwOSAyLjI2NTczLTUuMjQ2MDkgNi41NDU0NyAwIDIuNjU3My45ODI4MSA1LjQ2ODUgMi4xOTE0MSA3LjI4NjcgMS4wMzU5MyAxLjUzODUgMS45MzkwNiAyLjc5NzIgMy4yNDA2MiAyLjc5NzJ6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==";
+
+	var bitwardenDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTguMyAxMi45MTcxdi05LjE2NjNoLTYuM3YxNi4yODUzYzEuMTE1OC0uNjAyIDIuMTE0My0xLjI1NTQgMi45OTU0LTEuOTYyNiAyLjIwMjYtMS43NTczIDMuMzA0Ni0zLjQ3NjEgMy4zMDQ2LTUuMTU2NHptMi43LTExLjAwMDU5djExLjAwMDU5YzAgLjgyMTYtLjE1NjUgMS42MzU0LS40NzA4IDIuNDQxNS0uMzE0My44MDc0LS43MDMxIDEuNTIyNC0xLjE2NzYgMi4xNDg4LS40NjQ2LjYyNTEtMS4wMTc0IDEuMjMzNS0xLjY1OTkgMS44MjY2LS42NDI1LjU5MTctMS4yMzQ1IDEuMDgzNC0xLjc3ODYgMS40NzQ5LS41NDQuMzkxNS0xLjExMDguNzYxMS0xLjcwMTUgMS4xMTAzLS41OTA4LjM0OTEtMS4wMDk4LjU4NTMtMS4yNTg1LjcwODUtLjI0ODcuMTI0Ni0uNDQ4MS4yMTk1LS41OTcuMjg2My0uMTEyNC4wNTc4LS4yMzQ4LjA4Ni0uMzY2MS4wODZzLS4yNTM3LS4wMjgyLS4zNjYxLS4wODZjLS4xNTAyLS4wNjY4LS4zNDk2LS4xNjE3LS41OTctLjI4NjMtLjI0ODctLjEyNDUtLjY2NzgtLjM2MDctMS4yNTg1MS0uNzA4NS0uNTkwNzQtLjM0NzktMS4xNTc1LS43MTg4LTEuNzAxNTQtMS4xMTAzcy0xLjEzNzMtLjg4MzItMS43Nzg1My0xLjQ3NDljLS42NDI1LS41OTE4LTEuMTk1MzgtMS4yMDAyLTEuNjU5ODktMS44MjY2LS40NjQ1Mi0uNjI1MS0uODUzMy0xLjM0MTQtMS4xNjc2MS0yLjE0ODgtLjMxNDMtLjgwNzQtLjQ3MDgyLTEuNjIxMi0uNDcwODItMi40NDE1di0xMS4wMDA1OWMwLS4yNDc3NC4wODk2Mi0uNDYzMzkuMjY3Ni0uNjQ0MzhzLjM4ODc4LS4yNzIxMy42MzI0LS4yNzIxM2gxNi4yYy4yNDM2IDAgLjQ1NDQuMDkxMTQuNjMyNC4yNzIxM3MuMjY3Ni4zOTY2NC4yNjc2LjY0NDM4eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==";
+
+	var bitwardenLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTguMyAxMi45MTcxdi05LjE2NjNoLTYuM3YxNi4yODUzYzEuMTE1OS0uNjAyIDIuMTE0My0xLjI1NTQgMi45OTU0LTEuOTYyNiAyLjIwMjYtMS43NTczIDMuMzA0Ni0zLjQ3NjEgMy4zMDQ2LTUuMTU2NHptMi43LTExLjAwMDU5djExLjAwMDU5YzAgLjgyMTYtLjE1NjUgMS42MzU0LS40NzA4IDIuNDQxNS0uMzE0My44MDc0LS43MDMxIDEuNTIyNC0xLjE2NzYgMi4xNDg4LS40NjQ1LjYyNTEtMS4wMTc0IDEuMjMzNS0xLjY1OTkgMS44MjY2LS42NDI1LjU5MTctMS4yMzQ1IDEuMDgzNC0xLjc3ODYgMS40NzQ5LS41NDQuMzkxNS0xLjExMDguNzYxMS0xLjcwMTUgMS4xMTAzLS41OTA3LjM0OTEtMS4wMDk4LjU4NTMtMS4yNTg1LjcwODUtLjI0ODcuMTI0Ni0uNDQ4MS4yMTk1LS41OTcuMjg2My0uMTEyNC4wNTc4LS4yMzQ4LjA4Ni0uMzY2MS4wODZzLS4yNTM3LS4wMjgyLS4zNjYxLS4wODZjLS4xNTAyLS4wNjY4LS4zNDk2LS4xNjE3LS41OTctLjI4NjMtLjI0ODctLjEyNDUtLjY2NzgtLjM2MDctMS4yNTg1LS43MDg1LS41OTA3NC0uMzQ3OS0xLjE1NzUtLjcxODgtMS43MDE1NC0xLjExMDNzLTEuMTM3MzEtLjg4MzItMS43Nzg1NC0xLjQ3NDljLS42NDI1LS41OTE4LTEuMTk1MzctMS4yMDAyLTEuNjU5ODktMS44MjY2LS40NjQ1Mi0uNjI1MS0uODUzMy0xLjM0MTQtMS4xNjc2LTIuMTQ4OC0uMzE0MzEtLjgwNzQtLjQ3MDgzLTEuNjIxMi0uNDcwODMtMi40NDE1di0xMS4wMDA1OWMwLS4yNDc3NC4wODk2Mi0uNDYzMzkuMjY3Ni0uNjQ0MzhzLjM4ODc4LS4yNzIxMy42MzI0LS4yNzIxM2gxNi4yYy4yNDM2IDAgLjQ1NDQuMDkxMTQuNjMyNC4yNzIxM3MuMjY3Ni4zOTY2NC4yNjc2LjY0NDM4eiIgZmlsbD0iIzE3NWRkYyIvPjwvc3ZnPg==";
+
+	var chromeDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdHRlcm4gaWQ9ImEiIGhlaWdodD0iMSIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIj48aW1hZ2UgaGVpZ2h0PSI2MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdHJhbnNmb3JtPSJzY2FsZSguMDE2NjY2NykiIHdpZHRoPSI2MCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFEd0FBQUE4Q0FZQUFBQTYvTmx5QUFBUUFFbEVRVlI0QWRSYUMzUlVWWlk5OTFWVlFoSkNRaElTdnVJUEJjU0lJSkFQU0FJb1BhSUx4UVU2cmZZUGJYODB0dFBUYTdSVmFMVmJaMFpueGo5K2x2L1BjblFVQmFGSEpBa0tHQlJwUWVRZkVBWHlnUVJESUFra1ZmVjY3L1BlcTFTRlJFS0kzWHJYM2ZlZXM4KzU5NTFkdCtyVnE0QWwzMU9yek01TzJqNW02Tml2eHd5N1pXZk9zSmVCbFYvbkR0djRkZTdaNVVEak4zbG5FK1hmNUdWdjNEWDJuSlc3OHJKZjJqVTJlL2FlY2NQekt5L01UdnFleXBJdUZieDc5T0QwSGFQT3VtN0g2S0ZMR3hPQ0J5d3h5MjJ4SDBMeFZ3TjV3QkNnRDlETkJlMGhZdHQ1WXVRYUVmT3diZHNyZ2czbXdPNXh3eitBK0d0MzVRNU5reTVzVmxmc3RXMzA0TndkbzRZdWFCS3JRb3o5dEJHWktHSjgwdm5HdFpPdy9CbWZQNjV5ei9ubnZsTTVkdVFZK0NmY1QwZ3doVzRmTldTaFpadVBSZXhMVUUwQTZOSnVpM0RQcVdFcnZLcjgvSE5YVkl3L3AvQkVMbUIxWnZGWHc0ZW5scDAzK0NrclRLRnljV2YyNk9TYWZGdXM0b3J4STk0b0x4aVowWms5amx2dzlwRkRwb1I4aHpmZ1lyOEcvbEY5dXBId2wrV0ZJNllkYndFZEZseFNVT0F2RzNubVBOeUUzc05GK2dMLzRHNnlqQzF2VlJhTWVOU2VQcDJmK1E3VjB5SEI2L0FWMDcrdWZMNHRja09IZHYyN0pwbFpsZFU3RnUzTHowL3V5R1dQS2Jncys3VE1SUCtSajBUTTMvT3pLc2ZUOEswd09SUjNwTGhpM0xtOWpyWHVPd1dYait5YkdQYjczc1VtSTRBZmVMZlBNMzdmNG1NOXRMUXIySjR1dm9QaDdxOUJaUTd3bytnNDZmTWtGUGUvTnU0MzdSWGNydUJ0WldjK2pnMm10cmZ3aDhyalJqWmxyKy9ndyszVjE2YmdiU05PeDBPRWZYMTdpMzd3dkcxdXFwb3crcksyNmp4SzhGZkRUMDROMjJaZVc4ay9KczRZKy9FRGszT1BlZzQvU25DekJCNkRzSDdBajd2YjB1ZHdNUGhJYXhFeGdrZThQaTJuSkR2dDlOWkpKK2czK2RJelB1a3g0NnBsbVE4OXZiSGZ1MHRyQml4YkhScndVV2xvUU5IaW12NExIdGpVNTltSkgvYitqNE9yZTkrelBaaDF6M2JKdXFkTXN1N2VKcGwzYjNVd2Q0djBtcnZad1p4TmtqRm5vMlRjdFVHUmZ0ZDZTYitEK0VMUzdsZ25hWDlZcStqNWg4OGw3ZmJQcjJyNklKQVRYWCtNWVB3SW1QUHM1TDU5bS8zbVNIUlNwMnhqRGlRV1RDb2E4UDZLZy8zZkt4blQ4OWJiQ3JxTnpoM3E2NVdaYnVMaWZlSkw4a20zL3VrbS9jSWh2alAvZTd3L2Y4Y29mMzVablVtZlVpSmk2Z0FSL0daVTRPNHBob09nUmMrMEFjWUlnUjBCVXRHTjJIZGg4bnJMNytHUnIwOGJnY2ZHbjRRc00rRDVTZjFLSXhtZE1BSURCcTRhc0doWlErYS9QelRSU2tsTjcvQVdjVmxwdnV6WEMvMTVaWWNrNGRSVkVpbmVGVUpSUklRWE5NWXdrYU1aRXdkaDVLS21wWUZSekNBc0RpNzRTdUFGRVZrMkxIWGsvdTZCdlM1L1BGT3d4NHlmdnRmdi94YVA4YVdsODhlOXJqMFN0S1ZvMHhHNTdhMDZ1ZXFaYjJYaWd6VUsycmUvWFNmRmlERkhrem5FWi9YMTU2ekxNZjFuZlFnM0pCUWpiQkJBbTZJSTJtMUIwemc0YTNBRHU0MFdvWUxQZm5WS1R3bkxSVFllbG5IS1lodEpmbURhZ0MxTU9BNEVNLzV0enFmcHY3dURqNkI2dGNQTnRqeFdYQy9ENzk0blAzdTJWbDR1YlpSbFc1cGtjMlZRUWZ1bGp4dmxHc1RPdmJ0YUhpK3BGNjd4cnVrYmRQOTQzeGtQZkNKaVhORzZyWWlLRkJFVkxXamsyNERHd2R2bVludTU5RVNpODVhT00vR1hRMmdjZnNTVDAybEhaa0wraHBPU05qbkVzY2VVZi81WmNmSzBLL0s4ekEzbFFTbDRvRWJ1WDN4STZocnhTbnFCZHVZRGpXRzViOUVoS2NTYVRSWEJTSmJwZDBPZTZYOWRrUWdLYndzVVJRZ2JjN3laTnNDWU1YSE5UWUZMR2RFVERvczlnNDZ3TGdEaTRkcldnNWYwRCtHMHdjRDlqdTRmTUxBMDdkYmJMdlJTK0JhOTlMSDlzbXMvRHNZak96aC9nelZUc2JaNGM4dDkwemZvdnk2UVJIeW1VYitvYUVHakV3VkhXQlFQTXlyWEdLTWFyYUZ2VE8rT3g3RkNpcVZRZ2piUjBNMDNiTkdJOUkrNXRGMFlVOWZ2NlpkUDh1SWJjYkxYdjN4QUdwcU8rVHA1UzQ2YTY0L1ljZ1AyaURwcDR4Lysva0F4VnAwWWlDUUVzNjVzTlROR2FKd3hGN2FaYUMrVVJDc2hHQnlPMHZ6UlFya1BPUHd4MFpaWHgvVTY5VWpBMUpOckMwbUZGM3lHNzFsOVVPSG43MWN2MUo2UVdPOGFGRDBUZTBWdVp2RlpmVXphUDYwV1QwaGJvcnlZb0drY2M0UXpnV0JDd2psV3lMWkg2b2VXQ2hIbjVJaW5KUkl5cHM5akYvYkJoUkE4dWpkbDNEYjNISTkrWm5sRHA5N0czdnJXODljMUlYa1dlM3E4Yi9ERDJiQ2JSVVdJQ0VYeEFJVkRHOUE0ZVVFellwdndTTXVJR1NIUWhvNEpvM09yUm9LK0RJSy9FMHZwb09ReGxTbHh1NVdNR253WnZkYjRVbnZxOXl4UDRnbmNaYVBDWFdJK1Z0d2dUZmhhMDgwQ21iMGswT3V2MGxxZ0NoTTBBN0J6am9MR0RlN1F2aEVXRkowZU9WSG9GVFJPRklvWVBPMEpmNTdhZDVkYVVVUDNTWk1QZSs3eXJVMGR1aHQ3K1IyZGVmZGVVZFlVU1RkWmw3b2ZyeWhCM2d2Z0NoUDFCWTA1bUZ3Zk4rQkJWamhzcCtGb3lTcDR3RkZDMVNSWDNqTXVkODBwM2RkcWtqc2tqQ3ZJZEUwcGlycXJlbHhYelVXYldnUmJhWk16aGNJa1ZveEUrNUU0YzJMUTAwSmVxcUJGVGpWS1BZVzZiMnhraUR3NHVYZTNzREZoZFRERW56YW9OeWJ0TzZ1UC95dElGM1pnMkZrZDliMmNOQ3hMVUxSUUZDRXhna1RVRnhIR0dCSU9FVUN3U0dxcnQ2OTdxdm9TaURhWUZJKzc5ZURYYzlKV0tvZkJTazZKL0tXd3FpN3lPaURTdGIweWV1OUFXZzlSRVlJR0llaENjYUtHdzBYYmpER2tuRUF3bFNDTm5hYUs5MDdaRmFxZmNYTHczem8zZFVoRG5GWEgvR2dZM1RTYTZUbzdkbXNVb2NXVGpRSk41WGxkT3EzZ0ZHaGJDTmM2UW1GUmxEc3BSNXNjcndHZ0MzNU5aZnpuNUN6Y0tVWENkUWNpd3JPU3VaVXU2UEtoZDByVTNzMzczV3UyRWtTeEZFWFExaXFZUThPZExhdldnckJhb1NnRkxLaENSeFpId09sZVZCUFducFNZdHpNdDdxc2oyN1pVSVZIN3lSbCtuYitQNGVUMGxyM3QrZzJWUWxHRVhzd1ZJMUV6WTRSeTVGM1laajllT3Z0YlhVZGhBQlRCaGNGT3dGUE9kaHlNRkI5MzcwVjlxaHMrV2hZUlBHa0lmbnRvYnRjUGs0YkdSellOMXl6Rk5WMEJGRVcwRnFiWnlFR1htTGlweGZldzJlWm9jYVZFVFcwSUJZVUVMS2hPOW8xNis4QzZRK0syL0VGeGtwS0ExOC8xdTJwS1RiUWs3N1JBWkR1N2VtSHNUWXVSV0ZGZ1RDem9paEdrYmJYRUNENlBGSUdjbHNrVkJnNGROSHdhYXZHRTlVNCs3NVQ2czQ3VVZsY2pJdkYrSXpkUFNLVFpwZmpOaENTSnc5NjZhZlBldmRLOEgvOEtZdUMyZ3JvY0VJSW9hUTJveFY5alA4ZWpaWGdORlZBS29jcHdnb0pHbjFCMVRISTV4N1NseVpMVDdpMmR0d2EwOXBsakUrV2tOSi9hWFRFTVRQZkpMOGNtUkxZS2JmM2RlakhHTDZxTFF4dUFNQ0YwRmVNMG5Oa1lzOFpxUHBTd0ZvOWMrR2FITkFybGhCeE0wSTZSbk91cjZReGduUEQ4OGxWanFodjI3eUhSTFdEa3habXBrdHpOdVFDNXppSXAzc2h6djBqVmR3NzNDQjZ1Mkczdkx4NGx3cjBCUXdnYVpveWl2S0RSQnpTT1dYbWRtLzFIQWw5WUcyOSs4NUNFN1JLZUd1UnhjcFRZOUdCaUN6V2RBUjQ0aE5SRnRtMkhVNjljOEMvbENJQVZPU1BMTDA5Y25TSXNHRnluT3RjK2RVMnFETzdqOTliYmUvNTZ6VFlSNDM1K1ZZQUl4VkFZNXhnSUduTTRjVllVbWNsVjlSWW9sdjJHVnF1T1kzRWtFQVNybHBxT1VGRHFPZUwzSEt3YTlhZVZUN3hQbHBnd09GN2VuWlVtZkV2U1B4NXd6UUtzTFJ6Y2N0ZC84N09IRi9ZSmJSMG5La3JRS0FDVDUxTTBvVDVqclFEWEZ2TUdWNmpna0M5K1BqNm56UUE1UjRvTlU5VzV6MW5xZzlNb09QZ2FKZ1h1MVEwTExuaHR3OElWNm1JWWd0TXArWDI2M0RHbGU0ZnUzcW00Rzk5NWNYZmhtcWlUbGVmWHZiMmllOVZUL1h4Ry9NWVlNY1pnOTdaQUdqeTZDSWNZTkFmaTR2blB2dmlKS0NLYmZ6Ni9CalV2aGdaSHN5cWg1NXdnWXNpaWY3UlFMbUE2b3I1N1ZqNmVlK2RILzhPTjRZcCsvbTRxVEpLMWN6UGs1V3RUNWVkNWljS1RHOXpiTHdUdFgrUW55aXZYOXBUUDUyVElqUVZKdWdZWFk3Zm5mUGpJMHBjK2ZjUi9ZVXI5U0ZFUmdtYUVtbzB4YW91ME1UTkdXbU9DWnQ0emVidjN3M0FFMDhCZjYrNUY4U2dVSFlTS1VKTUR3QTRnaEE0RENlak9hd0VHYS9ucStON2M5UDlUQzErN1prM0ZvWDE2STJPSVh5dDhtOTgzTFZuRkZmMXJ1aEFVK3VmTGt2VkZZQTV6aVgwTiszY1Z2blQxcWxmWHYzditrNmRVNE8vYnJQNW9VSmUwaUJLblJlVnBBdjdTWVp2N25aaTBDTjU4M2FJMVdMc0VVclIySjRFZWRRQU9nUkdjMDJHN0hjcEJSY1NYMTFXZFYvREtWZDF2L012Y0Qyb2FhenY4Qi8zcWh0cXE2eGJkOFVIT2M5TjdmRk5Ya1RzaHBiSDA5SVNtZ2FLRjgxb0dReXlNTVFpYlZqeGNJYWZ6WCtJS0tpTi9vdExQTUdraUhMTHVjYXAyeW9lT1dQRWcwSjBVTGxBSGIzUGFoQzV6ZkpncFJUdExMOGg5WVViUG5PZW5sLzV4K2FOTGwrLzY3SXU5OVRWN204UEJScUtxdm5ydmgxK3ZYamRuMmNORm81KzlmRlhPYzVlbkYzKzE2Z0pzbFlJSGhLb0hCKzV0ZWNpQU1DRVFGSW1JRWFjWk1jYUJpQkdKaG1YdWs2Z1dJM2p6cnhkOWpQVFhxSWhhbkR5VURnZWR0RXU1SER4WXp2RXpBUmt0UG9McTJ3R2NjdTZyNnhkTSt0WEMyN1B6WDd3aWM4aThueVFRK1M5Y21Ubnp2ZHZQZWUzTEJST1JrNE8xenZjUWpGdDZmMXZXM1dmajl6WXFpaFlBWVJMdFIyeEJNNkpoTVdyYllsNEpqQ3VQM0VoQnRyeWw2UkJ4L3ZpYmJSRjgvakJTQkNjR0NQVWpKM2lVVUlhaEVabFlCS1BGQjZVKzFqSkVsMENDVGRBbUdJT2Y0QXR0dXI3M29WeHhDeGR0RkVFRE03cW9NalZBeHM3R0dJWXJBbjV6QzRJeFBlYUVHVm43eTNkcXhRcmZpUHJZRmVTOTl6WnJjbnlPRUlCSnVjamdjdW9qcUR1QWkvZ09GeU5VS2VRZ0YybjJJeWZYQlBHV3RsaTFRZ3d5Mm9CU0hCRFdIRzlXN21idnpreldnK1VaMGZQbWE1Y3N4T1BtazhyaEZhZFlGSUp5d0tnUktjNDlaZkNJdWlHSEkwVU9KTGRRbHdNY2RGb09OTTc5SFBmMCtHRHArTlNtc3gxUEN4ZkJpWW1hSE5xQXhxTjUrM0gvdU4zenBZM1dwbURtYlVudE1RdEMzMFU5S0J1TUdqcEUrZURoc1Z3VndUQXBjaURRMWRNQlRzeXBNcGNjY3AwNFJsc2FuaDVVYzdLb3VtZ0JyazFod2thLzlReU9jV010OGdWMy9aYlJ0dEN1WUpueFp1aWdpZjhwNmxrRjRWaExXVGc4TFJRdUF2QzhFQWtBT1JUQkhIamExUWV2RGdiR3lHRTlUVXpjUmdPWHBEV3VIdEF0M0ZmMU9nTjRDRkhiblZXVWEwZnp5QlF4bi9ucUc2NHdoUktVdGhxNDlnVWpXSDc5d29hUXlGUVV0Z1p3QzBNQVZkSkgzWFJjUUJSSjEyTnl6SW1TeHdKa1lUVWRRUE1keG9jYjVYMm4xSTBSVDRTQktFSjlRWU9QVVR5Zk1VSjl4c3hxWDloM0VYOGd5SGUwN3hUTWRkdHZYTEkzNFpBWmp5b1hxZ2dZcUpzbXd3QUtCb0VPMisxdzBGMEhFNFRGaUllUGJkQ3hGbUVZY3VmQWc3dTZXZEtOcnJTSWdBa3hzY0pFSW5FUlljekkrejRKVERUbmwrMlRZN1JqQ3ViNkwzNi9wTDdmM3VacHFITWVpeU5IeFNvQ3BPTmpoRXJsWUdwbmpKeTNTSDFkQ1FZT09neEo5ZHZycnM0Nm5DTmlSQ0lRTlBxWXlLbko0U2c4NnR1emZZb1p1K1VnTTQ4RjYxZ0pYbnpaSDVjRnkyNWFlbFBZRGsxQnlYdWd3d3RoeGttQllQMXduSzQrZU1mREVocjAzYXpJWkllZlBLTXVUanhSUERIYWJZRXg2dFdZVklreDAvejUyMmFiR1lKUG5uU29kVml3MWordHlnQUFBWGxKUkVGVXQ5dU9XU1dMZzAyaFlmQ2ZCaUFFSXR6aVczeHc2bUJnTEZxOCt1Qnh0TXdhbmhSYWVWNXljSWdJbGJqUWlZT2djVzRGWTczcDgxdG4rZk8ydHZuVmcwWHQ5dU1XekoxMjNycXNkdnVzb3V0UlJoN3E1LytRWisyT2VDWVFDRUFUdWhPQ2dUZ0RuTUFoYm13NStNU1poNFpLdE5ob1cwOFVWeEUyem1hbEhiWW4rUE0yelRCak50ZVFQVjUwU3JCM2tiSlpSYVU3ZmxOOFNUaGs0ekZRM29HR3BoWmhFRVVISkNldVVRYW43ZmxYWmpaOW5oVm5wd3VGTVVFb2lnYm5DSnBBencrTGpQSG5iUndiR0x1bGhCbWR4UWtKOWk2Njg3Y2xuK3lZWFh4WnlOL2NHN1hQdENXOEJBVUdQV0VDd3diWXZUVUJ5LzVxN2ltSDhVSzV3ckJRQ0ZHZmE1Y2dmNll2YUhyN2N6ZE9pOHZiK0ttMzlrVG1MaEhzRmZETlRTdSszVEc3NUxtZHQzdzR1YmxiY29wdDIzbGhZOC9HMzROZlJQSDgxYklCNHN2Qk4vN3AxTU1WQVV2MkdUSGdaSVhZNWtXOHhXZmJsaS9QWnlmMThPZXRuK3pQKy9JNU0yNjk4eThqM2tWT2NQNGJBQUFBLy84VlBrSVlBQUFBQmtsRVFWUURBRlF5QS9VekdKYzFBQUFBQUVsRlRrU3VRbUNDIi8+PC9wYXR0ZXJuPjxwYXRoIGQ9Im0yIDJoMjB2MjBoLTIweiIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==";
+
+	var chromeLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdHRlcm4gaWQ9ImEiIGhlaWdodD0iMSIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIj48aW1hZ2UgaGVpZ2h0PSI2MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdHJhbnNmb3JtPSJzY2FsZSguMDE2NjY2NykiIHdpZHRoPSI2MCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFEd0FBQUE4Q0FZQUFBQTYvTmx5QUFBUUFFbEVRVlI0QWRSYUMzUlVWWlk5OTFWVlFoSkNRaElTdnVJUEJjU0lJSkFQU0FJb1BhSUx4UVU2cmZZUGJYODB0dFBUYTdSVmFMVmJaMFpueGo5K2x2L1BjblFVQmFGSEpBa0tHQlJwUWVRZkVBWHlnUVJESUFra1ZmVjY3L1BlcTFTRlJFS0kzWHJYM2ZlZXM4KzU5NTFkdCtyVnE0QWwzMU9yek01TzJqNW02Tml2eHd5N1pXZk9zSmVCbFYvbkR0djRkZTdaNVVEak4zbG5FK1hmNUdWdjNEWDJuSlc3OHJKZjJqVTJlL2FlY2NQekt5L01UdnFleXBJdUZieDc5T0QwSGFQT3VtN0g2S0ZMR3hPQ0J5d3h5MjJ4SDBMeFZ3TjV3QkNnRDlETkJlMGhZdHQ1WXVRYUVmT3diZHNyZ2czbXdPNXh3eitBK0d0MzVRNU5reTVzVmxmc3RXMzA0TndkbzRZdWFCS3JRb3o5dEJHWktHSjgwdm5HdFpPdy9CbWZQNjV5ei9ubnZsTTVkdVFZK0NmY1QwZ3doVzRmTldTaFpadVBSZXhMVUUwQTZOSnVpM0RQcVdFcnZLcjgvSE5YVkl3L3AvQkVMbUIxWnZGWHc0ZW5scDAzK0NrclRLRnljV2YyNk9TYWZGdXM0b3J4STk0b0x4aVowWms5amx2dzlwRkRwb1I4aHpmZ1lyOEcvbEY5dXBId2wrV0ZJNllkYndFZEZseFNVT0F2RzNubVBOeUUzc05GK2dMLzRHNnlqQzF2VlJhTWVOU2VQcDJmK1E3VjB5SEI2L0FWMDcrdWZMNHRja09IZHYyN0pwbFpsZFU3RnUzTHowL3V5R1dQS2Jncys3VE1SUCtSajBUTTMvT3pLc2ZUOEswd09SUjNwTGhpM0xtOWpyWHVPd1dYait5YkdQYjczc1VtSTRBZmVMZlBNMzdmNG1NOXRMUXIySjR1dm9QaDdxOUJaUTd3bytnNDZmTWtGUGUvTnU0MzdSWGNydUJ0WldjK2pnMm10cmZ3aDhyalJqWmxyKy9ndyszVjE2YmdiU05PeDBPRWZYMTdpMzd3dkcxdXFwb3crcksyNmp4SzhGZkRUMDROMjJaZVc4ay9KczRZKy9FRGszT1BlZzQvU25DekJCNkRzSDdBajd2YjB1ZHdNUGhJYXhFeGdrZThQaTJuSkR2dDlOWkpKK2czK2RJelB1a3g0NnBsbVE4OXZiSGZ1MHRyQml4YkhScndVV2xvUU5IaW12NExIdGpVNTltSkgvYitqNE9yZTkrelBaaDF6M2JKdXFkTXN1N2VKcGwzYjNVd2Q0djBtcnZad1p4TmtqRm5vMlRjdFVHUmZ0ZDZTYitEK0VMUzdsZ25hWDlZcStqNWg4OGw3ZmJQcjJyNklKQVRYWCtNWVB3SW1QUHM1TDU5bS8zbVNIUlNwMnhqRGlRV1RDb2E4UDZLZy8zZkt4blQ4OWJiQ3JxTnpoM3E2NVdaYnVMaWZlSkw4a20zL3VrbS9jSWh2alAvZTd3L2Y4Y29mMzVablVtZlVpSmk2Z0FSL0daVTRPNHBob09nUmMrMEFjWUlnUjBCVXRHTjJIZGg4bnJMNytHUnIwOGJnY2ZHbjRRc00rRDVTZjFLSXhtZE1BSURCcTRhc0doWlErYS9QelRSU2tsTjcvQVdjVmxwdnV6WEMvMTVaWWNrNGRSVkVpbmVGVUpSUklRWE5NWXdrYU1aRXdkaDVLS21wWUZSekNBc0RpNzRTdUFGRVZrMkxIWGsvdTZCdlM1L1BGT3d4NHlmdnRmdi94YVA4YVdsODhlOXJqMFN0S1ZvMHhHNTdhMDZ1ZXFaYjJYaWd6VUsycmUvWFNmRmlERkhrem5FWi9YMTU2ekxNZjFuZlFnM0pCUWpiQkJBbTZJSTJtMUIwemc0YTNBRHU0MFdvWUxQZm5WS1R3bkxSVFllbG5IS1lodEpmbURhZ0MxTU9BNEVNLzV0enFmcHY3dURqNkI2dGNQTnRqeFdYQy9ENzk0blAzdTJWbDR1YlpSbFc1cGtjMlZRUWZ1bGp4dmxHc1RPdmJ0YUhpK3BGNjd4cnVrYmRQOTQzeGtQZkNKaVhORzZyWWlLRkJFVkxXamsyNERHd2R2bVludTU5RVNpODVhT00vR1hRMmdjZnNTVDAybEhaa0wraHBPU05qbkVzY2VVZi81WmNmSzBLL0s4ekEzbFFTbDRvRWJ1WDN4STZocnhTbnFCZHVZRGpXRzViOUVoS2NTYVRSWEJTSmJwZDBPZTZYOWRrUWdLYndzVVJRZ2JjN3laTnNDWU1YSE5UWUZMR2RFVERvczlnNDZ3TGdEaTRkcldnNWYwRCtHMHdjRDlqdTRmTUxBMDdkYmJMdlJTK0JhOTlMSDlzbXMvRHNZak96aC9nelZUc2JaNGM4dDkwemZvdnk2UVJIeW1VYitvYUVHakV3VkhXQlFQTXlyWEdLTWFyYUZ2VE8rT3g3RkNpcVZRZ2piUjBNMDNiTkdJOUkrNXRGMFlVOWZ2NlpkUDh1SWJjYkxYdjN4QUdwcU8rVHA1UzQ2YTY0L1ljZ1AyaURwcDR4Lysva0F4VnAwWWlDUUVzNjVzTlROR2FKd3hGN2FaYUMrVVJDc2hHQnlPMHZ6UlFya1BPUHd4MFpaWHgvVTY5VWpBMUpOckMwbUZGM3lHNzFsOVVPSG43MWN2MUo2UVdPOGFGRDBUZTBWdVp2RlpmVXphUDYwV1QwaGJvcnlZb0drY2M0UXpnV0JDd2psV3lMWkg2b2VXQ2hIbjVJaW5KUkl5cHM5akYvYkJoUkE4dWpkbDNEYjNISTkrWm5sRHA5N0czdnJXODljMUlYa1dlM3E4Yi9ERDJiQ2JSVVdJQ0VYeEFJVkRHOUE0ZVVFellwdndTTXVJR1NIUWhvNEpvM09yUm9LK0RJSy9FMHZwb09ReGxTbHh1NVdNR253WnZkYjRVbnZxOXl4UDRnbmNaYVBDWFdJK1Z0d2dUZmhhMDgwQ21iMGswT3V2MGxxZ0NoTTBBN0J6am9MR0RlN1F2aEVXRkowZU9WSG9GVFJPRklvWVBPMEpmNTdhZDVkYVVVUDNTWk1QZSs3eXJVMGR1aHQ3K1IyZGVmZGVVZFlVU1RkWmw3b2ZyeWhCM2d2Z0NoUDFCWTA1bUZ3Zk4rQkJWamhzcCtGb3lTcDR3RkZDMVNSWDNqTXVkODBwM2RkcWtqc2tqQ3ZJZEUwcGlycXJlbHhYelVXYldnUmJhWk16aGNJa1ZveEUrNUU0YzJMUTAwSmVxcUJGVGpWS1BZVzZiMnhraUR3NHVYZTNzREZoZFRERW56YW9OeWJ0TzZ1UC95dElGM1pnMkZrZDliMmNOQ3hMVUxSUUZDRXhna1RVRnhIR0dCSU9FVUN3U0dxcnQ2OTdxdm9TaURhWUZJKzc5ZURYYzlKV0tvZkJTazZKL0tXd3FpN3lPaURTdGIweWV1OUFXZzlSRVlJR0llaENjYUtHdzBYYmpER2tuRUF3bFNDTm5hYUs5MDdaRmFxZmNYTHczem8zZFVoRG5GWEgvR2dZM1RTYTZUbzdkbXNVb2NXVGpRSk41WGxkT3EzZ0ZHaGJDTmM2UW1GUmxEc3BSNXNjcndHZ0MzNU5aZnpuNUN6Y0tVWENkUWNpd3JPU3VaVXU2UEtoZDByVTNzMzczV3UyRWtTeEZFWFExaXFZUThPZExhdldnckJhb1NnRkxLaENSeFpId09sZVZCUFducFNZdHpNdDdxc2oyN1pVSVZIN3lSbCtuYitQNGVUMGxyM3QrZzJWUWxHRVhzd1ZJMUV6WTRSeTVGM1laajllT3Z0YlhVZGhBQlRCaGNGT3dGUE9kaHlNRkI5MzcwVjlxaHMrV2hZUlBHa0lmbnRvYnRjUGs0YkdSellOMXl6Rk5WMEJGRVcwRnFiWnlFR1htTGlweGZldzJlWm9jYVZFVFcwSUJZVUVMS2hPOW8xNis4QzZRK0syL0VGeGtwS0ExOC8xdTJwS1RiUWs3N1JBWkR1N2VtSHNUWXVSV0ZGZ1RDem9paEdrYmJYRUNENlBGSUdjbHNrVkJnNGROSHdhYXZHRTlVNCs3NVQ2czQ3VVZsY2pJdkYrSXpkUFNLVFpwZmpOaENTSnc5NjZhZlBldmRLOEgvOEtZdUMyZ3JvY0VJSW9hUTJveFY5alA4ZWpaWGdORlZBS29jcHdnb0pHbjFCMVRISTV4N1NseVpMVDdpMmR0d2EwOXBsakUrV2tOSi9hWFRFTVRQZkpMOGNtUkxZS2JmM2RlakhHTDZxTFF4dUFNQ0YwRmVNMG5Oa1lzOFpxUHBTd0ZvOWMrR2FITkFybGhCeE0wSTZSbk91cjZReGduUEQ4OGxWanFodjI3eUhSTFdEa3habXBrdHpOdVFDNXppSXAzc2h6djBqVmR3NzNDQjZ1Mkczdkx4NGx3cjBCUXdnYVpveWl2S0RSQnpTT1dYbWRtLzFIQWw5WUcyOSs4NUNFN1JLZUd1UnhjcFRZOUdCaUN6V2RBUjQ0aE5SRnRtMkhVNjljOEMvbENJQVZPU1BMTDA5Y25TSXNHRnluT3RjK2RVMnFETzdqOTliYmUvNTZ6VFlSNDM1K1ZZQUl4VkFZNXhnSUduTTRjVllVbWNsVjlSWW9sdjJHVnF1T1kzRWtFQVNybHBxT1VGRHFPZUwzSEt3YTlhZVZUN3hQbHBnd09GN2VuWlVtZkV2U1B4NXd6UUtzTFJ6Y2N0ZC84N09IRi9ZSmJSMG5La3JRS0FDVDUxTTBvVDVqclFEWEZ2TUdWNmpna0M5K1BqNm56UUE1UjRvTlU5VzV6MW5xZzlNb09QZ2FKZ1h1MVEwTExuaHR3OElWNm1JWWd0TXArWDI2M0RHbGU0ZnUzcW00Rzk5NWNYZmhtcWlUbGVmWHZiMmllOVZUL1h4Ry9NWVlNY1pnOTdaQUdqeTZDSWNZTkFmaTR2blB2dmlKS0NLYmZ6Ni9CalV2aGdaSHN5cWg1NXdnWXNpaWY3UlFMbUE2b3I1N1ZqNmVlK2RILzhPTjRZcCsvbTRxVEpLMWN6UGs1V3RUNWVkNWljS1RHOXpiTHdUdFgrUW55aXZYOXBUUDUyVElqUVZKdWdZWFk3Zm5mUGpJMHBjK2ZjUi9ZVXI5U0ZFUmdtYUVtbzB4YW91ME1UTkdXbU9DWnQ0emVidjN3M0FFMDhCZjYrNUY4U2dVSFlTS1VKTUR3QTRnaEE0RENlak9hd0VHYS9ucStON2M5UDlUQzErN1prM0ZvWDE2STJPSVh5dDhtOTgzTFZuRkZmMXJ1aEFVK3VmTGt2VkZZQTV6aVgwTiszY1Z2blQxcWxmWHYzditrNmRVNE8vYnJQNW9VSmUwaUJLblJlVnBBdjdTWVp2N25aaTBDTjU4M2FJMVdMc0VVclIySjRFZWRRQU9nUkdjMDJHN0hjcEJSY1NYMTFXZFYvREtWZDF2L012Y0Qyb2FhenY4Qi8zcWh0cXE2eGJkOFVIT2M5TjdmRk5Ya1RzaHBiSDA5SVNtZ2FLRjgxb0dReXlNTVFpYlZqeGNJYWZ6WCtJS0tpTi9vdExQTUdraUhMTHVjYXAyeW9lT1dQRWcwSjBVTGxBSGIzUGFoQzV6ZkpncFJUdExMOGg5WVViUG5PZW5sLzV4K2FOTGwrLzY3SXU5OVRWN204UEJScUtxdm5ydmgxK3ZYamRuMmNORm81KzlmRlhPYzVlbkYzKzE2Z0pzbFlJSGhLb0hCKzV0ZWNpQU1DRVFGSW1JRWFjWk1jYUJpQkdKaG1YdWs2Z1dJM2p6cnhkOWpQVFhxSWhhbkR5VURnZWR0RXU1SER4WXp2RXpBUmt0UG9McTJ3R2NjdTZyNnhkTSt0WEMyN1B6WDd3aWM4aThueVFRK1M5Y21Ubnp2ZHZQZWUzTEJST1JrNE8xenZjUWpGdDZmMXZXM1dmajl6WXFpaFlBWVJMdFIyeEJNNkpoTVdyYllsNEpqQ3VQM0VoQnRyeWw2UkJ4L3ZpYmJSRjgvakJTQkNjR0NQVWpKM2lVVUlhaEVabFlCS1BGQjZVKzFqSkVsMENDVGRBbUdJT2Y0QXR0dXI3M29WeHhDeGR0RkVFRE03cW9NalZBeHM3R0dJWXJBbjV6QzRJeFBlYUVHVm43eTNkcXhRcmZpUHJZRmVTOTl6WnJjbnlPRUlCSnVjamdjdW9qcUR1QWkvZ09GeU5VS2VRZ0YybjJJeWZYQlBHV3RsaTFRZ3d5Mm9CU0hCRFdIRzlXN21idnpreldnK1VaMGZQbWE1Y3N4T1BtazhyaEZhZFlGSUp5d0tnUktjNDlaZkNJdWlHSEkwVU9KTGRRbHdNY2RGb09OTTc5SFBmMCtHRHArTlNtc3gxUEN4ZkJpWW1hSE5xQXhxTjUrM0gvdU4zenBZM1dwbURtYlVudE1RdEMzMFU5S0J1TUdqcEUrZURoc1Z3VndUQXBjaURRMWRNQlRzeXBNcGNjY3AwNFJsc2FuaDVVYzdLb3VtZ0JyazFod2thLzlReU9jV010OGdWMy9aYlJ0dEN1WUpueFp1aWdpZjhwNmxrRjRWaExXVGc4TFJRdUF2QzhFQWtBT1JUQkhIamExUWV2RGdiR3lHRTlUVXpjUmdPWHBEV3VIdEF0M0ZmMU9nTjRDRkhiblZXVWEwZnp5QlF4bi9ucUc2NHdoUktVdGhxNDlnVWpXSDc5d29hUXlGUVV0Z1p3QzBNQVZkSkgzWFJjUUJSSjEyTnl6SW1TeHdKa1lUVWRRUE1keG9jYjVYMm4xSTBSVDRTQktFSjlRWU9QVVR5Zk1VSjl4c3hxWDloM0VYOGd5SGUwN3hUTWRkdHZYTEkzNFpBWmp5b1hxZ2dZcUpzbXd3QUtCb0VPMisxdzBGMEhFNFRGaUllUGJkQ3hGbUVZY3VmQWc3dTZXZEtOcnJTSWdBa3hzY0pFSW5FUlljekkrejRKVERUbmwrMlRZN1JqQ3ViNkwzNi9wTDdmM3VacHFITWVpeU5IeFNvQ3BPTmpoRXJsWUdwbmpKeTNTSDFkQ1FZT09neEo5ZHZycnM0Nm5DTmlSQ0lRTlBxWXlLbko0U2c4NnR1emZZb1p1K1VnTTQ4RjYxZ0pYbnpaSDVjRnkyNWFlbFBZRGsxQnlYdWd3d3RoeGttQllQMXduSzQrZU1mREVocjAzYXpJWkllZlBLTXVUanhSUERIYWJZRXg2dFdZVklreDAvejUyMmFiR1lKUG5uU29kVml3MWordHlnQUFBWGxKUkVGVXQ5dU9XU1dMZzAyaFlmQ2ZCaUFFSXR6aVczeHc2bUJnTEZxOCt1Qnh0TXdhbmhSYWVWNXljSWdJbGJqUWlZT2djVzRGWTczcDgxdG4rZk8ydHZuVmcwWHQ5dU1XekoxMjNycXNkdnVzb3V0UlJoN3E1LytRWisyT2VDWVFDRUFUdWhPQ2dUZ0RuTUFoYm13NStNU1poNFpLdE5ob1cwOFVWeEUyem1hbEhiWW4rUE0yelRCak50ZVFQVjUwU3JCM2tiSlpSYVU3ZmxOOFNUaGs0ekZRM29HR3BoWmhFRVVISkNldVVRYW43ZmxYWmpaOW5oVm5wd3VGTVVFb2lnYm5DSnBBencrTGpQSG5iUndiR0x1bGhCbWR4UWtKOWk2Njg3Y2xuK3lZWFh4WnlOL2NHN1hQdENXOEJBVUdQV0VDd3diWXZUVUJ5LzVxN2ltSDhVSzV3ckJRQ0ZHZmE1Y2dmNll2YUhyN2N6ZE9pOHZiK0ttMzlrVG1MaEhzRmZETlRTdSszVEc3NUxtZHQzdzR1YmxiY29wdDIzbGhZOC9HMzROZlJQSDgxYklCNHN2Qk4vN3AxTU1WQVV2MkdUSGdaSVhZNWtXOHhXZmJsaS9QWnlmMThPZXRuK3pQKy9JNU0yNjk4eThqM2tWT2NQNGJBQUFBLy84VlBrSVlBQUFBQmtsRVFWUURBRlF5QS9VekdKYzFBQUFBQUVsRlRrU3VRbUNDIi8+PC9wYXR0ZXJuPjxwYXRoIGQ9Im0yIDJoMjB2MjBoLTIweiIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==";
+
+	var dashlaneDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtNCAxaDE2djIyaC0xNnoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0ibTIwIDguMDY5NDVjMC0uMTQ2NjctLjE0MzktLjI2NC0uMzE2NS0uMzIyNjdsLTIuMjQ0Ny0uODUwNjZjLS4zNzQxLS4xNzYtLjgwNTcuMDI5MzMtLjgwNTcuMjkzMzN2OS42MjEzNWMwIC4xNDY2LjE0MzkuMjkzMy4yNTkuMzUybDIuMzAyMS44NTA2Yy4zNDU0LjE0NjcuODA1OC0uMDU4Ni44MDU4LS4zNTJ6bS00LjIzMDItMy4zNDRjMC0uMTQ2NjctLjE0MzktLjI2NC0uMzE2Ni0uMzIyNjdsLTIuMjQ0Ni0uODUwNjdjLS4zNzQxLS4xNzYtLjgwNTcuMDI5MzQtLjgwNTcuMjkzMzR2NS44MzczM2MwIC4xNDY2Ny4xNDM5LjI5MzMzLjI1OS4zNTIwMmwyLjMwMjEuODUwNmMuMzQ1NC4xNDY3LjgwNTgtLjA1ODYuODA1OC0uMzUyem0wIDEwLjUwMTM1YzAtLjE0NjctLjE0MzktLjI2NC0uMzE2Ni0uMzIyN2wtMi4yNDQ2LS44NTA3Yy0uMzc0MS0uMTc2LS44MDU3LjAyOTQtLjgwNTcuMjkzNHY1LjgzNzNjMCAuMTQ2Ny4xNDM5LjI5MzMuMjU5LjM1MmwyLjMwMjEuODUwN2MuMzQ1NC4xNDY2LjgwNTgtLjA1ODcuODA1OC0uMzUyem0tNC4yMDE1IDEuMTczM2MwLS4xNDY3LS4xNDM4LS4yNjQtLjMxNjUtLjMyMjdsLTIuMjQ0NjEtLjg1MDZjLS4zNzQxLS4xNzYtLjgwNTc1LjAyOTMtLjgwNTc1LjI5MzN2Ni4yMTg3YzAgLjE0NjYuMTQzODguMjkzMy4yNTg5OS4zNTJsMi4zMDIxNy44NTA3Yy4zNDUzLjE0NjYuODA1Ny0uMDU4Ny44MDU3LS4zNTIxem0wLTE0LjE2Nzk5YzAtLjE0NjY2LS4xNDM4LS4yNjQtLjMxNjUtLjMyMjY2bC0yLjI0NDYxLS44NTA2N2MtLjM3NDEtLjE3NTk5OS0uODA1NzUuMDI5MzMtLjgwNTc1LjI5MzMzdjYuMjE4NjdjMCAuMTQ2NjcuMTQzODguMjkzMzQuMjU4OTkuMzUybDIuMzAyMTcuODUwNjdjLjM0NTMuMTQ2NjcuODA1Ny0uMDU4NjcuODA1Ny0uMzUyem0tNC4yMDEzOS4yMzQ2N2MwLS4xNDY2Ny0uMTQzODktLjI2NC0uMzE2NTUtLjMyMjY3bC0yLjI0NDYtLjg1MDY2Yy0uMzc0MTEtLjE0NjY3LS44MDU3Ni4wMjkzMy0uODA1NzYuMzIyNjZ2MTkuOTE3MjljMCAuMTQ2Ny4xNDM4OC4yOTM0LjI1ODk5LjM1MmwyLjMwMjE2Ljg1MDdjLjM0NTMyLjE0NjcuODA1NzYtLjA1ODYuODA1NzYtLjM1MnoiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+";
+
+	var dashlaneLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtNCAxaDE2djIyaC0xNnoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0ibTIwIDguMDY5NDVjMC0uMTQ2NjctLjE0MzktLjI2NC0uMzE2NS0uMzIyNjdsLTIuMjQ0Ny0uODUwNjZjLS4zNzQxLS4xNzYtLjgwNTcuMDI5MzMtLjgwNTcuMjkzMzN2OS42MjEzNWMwIC4xNDY2LjE0MzkuMjkzMy4yNTkuMzUybDIuMzAyMS44NTA2Yy4zNDU0LjE0NjcuODA1OC0uMDU4Ni44MDU4LS4zNTJ6bS00LjIzMDItMy4zNDRjMC0uMTQ2NjctLjE0MzktLjI2NC0uMzE2Ni0uMzIyNjdsLTIuMjQ0Ni0uODUwNjdjLS4zNzQxLS4xNzYtLjgwNTcuMDI5MzQtLjgwNTcuMjkzMzR2NS44MzczM2MwIC4xNDY2Ny4xNDM5LjI5MzMzLjI1OS4zNTIwMmwyLjMwMjEuODUwNmMuMzQ1NC4xNDY3LjgwNTgtLjA1ODYuODA1OC0uMzUyem0wIDEwLjUwMTM1YzAtLjE0NjctLjE0MzktLjI2NC0uMzE2Ni0uMzIyN2wtMi4yNDQ2LS44NTA3Yy0uMzc0MS0uMTc2LS44MDU3LjAyOTQtLjgwNTcuMjkzNHY1LjgzNzNjMCAuMTQ2Ny4xNDM5LjI5MzMuMjU5LjM1MmwyLjMwMjEuODUwN2MuMzQ1NC4xNDY2LjgwNTgtLjA1ODcuODA1OC0uMzUyem0tNC4yMDE1IDEuMTczM2MwLS4xNDY3LS4xNDM4LS4yNjQtLjMxNjUtLjMyMjdsLTIuMjQ0NjEtLjg1MDZjLS4zNzQxLS4xNzYtLjgwNTc1LjAyOTMtLjgwNTc1LjI5MzN2Ni4yMTg3YzAgLjE0NjYuMTQzODguMjkzMy4yNTg5OS4zNTJsMi4zMDIxNy44NTA3Yy4zNDUzLjE0NjYuODA1Ny0uMDU4Ny44MDU3LS4zNTIxem0wLTE0LjE2Nzk5YzAtLjE0NjY2LS4xNDM4LS4yNjQtLjMxNjUtLjMyMjY2bC0yLjI0NDYxLS44NTA2N2MtLjM3NDEtLjE3NTk5OS0uODA1NzUuMDI5MzMtLjgwNTc1LjI5MzMzdjYuMjE4NjdjMCAuMTQ2NjcuMTQzODguMjkzMzQuMjU4OTkuMzUybDIuMzAyMTcuODUwNjdjLjM0NTMuMTQ2NjcuODA1Ny0uMDU4NjcuODA1Ny0uMzUyem0tNC4yMDEzOS4yMzQ2N2MwLS4xNDY2Ny0uMTQzODktLjI2NC0uMzE2NTUtLjMyMjY3bC0yLjI0NDYtLjg1MDY2Yy0uMzc0MTEtLjE0NjY3LS44MDU3Ni4wMjkzMy0uODA1NzYuMzIyNjZ2MTkuOTE3MjljMCAuMTQ2Ny4xNDM4OC4yOTM0LjI1ODk5LjM1MmwyLjMwMjE2Ljg1MDdjLjM0NTMyLjE0NjcuODA1NzYtLjA1ODYuODA1NzYtLjM1MnoiIGZpbGw9IiMwOTM2M2YiLz48L2c+PC9zdmc+";
+
+	var edgeDark = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMzMzdfMzkzMSkiPgo8cGF0aCBkPSJNMTkuODYwNSAxNy4zNzExQzE5LjU2NTUgMTcuNTI0NCAxOS4yNjEzIDE3LjY1OTMgMTguOTQ5NiAxNy43NzVDMTcuOTYyNyAxOC4xNDIzIDE2LjkxNzUgMTguMzI4NyAxNS44NjQ1IDE4LjMyNUMxMS43OTk2IDE4LjMyNSA4LjI1ODk4IDE1LjUzMiA4LjI1ODk4IDExLjkzOThDOC4yNjQyNyAxMS40NTg4IDguMzk3NjMgMTAuOTg3OSA4LjY0NTM0IDEwLjU3NTZDOC44OTMwNiAxMC4xNjMyIDkuMjQ2MTggOS44MjQzMSA5LjY2ODM2IDkuNTkzNzVDNS45OTAyMyA5Ljc0ODQ0IDUuMDQ0OTIgMTMuNTgxMiA1LjA0NDkyIDE1LjgyNDJDNS4wNDQ5MiAyMi4xODM2IDEwLjg5NzMgMjIuODE5NSAxMi4xNjA1IDIyLjgxOTVDMTIuODM5NSAyMi44MTk1IDEzLjg2MjEgMjIuNjIxOSAxNC40ODA5IDIyLjQyNDJMMTQuNTkyNiAyMi4zODk4QzE2Ljk2MDUgMjEuNTcxNSAxOC45NzkxIDE5Ljk3MTIgMjAuMzE2IDE3Ljg1MjNDMjAuMzU0OSAxNy43ODggMjAuMzcxNSAxNy43MTI2IDIwLjM2MzUgMTcuNjM3OUMyMC4zNTU0IDE3LjU2MzEgMjAuMzIzMSAxNy40OTMgMjAuMjcxNCAxNy40Mzg0QzIwLjIxOTcgMTcuMzgzOCAyMC4xNTE1IDE3LjM0NzcgMjAuMDc3MyAxNy4zMzU1QzIwLjAwMzEgMTcuMzIzMyAxOS45MjcgMTcuMzM1OCAxOS44NjA1IDE3LjM3MTFaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMzMzN18zOTMxKSIvPgo8cGF0aCBvcGFjaXR5PSIwLjM1IiBkPSJNMTkuODYwNSAxNy4zNzExQzE5LjU2NTUgMTcuNTI0NCAxOS4yNjEzIDE3LjY1OTMgMTguOTQ5NiAxNy43NzVDMTcuOTYyNyAxOC4xNDIzIDE2LjkxNzUgMTguMzI4NyAxNS44NjQ1IDE4LjMyNUMxMS43OTk2IDE4LjMyNSA4LjI1ODk4IDE1LjUzMiA4LjI1ODk4IDExLjkzOThDOC4yNjQyNyAxMS40NTg4IDguMzk3NjMgMTAuOTg3OSA4LjY0NTM0IDEwLjU3NTZDOC44OTMwNiAxMC4xNjMyIDkuMjQ2MTggOS44MjQzMSA5LjY2ODM2IDkuNTkzNzVDNS45OTAyMyA5Ljc0ODQ0IDUuMDQ0OTIgMTMuNTgxMiA1LjA0NDkyIDE1LjgyNDJDNS4wNDQ5MiAyMi4xODM2IDEwLjg5NzMgMjIuODE5NSAxMi4xNjA1IDIyLjgxOTVDMTIuODM5NSAyMi44MTk1IDEzLjg2MjEgMjIuNjIxOSAxNC40ODA5IDIyLjQyNDJMMTQuNTkyNiAyMi4zODk4QzE2Ljk2MDUgMjEuNTcxNSAxOC45NzkxIDE5Ljk3MTIgMjAuMzE2IDE3Ljg1MjNDMjAuMzU0OSAxNy43ODggMjAuMzcxNSAxNy43MTI2IDIwLjM2MzUgMTcuNjM3OUMyMC4zNTU0IDE3LjU2MzEgMjAuMzIzMSAxNy40OTMgMjAuMjcxNCAxNy40Mzg0QzIwLjIxOTcgMTcuMzgzOCAyMC4xNTE1IDE3LjM0NzcgMjAuMDc3MyAxNy4zMzU1QzIwLjAwMzEgMTcuMzIzMyAxOS45MjcgMTcuMzM1OCAxOS44NjA1IDE3LjM3MTFaIiBmaWxsPSJ1cmwoI3BhaW50MV9yYWRpYWxfMzMzN18zOTMxKSIvPgo8cGF0aCBkPSJNOS4wODMyNyAyMS43MzY5QzguMzE4MzIgMjEuMjYxOCA3LjY1NTI2IDIwLjYzOTYgNy4xMzI0OSAxOS45MDY0QzYuNTM1NTEgMTkuMDg5MyA2LjEyNDU5IDE4LjE1MTUgNS45Mjg1NSAxNy4xNTg3QzUuNzMyNTEgMTYuMTY1OSA1Ljc1NjExIDE1LjE0MjMgNS45OTc2OCAxNC4xNTk2QzYuMjM5MjYgMTMuMTc2OSA2LjY5Mjk3IDEyLjI1OSA3LjMyNjk2IDExLjQ3MDNDNy45NjA5NSAxMC42ODE2IDguNzU5ODcgMTAuMDQxMSA5LjY2NzY0IDkuNTkzOTVDOS45NDI2NCA5LjQ2NTA0IDEwLjM5ODEgOS4yNDE2IDExLjAwODMgOS4yNTAyQzExLjQzNzYgOS4yNTM1MiAxMS44NjA0IDkuMzU2MDkgMTIuMjQzNSA5LjU0OTg5QzEyLjYyNjcgOS43NDM3IDEyLjk1OTggMTAuMDIzNSAxMy4yMTY5IDEwLjM2NzRDMTMuNTYyNiAxMC44MzI0IDEzLjc1MjIgMTEuMzk1IDEzLjc1ODMgMTEuOTc0NEMxMy43NTgzIDExLjk1NzIgMTUuODYzNyA1LjEzMzc5IDYuODgzMjcgNS4xMzM3OUMzLjExMDYxIDUuMTMzNzkgMC4wMDgyNjg4OSA4LjcwODc5IDAuMDA4MjY4ODkgMTEuODU0MUMtMC4wMDY3MzcwNiAxMy41MTU2IDAuMzQ4NDc2IDE1LjE1OTUgMS4wNDgxMSAxNi42NjY2QzIuMTkzODkgMTkuMTA2NCA0LjE5NTYgMjEuMDQwNiA2LjY3MzI3IDIyLjEwMkM5LjE1MDkzIDIzLjE2MzQgMTEuOTMyMSAyMy4yNzgxIDE0LjQ4ODcgMjIuNDI0NEMxMy41OTMgMjIuNzA3MyAxMi42NDY2IDIyLjc5MjMgMTEuNzE0OCAyMi42NzM2QzEwLjc4MyAyMi41NTQ5IDkuODg4MDUgMjIuMjM1MyA5LjA5MTg2IDIxLjczNjlIOS4wODMyN1oiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl8zMzM3XzM5MzEpIi8+CjxwYXRoIG9wYWNpdHk9IjAuNDEiIGQ9Ik05LjA4MzI3IDIxLjczNjlDOC4zMTgzMiAyMS4yNjE4IDcuNjU1MjYgMjAuNjM5NiA3LjEzMjQ5IDE5LjkwNjRDNi41MzU1MSAxOS4wODkzIDYuMTI0NTkgMTguMTUxNSA1LjkyODU1IDE3LjE1ODdDNS43MzI1MSAxNi4xNjU5IDUuNzU2MTEgMTUuMTQyMyA1Ljk5NzY4IDE0LjE1OTZDNi4yMzkyNiAxMy4xNzY5IDYuNjkyOTcgMTIuMjU5IDcuMzI2OTYgMTEuNDcwM0M3Ljk2MDk1IDEwLjY4MTYgOC43NTk4NyAxMC4wNDExIDkuNjY3NjQgOS41OTM5NUM5Ljk0MjY0IDkuNDY1MDQgMTAuMzk4MSA5LjI0MTYgMTEuMDA4MyA5LjI1MDJDMTEuNDM3NiA5LjI1MzUyIDExLjg2MDQgOS4zNTYwOSAxMi4yNDM1IDkuNTQ5ODlDMTIuNjI2NyA5Ljc0MzcgMTIuOTU5OCAxMC4wMjM1IDEzLjIxNjkgMTAuMzY3NEMxMy41NjI2IDEwLjgzMjQgMTMuNzUyMiAxMS4zOTUgMTMuNzU4MyAxMS45NzQ0QzEzLjc1ODMgMTEuOTU3MiAxNS44NjM3IDUuMTMzNzkgNi44ODMyNyA1LjEzMzc5QzMuMTEwNjEgNS4xMzM3OSAwLjAwODI2ODg5IDguNzA4NzkgMC4wMDgyNjg4OSAxMS44NTQxQy0wLjAwNjczNzA2IDEzLjUxNTYgMC4zNDg0NzYgMTUuMTU5NSAxLjA0ODExIDE2LjY2NjZDMi4xOTM4OSAxOS4xMDY0IDQuMTk1NiAyMS4wNDA2IDYuNjczMjcgMjIuMTAyQzkuMTUwOTMgMjMuMTYzNCAxMS45MzIxIDIzLjI3ODEgMTQuNDg4NyAyMi40MjQ0QzEzLjU5MyAyMi43MDczIDEyLjY0NjYgMjIuNzkyMyAxMS43MTQ4IDIyLjY3MzZDMTAuNzgzIDIyLjU1NDkgOS44ODgwNSAyMi4yMzUzIDkuMDkxODYgMjEuNzM2OUg5LjA4MzI3WiIgZmlsbD0idXJsKCNwYWludDNfcmFkaWFsXzMzMzdfMzkzMSkiLz4KPHBhdGggZD0iTTEzLjA5NjkgMTMuNzg3NUMxMy4wMTk1IDEzLjg3MzQgMTIuODA0NyAxNC4wMDIzIDEyLjgwNDcgMTQuMjY4N0MxMi44MDQ3IDE0LjQ5MjIgMTIuOTUwOCAxNC43MTU2IDEzLjIxNzIgMTQuODk2MUMxNC40NDYxIDE1Ljc1NTUgMTYuNzc1IDE1LjYzNTIgMTYuNzgzNiAxNS42MzUyQzE3LjY5OTcgMTUuNjM0NiAxOC41OTg5IDE1LjM4ODIgMTkuMzg3NSAxNC45MjE5QzIwLjE4MTQgMTQuNDU3NSAyMC44NDAxIDEzLjc5MzcgMjEuMjk4NCAxMi45OTYzQzIxLjc1NjYgMTIuMTk4OSAyMS45OTg1IDExLjI5NTUgMjIgMTAuMzc1OEMyMi4wMjU4IDguNDUwNzggMjEuMzEyNSA3LjE3MDMxIDIxLjAyODkgNi42MDMxMkMxOS4xOTg0IDMuMDQ1MzEgMTUuMjcxMSAxIDExIDFDOC4xMDkyMiAwLjk5OTcxNCA1LjMzNDUyIDIuMTM3MzggMy4yNzYwMSA0LjE2Njk0QzEuMjE3NSA2LjE5NjUxIDAuMDQwNjUxNSA4Ljk1NDgyIDAgMTEuODQ1M0MwLjA0Mjk2ODggOC43MDg1OSAzLjE2MjUgNi4xNzM0NCA2Ljg3NSA2LjE3MzQ0QzcuMTc1NzggNi4xNzM0NCA4Ljg5NDUzIDYuMTk5MjIgMTAuNDg0NCA3LjAzMjgxQzExLjYwMTMgNy41ODc4NCAxMi41MjYzIDguNDY0OSAxMy4xMzk4IDkuNTUwNzhDMTMuNjY0MSAxMC40NjE3IDEzLjc1ODYgMTEuNjIxOSAxMy43NTg2IDEyLjA4NTlDMTMuNzU4NiAxMi41NSAxMy41MjY2IDEzLjIyODkgMTMuMDg4MyAxMy43OTYxTDEzLjA5NjkgMTMuNzg3NVoiIGZpbGw9InVybCgjcGFpbnQ0X3JhZGlhbF8zMzM3XzM5MzEpIi8+CjxwYXRoIGQ9Ik0xMy4wOTY5IDEzLjc4NzVDMTMuMDE5NSAxMy44NzM0IDEyLjgwNDcgMTQuMDAyMyAxMi44MDQ3IDE0LjI2ODdDMTIuODA0NyAxNC40OTIyIDEyLjk1MDggMTQuNzE1NiAxMy4yMTcyIDE0Ljg5NjFDMTQuNDQ2MSAxNS43NTU1IDE2Ljc3NSAxNS42MzUyIDE2Ljc4MzYgMTUuNjM1MkMxNy42OTk3IDE1LjYzNDYgMTguNTk4OSAxNS4zODgyIDE5LjM4NzUgMTQuOTIxOUMyMC4xODE0IDE0LjQ1NzUgMjAuODQwMSAxMy43OTM3IDIxLjI5ODQgMTIuOTk2M0MyMS43NTY2IDEyLjE5ODkgMjEuOTk4NSAxMS4yOTU1IDIyIDEwLjM3NThDMjIuMDI1OCA4LjQ1MDc4IDIxLjMxMjUgNy4xNzAzMSAyMS4wMjg5IDYuNjAzMTJDMTkuMTk4NCAzLjA0NTMxIDE1LjI3MTEgMSAxMSAxQzguMTA5MjIgMC45OTk3MTQgNS4zMzQ1MiAyLjEzNzM4IDMuMjc2MDEgNC4xNjY5NEMxLjIxNzUgNi4xOTY1MSAwLjA0MDY1MTUgOC45NTQ4MiAwIDExLjg0NTNDMC4wNDI5Njg4IDguNzA4NTkgMy4xNjI1IDYuMTczNDQgNi44NzUgNi4xNzM0NEM3LjE3NTc4IDYuMTczNDQgOC44OTQ1MyA2LjE5OTIyIDEwLjQ4NDQgNy4wMzI4MUMxMS42MDEzIDcuNTg3ODQgMTIuNTI2MyA4LjQ2NDkgMTMuMTM5OCA5LjU1MDc4QzEzLjY2NDEgMTAuNDYxNyAxMy43NTg2IDExLjYyMTkgMTMuNzU4NiAxMi4wODU5QzEzLjc1ODYgMTIuNTUgMTMuNTI2NiAxMy4yMjg5IDEzLjA4ODMgMTMuNzk2MUwxMy4wOTY5IDEzLjc4NzVaIiBmaWxsPSJ1cmwoI3BhaW50NV9yYWRpYWxfMzMzN18zOTMxKSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMzMzN18zOTMxIiB4MT0iNS4wNDQ5MiIgeTE9IjE2LjIxMDkiIHgyPSIyMC4zNzYyIiB5Mj0iMTYuMjEwOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMEM1OUE0Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzExNEE4QiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MV9yYWRpYWxfMzMzN18zOTMxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjUwOTggMTYuMzI2NSkgc2NhbGUoOC4xOTg0NCA3Ljc4ODUyKSI+CjxzdG9wIG9mZnNldD0iMC43IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIwLjkiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CjxzdG9wIG9mZnNldD0iMSIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMzMzN18zOTMxIiB4MT0iMTMuMTIyMyIgeTE9IjkuNTU5NTciIHgyPSIzLjU1NzQ5IiB5Mj0iMTkuOTgzOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMUI5REUyIi8+CjxzdG9wIG9mZnNldD0iMC4yIiBzdG9wLWNvbG9yPSIjMTU5NURGIi8+CjxzdG9wIG9mZnNldD0iMC43IiBzdG9wLWNvbG9yPSIjMDY4MEQ3Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwNzhENCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50M19yYWRpYWxfMzMzN18zOTMxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS44NDU5NCAtMTIuMTgzMiAtOS44NDUgLTEuNDc2NzUgNi4wNjMgMTguMDk2MykiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjgiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjAuOSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KPHN0b3Agb2Zmc2V0PSIxIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQ0X3JhZGlhbF8zMzM3XzM5MzEiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMC42OTU3NSAxNy4zOTM4IDM3LjA0ODcgMS4zOTE1IDIuMjI0OTIgNS4wNjYyMikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzM1QzFGMSIvPgo8c3RvcCBvZmZzZXQ9IjAuMSIgc3RvcC1jb2xvcj0iIzM0QzFFRCIvPgo8c3RvcCBvZmZzZXQ9IjAuMiIgc3RvcC1jb2xvcj0iIzJGQzJERiIvPgo8c3RvcCBvZmZzZXQ9IjAuMyIgc3RvcC1jb2xvcj0iIzJCQzNEMiIvPgo8c3RvcCBvZmZzZXQ9IjAuNyIgc3RvcC1jb2xvcj0iIzM2Qzc1MiIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50NV9yYWRpYWxfMzMzN18zOTMxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMi4zNDEyOCA4LjAyNzI1IDYuNTIyMTQgLTEuOTIzMiAyMC42MzAyIDcuNjQyOTcpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2NkVCNkUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjZFQjZFIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zMzM3XzM5MzEiPgo8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
+
+	var edgeLight = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMzMzdfMzkzMSkiPgo8cGF0aCBkPSJNMTkuODYwNSAxNy4zNzExQzE5LjU2NTUgMTcuNTI0NCAxOS4yNjEzIDE3LjY1OTMgMTguOTQ5NiAxNy43NzVDMTcuOTYyNyAxOC4xNDIzIDE2LjkxNzUgMTguMzI4NyAxNS44NjQ1IDE4LjMyNUMxMS43OTk2IDE4LjMyNSA4LjI1ODk4IDE1LjUzMiA4LjI1ODk4IDExLjkzOThDOC4yNjQyNyAxMS40NTg4IDguMzk3NjMgMTAuOTg3OSA4LjY0NTM0IDEwLjU3NTZDOC44OTMwNiAxMC4xNjMyIDkuMjQ2MTggOS44MjQzMSA5LjY2ODM2IDkuNTkzNzVDNS45OTAyMyA5Ljc0ODQ0IDUuMDQ0OTIgMTMuNTgxMiA1LjA0NDkyIDE1LjgyNDJDNS4wNDQ5MiAyMi4xODM2IDEwLjg5NzMgMjIuODE5NSAxMi4xNjA1IDIyLjgxOTVDMTIuODM5NSAyMi44MTk1IDEzLjg2MjEgMjIuNjIxOSAxNC40ODA5IDIyLjQyNDJMMTQuNTkyNiAyMi4zODk4QzE2Ljk2MDUgMjEuNTcxNSAxOC45NzkxIDE5Ljk3MTIgMjAuMzE2IDE3Ljg1MjNDMjAuMzU0OSAxNy43ODggMjAuMzcxNSAxNy43MTI2IDIwLjM2MzUgMTcuNjM3OUMyMC4zNTU0IDE3LjU2MzEgMjAuMzIzMSAxNy40OTMgMjAuMjcxNCAxNy40Mzg0QzIwLjIxOTcgMTcuMzgzOCAyMC4xNTE1IDE3LjM0NzcgMjAuMDc3MyAxNy4zMzU1QzIwLjAwMzEgMTcuMzIzMyAxOS45MjcgMTcuMzM1OCAxOS44NjA1IDE3LjM3MTFaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMzMzN18zOTMxKSIvPgo8cGF0aCBvcGFjaXR5PSIwLjM1IiBkPSJNMTkuODYwNSAxNy4zNzExQzE5LjU2NTUgMTcuNTI0NCAxOS4yNjEzIDE3LjY1OTMgMTguOTQ5NiAxNy43NzVDMTcuOTYyNyAxOC4xNDIzIDE2LjkxNzUgMTguMzI4NyAxNS44NjQ1IDE4LjMyNUMxMS43OTk2IDE4LjMyNSA4LjI1ODk4IDE1LjUzMiA4LjI1ODk4IDExLjkzOThDOC4yNjQyNyAxMS40NTg4IDguMzk3NjMgMTAuOTg3OSA4LjY0NTM0IDEwLjU3NTZDOC44OTMwNiAxMC4xNjMyIDkuMjQ2MTggOS44MjQzMSA5LjY2ODM2IDkuNTkzNzVDNS45OTAyMyA5Ljc0ODQ0IDUuMDQ0OTIgMTMuNTgxMiA1LjA0NDkyIDE1LjgyNDJDNS4wNDQ5MiAyMi4xODM2IDEwLjg5NzMgMjIuODE5NSAxMi4xNjA1IDIyLjgxOTVDMTIuODM5NSAyMi44MTk1IDEzLjg2MjEgMjIuNjIxOSAxNC40ODA5IDIyLjQyNDJMMTQuNTkyNiAyMi4zODk4QzE2Ljk2MDUgMjEuNTcxNSAxOC45NzkxIDE5Ljk3MTIgMjAuMzE2IDE3Ljg1MjNDMjAuMzU0OSAxNy43ODggMjAuMzcxNSAxNy43MTI2IDIwLjM2MzUgMTcuNjM3OUMyMC4zNTU0IDE3LjU2MzEgMjAuMzIzMSAxNy40OTMgMjAuMjcxNCAxNy40Mzg0QzIwLjIxOTcgMTcuMzgzOCAyMC4xNTE1IDE3LjM0NzcgMjAuMDc3MyAxNy4zMzU1QzIwLjAwMzEgMTcuMzIzMyAxOS45MjcgMTcuMzM1OCAxOS44NjA1IDE3LjM3MTFaIiBmaWxsPSJ1cmwoI3BhaW50MV9yYWRpYWxfMzMzN18zOTMxKSIvPgo8cGF0aCBkPSJNOS4wODMyNyAyMS43MzY5QzguMzE4MzIgMjEuMjYxOCA3LjY1NTI2IDIwLjYzOTYgNy4xMzI0OSAxOS45MDY0QzYuNTM1NTEgMTkuMDg5MyA2LjEyNDU5IDE4LjE1MTUgNS45Mjg1NSAxNy4xNTg3QzUuNzMyNTEgMTYuMTY1OSA1Ljc1NjExIDE1LjE0MjMgNS45OTc2OCAxNC4xNTk2QzYuMjM5MjYgMTMuMTc2OSA2LjY5Mjk3IDEyLjI1OSA3LjMyNjk2IDExLjQ3MDNDNy45NjA5NSAxMC42ODE2IDguNzU5ODcgMTAuMDQxMSA5LjY2NzY0IDkuNTkzOTVDOS45NDI2NCA5LjQ2NTA0IDEwLjM5ODEgOS4yNDE2IDExLjAwODMgOS4yNTAyQzExLjQzNzYgOS4yNTM1MiAxMS44NjA0IDkuMzU2MDkgMTIuMjQzNSA5LjU0OTg5QzEyLjYyNjcgOS43NDM3IDEyLjk1OTggMTAuMDIzNSAxMy4yMTY5IDEwLjM2NzRDMTMuNTYyNiAxMC44MzI0IDEzLjc1MjIgMTEuMzk1IDEzLjc1ODMgMTEuOTc0NEMxMy43NTgzIDExLjk1NzIgMTUuODYzNyA1LjEzMzc5IDYuODgzMjcgNS4xMzM3OUMzLjExMDYxIDUuMTMzNzkgMC4wMDgyNjg4OSA4LjcwODc5IDAuMDA4MjY4ODkgMTEuODU0MUMtMC4wMDY3MzcwNiAxMy41MTU2IDAuMzQ4NDc2IDE1LjE1OTUgMS4wNDgxMSAxNi42NjY2QzIuMTkzODkgMTkuMTA2NCA0LjE5NTYgMjEuMDQwNiA2LjY3MzI3IDIyLjEwMkM5LjE1MDkzIDIzLjE2MzQgMTEuOTMyMSAyMy4yNzgxIDE0LjQ4ODcgMjIuNDI0NEMxMy41OTMgMjIuNzA3MyAxMi42NDY2IDIyLjc5MjMgMTEuNzE0OCAyMi42NzM2QzEwLjc4MyAyMi41NTQ5IDkuODg4MDUgMjIuMjM1MyA5LjA5MTg2IDIxLjczNjlIOS4wODMyN1oiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl8zMzM3XzM5MzEpIi8+CjxwYXRoIG9wYWNpdHk9IjAuNDEiIGQ9Ik05LjA4MzI3IDIxLjczNjlDOC4zMTgzMiAyMS4yNjE4IDcuNjU1MjYgMjAuNjM5NiA3LjEzMjQ5IDE5LjkwNjRDNi41MzU1MSAxOS4wODkzIDYuMTI0NTkgMTguMTUxNSA1LjkyODU1IDE3LjE1ODdDNS43MzI1MSAxNi4xNjU5IDUuNzU2MTEgMTUuMTQyMyA1Ljk5NzY4IDE0LjE1OTZDNi4yMzkyNiAxMy4xNzY5IDYuNjkyOTcgMTIuMjU5IDcuMzI2OTYgMTEuNDcwM0M3Ljk2MDk1IDEwLjY4MTYgOC43NTk4NyAxMC4wNDExIDkuNjY3NjQgOS41OTM5NUM5Ljk0MjY0IDkuNDY1MDQgMTAuMzk4MSA5LjI0MTYgMTEuMDA4MyA5LjI1MDJDMTEuNDM3NiA5LjI1MzUyIDExLjg2MDQgOS4zNTYwOSAxMi4yNDM1IDkuNTQ5ODlDMTIuNjI2NyA5Ljc0MzcgMTIuOTU5OCAxMC4wMjM1IDEzLjIxNjkgMTAuMzY3NEMxMy41NjI2IDEwLjgzMjQgMTMuNzUyMiAxMS4zOTUgMTMuNzU4MyAxMS45NzQ0QzEzLjc1ODMgMTEuOTU3MiAxNS44NjM3IDUuMTMzNzkgNi44ODMyNyA1LjEzMzc5QzMuMTEwNjEgNS4xMzM3OSAwLjAwODI2ODg5IDguNzA4NzkgMC4wMDgyNjg4OSAxMS44NTQxQy0wLjAwNjczNzA2IDEzLjUxNTYgMC4zNDg0NzYgMTUuMTU5NSAxLjA0ODExIDE2LjY2NjZDMi4xOTM4OSAxOS4xMDY0IDQuMTk1NiAyMS4wNDA2IDYuNjczMjcgMjIuMTAyQzkuMTUwOTMgMjMuMTYzNCAxMS45MzIxIDIzLjI3ODEgMTQuNDg4NyAyMi40MjQ0QzEzLjU5MyAyMi43MDczIDEyLjY0NjYgMjIuNzkyMyAxMS43MTQ4IDIyLjY3MzZDMTAuNzgzIDIyLjU1NDkgOS44ODgwNSAyMi4yMzUzIDkuMDkxODYgMjEuNzM2OUg5LjA4MzI3WiIgZmlsbD0idXJsKCNwYWludDNfcmFkaWFsXzMzMzdfMzkzMSkiLz4KPHBhdGggZD0iTTEzLjA5NjkgMTMuNzg3NUMxMy4wMTk1IDEzLjg3MzQgMTIuODA0NyAxNC4wMDIzIDEyLjgwNDcgMTQuMjY4N0MxMi44MDQ3IDE0LjQ5MjIgMTIuOTUwOCAxNC43MTU2IDEzLjIxNzIgMTQuODk2MUMxNC40NDYxIDE1Ljc1NTUgMTYuNzc1IDE1LjYzNTIgMTYuNzgzNiAxNS42MzUyQzE3LjY5OTcgMTUuNjM0NiAxOC41OTg5IDE1LjM4ODIgMTkuMzg3NSAxNC45MjE5QzIwLjE4MTQgMTQuNDU3NSAyMC44NDAxIDEzLjc5MzcgMjEuMjk4NCAxMi45OTYzQzIxLjc1NjYgMTIuMTk4OSAyMS45OTg1IDExLjI5NTUgMjIgMTAuMzc1OEMyMi4wMjU4IDguNDUwNzggMjEuMzEyNSA3LjE3MDMxIDIxLjAyODkgNi42MDMxMkMxOS4xOTg0IDMuMDQ1MzEgMTUuMjcxMSAxIDExIDFDOC4xMDkyMiAwLjk5OTcxNCA1LjMzNDUyIDIuMTM3MzggMy4yNzYwMSA0LjE2Njk0QzEuMjE3NSA2LjE5NjUxIDAuMDQwNjUxNSA4Ljk1NDgyIDAgMTEuODQ1M0MwLjA0Mjk2ODggOC43MDg1OSAzLjE2MjUgNi4xNzM0NCA2Ljg3NSA2LjE3MzQ0QzcuMTc1NzggNi4xNzM0NCA4Ljg5NDUzIDYuMTk5MjIgMTAuNDg0NCA3LjAzMjgxQzExLjYwMTMgNy41ODc4NCAxMi41MjYzIDguNDY0OSAxMy4xMzk4IDkuNTUwNzhDMTMuNjY0MSAxMC40NjE3IDEzLjc1ODYgMTEuNjIxOSAxMy43NTg2IDEyLjA4NTlDMTMuNzU4NiAxMi41NSAxMy41MjY2IDEzLjIyODkgMTMuMDg4MyAxMy43OTYxTDEzLjA5NjkgMTMuNzg3NVoiIGZpbGw9InVybCgjcGFpbnQ0X3JhZGlhbF8zMzM3XzM5MzEpIi8+CjxwYXRoIGQ9Ik0xMy4wOTY5IDEzLjc4NzVDMTMuMDE5NSAxMy44NzM0IDEyLjgwNDcgMTQuMDAyMyAxMi44MDQ3IDE0LjI2ODdDMTIuODA0NyAxNC40OTIyIDEyLjk1MDggMTQuNzE1NiAxMy4yMTcyIDE0Ljg5NjFDMTQuNDQ2MSAxNS43NTU1IDE2Ljc3NSAxNS42MzUyIDE2Ljc4MzYgMTUuNjM1MkMxNy42OTk3IDE1LjYzNDYgMTguNTk4OSAxNS4zODgyIDE5LjM4NzUgMTQuOTIxOUMyMC4xODE0IDE0LjQ1NzUgMjAuODQwMSAxMy43OTM3IDIxLjI5ODQgMTIuOTk2M0MyMS43NTY2IDEyLjE5ODkgMjEuOTk4NSAxMS4yOTU1IDIyIDEwLjM3NThDMjIuMDI1OCA4LjQ1MDc4IDIxLjMxMjUgNy4xNzAzMSAyMS4wMjg5IDYuNjAzMTJDMTkuMTk4NCAzLjA0NTMxIDE1LjI3MTEgMSAxMSAxQzguMTA5MjIgMC45OTk3MTQgNS4zMzQ1MiAyLjEzNzM4IDMuMjc2MDEgNC4xNjY5NEMxLjIxNzUgNi4xOTY1MSAwLjA0MDY1MTUgOC45NTQ4MiAwIDExLjg0NTNDMC4wNDI5Njg4IDguNzA4NTkgMy4xNjI1IDYuMTczNDQgNi44NzUgNi4xNzM0NEM3LjE3NTc4IDYuMTczNDQgOC44OTQ1MyA2LjE5OTIyIDEwLjQ4NDQgNy4wMzI4MUMxMS42MDEzIDcuNTg3ODQgMTIuNTI2MyA4LjQ2NDkgMTMuMTM5OCA5LjU1MDc4QzEzLjY2NDEgMTAuNDYxNyAxMy43NTg2IDExLjYyMTkgMTMuNzU4NiAxMi4wODU5QzEzLjc1ODYgMTIuNTUgMTMuNTI2NiAxMy4yMjg5IDEzLjA4ODMgMTMuNzk2MUwxMy4wOTY5IDEzLjc4NzVaIiBmaWxsPSJ1cmwoI3BhaW50NV9yYWRpYWxfMzMzN18zOTMxKSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMzMzN18zOTMxIiB4MT0iNS4wNDQ5MiIgeTE9IjE2LjIxMDkiIHgyPSIyMC4zNzYyIiB5Mj0iMTYuMjEwOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMEM1OUE0Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzExNEE4QiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MV9yYWRpYWxfMzMzN18zOTMxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjUwOTggMTYuMzI2NSkgc2NhbGUoOC4xOTg0NCA3Ljc4ODUyKSI+CjxzdG9wIG9mZnNldD0iMC43IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIwLjkiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CjxzdG9wIG9mZnNldD0iMSIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMzMzN18zOTMxIiB4MT0iMTMuMTIyMyIgeTE9IjkuNTU5NTciIHgyPSIzLjU1NzQ5IiB5Mj0iMTkuOTgzOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMUI5REUyIi8+CjxzdG9wIG9mZnNldD0iMC4yIiBzdG9wLWNvbG9yPSIjMTU5NURGIi8+CjxzdG9wIG9mZnNldD0iMC43IiBzdG9wLWNvbG9yPSIjMDY4MEQ3Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwNzhENCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50M19yYWRpYWxfMzMzN18zOTMxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS44NDU5NCAtMTIuMTgzMiAtOS44NDUgLTEuNDc2NzUgNi4wNjMgMTguMDk2MykiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjgiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjAuOSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KPHN0b3Agb2Zmc2V0PSIxIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQ0X3JhZGlhbF8zMzM3XzM5MzEiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMC42OTU3NSAxNy4zOTM4IDM3LjA0ODcgMS4zOTE1IDIuMjI0OTIgNS4wNjYyMikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzM1QzFGMSIvPgo8c3RvcCBvZmZzZXQ9IjAuMSIgc3RvcC1jb2xvcj0iIzM0QzFFRCIvPgo8c3RvcCBvZmZzZXQ9IjAuMiIgc3RvcC1jb2xvcj0iIzJGQzJERiIvPgo8c3RvcCBvZmZzZXQ9IjAuMyIgc3RvcC1jb2xvcj0iIzJCQzNEMiIvPgo8c3RvcCBvZmZzZXQ9IjAuNyIgc3RvcC1jb2xvcj0iIzM2Qzc1MiIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50NV9yYWRpYWxfMzMzN18zOTMxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMi4zNDEyOCA4LjAyNzI1IDYuNTIyMTQgLTEuOTIzMiAyMC42MzAyIDcuNjQyOTcpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2NkVCNkUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjZFQjZFIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zMzM3XzM5MzEiPgo8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
+
+	var enpassDark = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMzNDFfNDI1MikiPgo8cGF0aCBkPSJNMTIuMDIxMiAyLjIyNTA1QzE0LjQ4ODEgMi4yMjUwNSAxNi45NTUxIDIuMjE3NzIgMTkuNDIyOCAyLjIyODcyQzE5LjkzNTYgMi4yMTg3MyAyMC40NDQ0IDIuMzIwODUgMjAuOTEzNiAyLjUyNzkzQzIxLjM4MjggMi43MzUwMSAyMS44MDEyIDMuMDQyMDYgMjIuMTM5NCAzLjQyNzYzQzIyLjY1OSA0LjAxMDcyIDIyLjk2MjggNC43NTQ0IDIzLjAwMDEgNS41MzQ0OUMyMy4wMDEzIDYuMjUwNzggMjIuOTE1NiA2Ljk2NDU4IDIyLjc0NSA3LjY2MDI0QzIyLjQxNzYgOS41NDI5OCAyMi4wNzY5IDExLjQyMjEgMjEuNzQyMiAxMy4zMDIzQzIxLjQ1MzcgMTQuOTIxNiAyMS4xNzc0IDE2LjU0MzIgMjAuODczOCAxOC4xNjEyQzIwLjQ0ODEgMjAuMDI5NCAxOC45MjI1IDIxLjQ0NjggMTcuMDI4MSAyMS43MzQyQzE2LjgwMjEgMjEuNzYxMSAxNi41NzQ4IDIxLjc3NDcgMTYuMzQ3MiAyMS43NzQ5QzEzLjQ2MzUgMjEuNzc3NiAxMC41Nzk5IDIxLjc3NzYgNy42OTYxNCAyMS43NzQ5QzUuNDQ3MDEgMjEuNzcwNCAzLjUyNDM5IDIwLjE1NDkgMy4xMzI2MSAxNy45NDAxQzIuNTU1MjUgMTQuNzA5MiAxLjk3MzAyIDExLjQ3OTEgMS4zODU5IDguMjQ5OTNDMS4yNzA0IDcuNjEwMzggMS4xNDI5OCA2Ljk3NDQ4IDEuMDUyMzIgNi4zMzAwN0MwLjcyNDUyMyA0LjQ1MDkgMS45NzA2NCAyLjY1ODE4IDMuODQ2MzIgMi4zMTA2N0M0LjEzOTc1IDIuMjU0NiA0LjQzNzk1IDIuMjI3MzQgNC43MzY2OCAyLjIyOTI3QzcuMTY0ODQgMi4yMjIzOSA5LjU5MyAyLjIyMTAyIDEyLjAyMTIgMi4yMjUwNVpNMTAuMDYzNSAxNy41MjA1QzEwLjAzNTggMTguMTQ5NCAxMC41NTMzIDE4LjY2NjggMTEuMTgyMiAxOC42MzkySDEyLjc4MzhDMTMuNDU5MSAxOC43MDQyIDE0LjAyNjEgMTguMTM2OCAxMy45NjAzIDE3LjQ2MTVDMTMuOTYwMyAxNi4xOTg4IDEzLjk2MDMgMTQuOTM1NSAxMy45NTQxIDEzLjY3MjlDMTMuOTQ3MSAxMy42MDA3IDEzLjk2MjUgMTMuNTI4MSAxMy45OTgzIDEzLjQ2NDlDMTQuMDM0IDEzLjQwMTcgMTQuMDg4NCAxMy4zNTEyIDE0LjE1NCAxMy4zMkMxNS43MTM4IDEyLjM5NTggMTYuNDY4NSAxMC41NDcxIDE2LjAwMTUgOC43OTUzNUMxNS4zOTY1IDYuNjE2OCAxMy4xNTcxIDUuMzI1MjIgMTAuOTY4NSA1Ljg5MjgyQzEwLjM1MzMgNi4wMTk2NSA5Ljc3ODM1IDYuMjk0NzQgOS4yOTM2IDYuNjk0MThDOC44MDg4NSA3LjA5MzYyIDguNDI4OTQgNy42MDUzNiA4LjE4NjgzIDguMTg0OTRDNy40NTgzNiAxMC4wOTkyIDguMTgyOTggMTIuMjYxNSA5LjkxNzc3IDEzLjM1MDRDOS45NjY2MiAxMy4zNzM3IDEwLjAwNzIgMTMuNDExNCAxMC4wMzQgMTMuNDU4NEMxMC4wNjA4IDEzLjUwNTQgMTAuMDcyNiAxMy41NTk1IDEwLjA2NzcgMTMuNjEzNEMxMC4wNjEgMTQuOTY5NiAxMC4wNjM1IDE2LjA5MzYgMTAuMDYzNSAxNy41MjA1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zMzQxXzQyNTIiPgo8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
+
+	var enpassLight = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMzNDFfNDI1MCkiPgo8cGF0aCBkPSJNMTIuMDIxMiAyLjIyNTA1QzE0LjQ4ODEgMi4yMjUwNSAxNi45NTUxIDIuMjE3NzIgMTkuNDIyOCAyLjIyODcyQzE5LjkzNTYgMi4yMTg3MyAyMC40NDQ0IDIuMzIwODUgMjAuOTEzNiAyLjUyNzkzQzIxLjM4MjggMi43MzUwMSAyMS44MDEyIDMuMDQyMDYgMjIuMTM5NCAzLjQyNzYzQzIyLjY1OSA0LjAxMDcyIDIyLjk2MjggNC43NTQ0IDIzLjAwMDEgNS41MzQ0OUMyMy4wMDEzIDYuMjUwNzggMjIuOTE1NiA2Ljk2NDU4IDIyLjc0NSA3LjY2MDI0QzIyLjQxNzYgOS41NDI5OCAyMi4wNzY5IDExLjQyMjEgMjEuNzQyMiAxMy4zMDIzQzIxLjQ1MzcgMTQuOTIxNiAyMS4xNzc0IDE2LjU0MzIgMjAuODczOCAxOC4xNjEyQzIwLjQ0ODEgMjAuMDI5NCAxOC45MjI1IDIxLjQ0NjggMTcuMDI4MSAyMS43MzQyQzE2LjgwMjEgMjEuNzYxMSAxNi41NzQ4IDIxLjc3NDcgMTYuMzQ3MiAyMS43NzQ5QzEzLjQ2MzUgMjEuNzc3NiAxMC41Nzk5IDIxLjc3NzYgNy42OTYxNCAyMS43NzQ5QzUuNDQ3MDEgMjEuNzcwNCAzLjUyNDM5IDIwLjE1NDkgMy4xMzI2MSAxNy45NDAxQzIuNTU1MjUgMTQuNzA5MiAxLjk3MzAyIDExLjQ3OTEgMS4zODU5IDguMjQ5OTNDMS4yNzA0IDcuNjEwMzggMS4xNDI5OCA2Ljk3NDQ4IDEuMDUyMzIgNi4zMzAwN0MwLjcyNDUyMyA0LjQ1MDkgMS45NzA2NCAyLjY1ODE4IDMuODQ2MzIgMi4zMTA2N0M0LjEzOTc1IDIuMjU0NiA0LjQzNzk1IDIuMjI3MzQgNC43MzY2OCAyLjIyOTI3QzcuMTY0ODQgMi4yMjIzOSA5LjU5MyAyLjIyMTAyIDEyLjAyMTIgMi4yMjUwNVpNMTAuMDYzNSAxNy41MjA1QzEwLjAzNTggMTguMTQ5NCAxMC41NTMzIDE4LjY2NjggMTEuMTgyMiAxOC42MzkySDEyLjc4MzhDMTMuNDU5MSAxOC43MDQyIDE0LjAyNjEgMTguMTM2OCAxMy45NjAzIDE3LjQ2MTVDMTMuOTYwMyAxNi4xOTg4IDEzLjk2MDMgMTQuOTM1NSAxMy45NTQxIDEzLjY3MjlDMTMuOTQ3MSAxMy42MDA3IDEzLjk2MjUgMTMuNTI4MSAxMy45OTgzIDEzLjQ2NDlDMTQuMDM0IDEzLjQwMTcgMTQuMDg4NCAxMy4zNTEyIDE0LjE1NCAxMy4zMkMxNS43MTM4IDEyLjM5NTggMTYuNDY4NSAxMC41NDcxIDE2LjAwMTUgOC43OTUzNUMxNS4zOTY1IDYuNjE2OCAxMy4xNTcxIDUuMzI1MjIgMTAuOTY4NSA1Ljg5MjgyQzEwLjM1MzMgNi4wMTk2NSA5Ljc3ODM1IDYuMjk0NzQgOS4yOTM2IDYuNjk0MThDOC44MDg4NSA3LjA5MzYyIDguNDI4OTQgNy42MDUzNiA4LjE4NjgzIDguMTg0OTRDNy40NTgzNiAxMC4wOTkyIDguMTgyOTggMTIuMjYxNSA5LjkxNzc3IDEzLjM1MDRDOS45NjY2MiAxMy4zNzM3IDEwLjAwNzIgMTMuNDExNCAxMC4wMzQgMTMuNDU4NEMxMC4wNjA4IDEzLjUwNTQgMTAuMDcyNiAxMy41NTk1IDEwLjA2NzcgMTMuNjEzNEMxMC4wNjEgMTQuOTY5NiAxMC4wNjM1IDE2LjA5MzYgMTAuMDYzNSAxNy41MjA1WiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zMzQxXzQyNTAiPgo8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
+
+	var googleDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PG1hc2sgaWQ9ImEiIGhlaWdodD0iMjIiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHdpZHRoPSIyMiIgeD0iMSIgeT0iMSI+PHBhdGggZD0ibTIzIDFoLTIydjIyaDIyeiIgZmlsbD0iI2ZmZiIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2EpIj48cGF0aCBkPSJtMjIuNTYgMTIuMjUwNWMwLS43OC0uMDctMS41My0uMi0yLjI1aC0xMC4zNnY0LjI1NWg1LjkyYy0uMjU1IDEuMzc1LTEuMDI5OSAyLjU0LTIuMTk1IDMuMzJ2Mi43NmgzLjU1NWMyLjA4LTEuOTE1IDMuMjgtNC43MzUgMy4yOC04LjA4NXoiIGZpbGw9IiM0Mjg1ZjQiLz48cGF0aCBkPSJtMTIgMjIuOTk5OGMyLjk3IDAgNS40NTk5LS45ODUgNy4yNzk5LTIuNjY0OWwtMy41NTUtMi43NmMtLjk4NDkuNjYtMi4yNDUgMS4wNDk5LTMuNzI0OSAxLjA0OTktMi44NjUxIDAtNS4yOTAwNS0xLjkzNS02LjE1NTA5LTQuNTM1aC0zLjY3NDk5djIuODVjMS44MTAwNSAzLjU5NTEgNS41MzAwMyA2LjA2IDkuODMwMDggNi4wNnoiIGZpbGw9IiMzNGE4NTMiLz48cGF0aCBkPSJtNS44NDQ5NSAxNC4wODk2Yy0uMjItLjY2LS4zNDQ5Ni0xLjM2NS0uMzQ0OTYtMi4wOXMuMTI0OTYtMS40My4zNDQ5Ni0yLjA5MDA0di0yLjg0OTk5aC0zLjY3NDk5Yy0uNzQ0OTIgMS40ODUtMS4xNjk5NiAzLjE2NTAzLTEuMTY5OTYgNC45NDAwMyAwIDEuNzc0OS40MjUwNCAzLjQ1NSAxLjE2OTk2IDQuOTR6IiBmaWxsPSIjZmJiYzA0Ii8+PHBhdGggZD0ibTEyIDUuMzc1MDNjMS42MTQ5IDAgMy4wNjQ5LjU1NDk1IDQuMjA0OSAxLjY0NDk0bDMuMTU1MS0zLjE1NTAyYy0xLjkwNS0xLjc3NDk2LTQuMzk1MS0yLjg2NDk1LTcuMzYtMi44NjQ5NS00LjMwMDA1IDAtOC4wMjAwMyAyLjQ2NDk5LTkuODMwMDggNi4wNjAwMWwzLjY3NDk5IDIuODQ5OTljLjg2NTA0LTIuNTk5OTYgMy4yODk5OS00LjUzNDk3IDYuMTU1MDktNC41MzQ5N3oiIGZpbGw9IiNlOTQyMzUiLz48L2c+PC9zdmc+";
+
+	var googleLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PG1hc2sgaWQ9ImEiIGhlaWdodD0iMjIiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHdpZHRoPSIyMiIgeD0iMSIgeT0iMSI+PHBhdGggZD0ibTIzIDFoLTIydjIyaDIyeiIgZmlsbD0iI2ZmZiIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2EpIj48cGF0aCBkPSJtMjIuNTYgMTIuMjUwNWMwLS43OC0uMDctMS41My0uMi0yLjI1aC0xMC4zNnY0LjI1NWg1LjkyYy0uMjU1IDEuMzc1LTEuMDI5OSAyLjU0LTIuMTk1IDMuMzJ2Mi43NmgzLjU1NWMyLjA4LTEuOTE1IDMuMjgtNC43MzUgMy4yOC04LjA4NXoiIGZpbGw9IiM0Mjg1ZjQiLz48cGF0aCBkPSJtMTIgMjIuOTk5OGMyLjk3IDAgNS40NTk5LS45ODUgNy4yNzk5LTIuNjY0OWwtMy41NTUtMi43NmMtLjk4NDkuNjYtMi4yNDUgMS4wNDk5LTMuNzI0OSAxLjA0OTktMi44NjUxIDAtNS4yOTAwNS0xLjkzNS02LjE1NTA5LTQuNTM1aC0zLjY3NDk5djIuODVjMS44MTAwNSAzLjU5NTEgNS41MzAwMyA2LjA2IDkuODMwMDggNi4wNnoiIGZpbGw9IiMzNGE4NTMiLz48cGF0aCBkPSJtNS44NDQ5NSAxNC4wODk2Yy0uMjItLjY2LS4zNDQ5Ni0xLjM2NS0uMzQ0OTYtMi4wOXMuMTI0OTYtMS40My4zNDQ5Ni0yLjA5MDA0di0yLjg0OTk5aC0zLjY3NDk5Yy0uNzQ0OTIgMS40ODUtMS4xNjk5NiAzLjE2NTAzLTEuMTY5OTYgNC45NDAwMyAwIDEuNzc0OS40MjUwNCAzLjQ1NSAxLjE2OTk2IDQuOTR6IiBmaWxsPSIjZmJiYzA0Ii8+PHBhdGggZD0ibTEyIDUuMzc1MDNjMS42MTQ5IDAgMy4wNjQ5LjU1NDk1IDQuMjA0OSAxLjY0NDk0bDMuMTU1MS0zLjE1NTAyYy0xLjkwNS0xLjc3NDk2LTQuMzk1MS0yLjg2NDk1LTcuMzYtMi44NjQ5NS00LjMwMDA1IDAtOC4wMjAwMyAyLjQ2NDk5LTkuODMwMDggNi4wNjAwMWwzLjY3NDk5IDIuODQ5OTljLjg2NTA0LTIuNTk5OTYgMy4yODk5OS00LjUzNDk3IDYuMTU1MDktNC41MzQ5N3oiIGZpbGw9IiNlOTQyMzUiLz48L2c+PC9zdmc+";
+
+	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+";
+
+	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+";
+
+	var keeperDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMWMtNi4wNzIgMC0xMSA0LjkyMjA1LTExIDEwLjk5NzEgMCA2LjA3NSA0LjkyMjEzIDExLjAwMjkgMTEgMTEuMDAyOSA2LjA3NzkgMCAxMS00LjkyMjEgMTEtMTAuOTk3MSAwLTYuMDc0OTktNC45MjIxLTExLjAwMjktMTEtMTEuMDAyOXptMS4yNTU1IDEuNjM4NzMgMS43MDEzLjQzMzF2Mi4zODIwMWwxLjkwMDgtMS41NjI2NSAxLjQwOCAxLjA0MTc3LTMuNjE5NyAyLjk3MzEzaC0xLjM5MDR6bS0zLjMyNjQzLS4yMzQxaDEuNzAxMzN2Ni44ODI2OGgzLjUwODNsNC4yMTgxLTMuMzY1MjYgMS4wNjE5IDEuMzI4NTUtNC42ODc1IDMuNzM5OGgtNS44MDIxM3ptLTQuOTg2NjcgMTQuNDc5MzctMS43MDEzMy0xLjQ0NTZ2LTYuNDYxMjhsMS43MDEzMy0xLjU2MjY1em0zLjMyNjQgMi4wMzY3LTEuNzAxMzMgMS40ODA3di0xNi42NTA2N2wxLjcwMTMzIDEuNDgwNzF6bTguNTgyOSAxLjQyMjItMS45MDA4LTEuNTYyNnYyLjM4MmwtMS43MDEzLjQzMzF2LTUuMjYxNWgxLjM5MDRsMy42MTk3IDIuOTY3MnptMi41MDUxLTIuMjY1LTQuMjE4MS0zLjM2NTJoLTMuNTA4M3Y2Ljg4ODVoLTEuNzAxMzN2LTguNTg1OGg1LjgwMjEzbDQuNjg3NSAzLjczOTktMS4wNjE5IDEuMzI4NXptMS4zMi0zLjIwNzItMy40NzMxLTIuODY3OCAzLjQ3MzEtMi44Njc3NiAxLjA3OTUgMS4zMTA5Ni0xLjg4OTEgMS41NTY4IDEuODg5MSAxLjU1Njh6IiBmaWxsPSIjZmZjNzAwIi8+PC9zdmc+";
+
+	var keeperLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTEuOTY0NiAyMi40ODk3YzUuOTQ1NSAwIDEwLjc2NTMtNC41NTk4IDEwLjc2NTMtMTAuMTg0NiAwLTUuNjI0NzItNC44MTk4LTEwLjE4NDQ5LTEwLjc2NTMtMTAuMTg0NDktNS45NDU1OCAwLTEwLjc2NTM4IDQuNTU5NzctMTAuNzY1MzggMTAuMTg0NDkgMCA1LjYyNDggNC44MTk4IDEwLjE4NDYgMTAuNzY1MzggMTAuMTg0NnoiIGZpbGw9IiNmZmM3MDAiLz48cGF0aCBkPSJtMTIgMWMtNi4wNzIgMC0xMSA0LjkzMzg3LTExIDExLjAyMzUgMCA2LjA4OTYgNC45MjIxMyAxMS4wMjkzIDExIDExLjAyOTMgNi4wNzc5IDAgMTEtNC45MzM5IDExLTExLjAyMzUgMC02LjA4OTU3LTQuOTIyMS0xMS4wMjkzLTExLTExLjAyOTN6bTEuMjU1NSAxLjY0MjY3IDEuNzAxMy40MzQxM3YyLjM4NzczbDEuOTAwOC0xLjU2NjQgMS40MDggMS4wNDQyNy0zLjYxOTcgMi45ODAyN2gtMS4zOTA0em0tMy4zMjY0My0uMjM0NjdoMS43MDEzM3Y2Ljg5OTJoMy41MDgzbDQuMjE4MS0zLjM3MzMzIDEuMDYxOSAxLjMzMTczLTQuNjg3NSAzLjc0ODhoLTUuODAyMTN6bS00Ljk4NjY3IDE0LjUxNDEtMS43MDEzMy0xLjQ0OXYtNi40NzY4M2wxLjcwMTMzLTEuNTY2NHptMy4zMjY0IDIuMDQxNi0xLjcwMTMzIDEuNDg0M3YtMTYuNjkwNjdsMS43MDEzMyAxLjQ4NDI3em04LjU4MjkgMS40MjU2LTEuOTAwOC0xLjU2NjR2Mi4zODc4bC0xLjcwMTMuNDM0MXYtNS4yNzQxaDEuMzkwNGwzLjYxOTcgMi45NzQ0em0yLjUwNTEtMi4yNzA0LTQuMjE4MS0zLjM3MzNoLTMuNTA4M3Y2LjkwNTFoLTEuNzAxMzN2LTguNjA2NGg1LjgwMjEzbDQuNjg3NSAzLjc0ODgtMS4wNjE5IDEuMzMxN3ptMS4zMi0zLjIxNDktMy40NzMxLTIuODc0NyAzLjQ3MzEtMi44NzQ2MyAxLjA3OTUgMS4zMTQxMy0xLjg4OTEgMS41NjA1IDEuODg5MSAxLjU2MDZ6IiBmaWxsPSIjMDAwIi8+PC9zdmc+";
+
+	var keyDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjIgMTloLTZ2LTRoLTIuNjhjLTEuMTQgMi40Mi0zLjYgNC02LjMyIDQtMy44NiAwLTctMy4xNC03LTdzMy4xNC03IDctN2MyLjcyIDAgNS4xNyAxLjU4IDYuMzIgNGgxMC42OHY2aC0yem0tNC0yaDJ2LTRoMnYtMmgtMTAuMDZsLS4yMy0uNjdjLS43LTEuOTktMi42LTMuMzMtNC43MS0zLjMzLTIuNzYgMC01IDIuMjQtNSA1czIuMjQgNSA1IDVjMi4xMSAwIDQuMDEtMS4zNCA0LjcxLTMuMzNsLjIzLS42N2g2LjA2em0tMTEtMmMtMS42NSAwLTMtMS4zNS0zLTNzMS4zNS0zIDMtMyAzIDEuMzUgMyAzLTEuMzUgMy0zIDN6bTAtNGMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMSAxLS40NSAxLTEtLjQ1LTEtMS0xeiIgZmlsbD0iI2JlYzRjYSIvPjwvc3ZnPg==";
+
+	var keyLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjIgMTloLTZ2LTRoLTIuNjhjLTEuMTQgMi40Mi0zLjYgNC02LjMyIDQtMy44NiAwLTctMy4xNC03LTdzMy4xNC03IDctN2MyLjcyIDAgNS4xNyAxLjU4IDYuMzIgNGgxMC42OHY2aC0yem0tNC0yaDJ2LTRoMnYtMmgtMTAuMDZsLS4yMy0uNjdjLS43LTEuOTktMi42LTMuMzMtNC43MS0zLjMzLTIuNzYgMC01IDIuMjQtNSA1czIuMjQgNSA1IDVjMi4xMSAwIDQuMDEtMS4zNCA0LjcxLTMuMzNsLjIzLS42N2g2LjA2em0tMTEtMmMtMS42NSAwLTMtMS4zNS0zLTNzMS4zNS0zIDMtMyAzIDEuMzUgMyAzLTEuMzUgMy0zIDN6bTAtNGMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMSAxLS40NSAxLTEtLjQ1LTEtMS0xeiIgZmlsbD0iIzYzNmM3NCIvPjwvc3ZnPg==";
+
+	var lastPassDark = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xIDguMDRjMC0yLjQ2NDIyIDAtMy42OTYzNS40Nzk1Ny00LjYzNzU2LjQyMTg0LS44Mjc5MSAxLjA5NDk2LTEuNTAxMDMgMS45MjI4Ny0xLjkyMjg3Ljk0MTIxLS40Nzk1NyAyLjE3MzM0LS40Nzk1NyA0LjYzNzU2LS40Nzk1N2g3LjkyYzIuNDY0MiAwIDMuNjk2MyAwIDQuNjM3Ni40Nzk1Ny44Mjc5LjQyMTg0IDEuNTAxIDEuMDk0OTYgMS45MjI4IDEuOTIyODcuNDc5Ni45NDEyMS40Nzk2IDIuMTczMzQuNDc5NiA0LjYzNzU2djcuOTJjMCAyLjQ2NDIgMCAzLjY5NjMtLjQ3OTYgNC42Mzc2LS40MjE4LjgyNzktMS4wOTQ5IDEuNTAxLTEuOTIyOCAxLjkyMjgtLjk0MTMuNDc5Ni0yLjE3MzQuNDc5Ni00LjYzNzYuNDc5NmgtNy45MmMtMi40NjQyMiAwLTMuNjk2MzUgMC00LjYzNzU2LS40Nzk2LS44Mjc5MS0uNDIxOC0xLjUwMTAzLTEuMDk0OS0xLjkyMjg3LTEuOTIyOC0uNDc5NTctLjk0MTMtLjQ3OTU3LTIuMTczNC0uNDc5NTctNC42Mzc2em02LjQxNjY3IDMuOTZjMCAxLjAxMjUtLjgyMDgyIDEuODMzMy0xLjgzMzM0IDEuODMzM3MtMS44MzMzMy0uODIwOC0xLjgzMzMzLTEuODMzMy44MjA4MS0xLjgzMzMgMS44MzMzMy0xLjgzMzMgMS44MzMzNC44MjA4IDEuODMzMzQgMS44MzMzem0zLjY2NjYzIDEuODMzM2MxLjAxMjUgMCAxLjgzMzQtLjgyMDggMS44MzM0LTEuODMzM3MtLjgyMDktMS44MzMzLTEuODMzNC0xLjgzMzMtMS44MzMzLjgyMDgtMS44MzMzIDEuODMzMy44MjA4IDEuODMzMyAxLjgzMzMgMS44MzMzem03LjMzMzQtMS44MzMzYzAgMS4wMTI1LS44MjA5IDEuODMzMy0xLjgzMzQgMS44MzMzcy0xLjgzMzMtLjgyMDgtMS44MzMzLTEuODMzMy44MjA4LTEuODMzMyAxLjgzMzMtMS44MzMzIDEuODMzNC44MjA4IDEuODMzNCAxLjgzMzN6bTIuMi0zLjY2NjY3Yy0uMjAyNSAwLS4zNjY3LjE2NDE2LS4zNjY3LjM2NjY3djYuNmMwIC4yMDI1LjE2NDIuMzY2Ny4zNjY3LjM2NjdoLjE4MzNjLjIwMjUgMCAuMzY2Ny0uMTY0Mi4zNjY3LS4zNjY3di02LjZjMC0uMjAyNTEtLjE2NDItLjM2NjY3LS4zNjY3LS4zNjY2N3oiIGZpbGw9IiNkMjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
+
+	var lastPassLight = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xIDguMDRjMC0yLjQ2NDIyIDAtMy42OTYzNS40Nzk1Ny00LjYzNzU2LjQyMTg0LS44Mjc5MSAxLjA5NDk2LTEuNTAxMDMgMS45MjI4Ny0xLjkyMjg3Ljk0MTIxLS40Nzk1NyAyLjE3MzM0LS40Nzk1NyA0LjYzNzU2LS40Nzk1N2g3LjkyYzIuNDY0MiAwIDMuNjk2MyAwIDQuNjM3Ni40Nzk1Ny44Mjc5LjQyMTg0IDEuNTAxIDEuMDk0OTYgMS45MjI4IDEuOTIyODcuNDc5Ni45NDEyMS40Nzk2IDIuMTczMzQuNDc5NiA0LjYzNzU2djcuOTJjMCAyLjQ2NDIgMCAzLjY5NjMtLjQ3OTYgNC42Mzc2LS40MjE4LjgyNzktMS4wOTQ5IDEuNTAxLTEuOTIyOCAxLjkyMjgtLjk0MTMuNDc5Ni0yLjE3MzQuNDc5Ni00LjYzNzYuNDc5NmgtNy45MmMtMi40NjQyMiAwLTMuNjk2MzUgMC00LjYzNzU2LS40Nzk2LS44Mjc5MS0uNDIxOC0xLjUwMTAzLTEuMDk0OS0xLjkyMjg3LTEuOTIyOC0uNDc5NTctLjk0MTMtLjQ3OTU3LTIuMTczNC0uNDc5NTctNC42Mzc2em02LjQxNjY3IDMuOTZjMCAxLjAxMjUtLjgyMDgyIDEuODMzMy0xLjgzMzM0IDEuODMzM3MtMS44MzMzMy0uODIwOC0xLjgzMzMzLTEuODMzMy44MjA4MS0xLjgzMzMgMS44MzMzMy0xLjgzMzMgMS44MzMzNC44MjA4IDEuODMzMzQgMS44MzMzem0zLjY2NjYzIDEuODMzM2MxLjAxMjUgMCAxLjgzMzQtLjgyMDggMS44MzM0LTEuODMzM3MtLjgyMDktMS44MzMzLTEuODMzNC0xLjgzMzMtMS44MzMzLjgyMDgtMS44MzMzIDEuODMzMy44MjA4IDEuODMzMyAxLjgzMzMgMS44MzMzem03LjMzMzQtMS44MzMzYzAgMS4wMTI1LS44MjA5IDEuODMzMy0xLjgzMzQgMS44MzMzcy0xLjgzMzMtLjgyMDgtMS44MzMzLTEuODMzMy44MjA4LTEuODMzMyAxLjgzMzMtMS44MzMzIDEuODMzNC44MjA4IDEuODMzNCAxLjgzMzN6bTIuMi0zLjY2NjY3Yy0uMjAyNSAwLS4zNjY3LjE2NDE2LS4zNjY3LjM2NjY3djYuNmMwIC4yMDI1LjE2NDIuMzY2Ny4zNjY3LjM2NjdoLjE4MzNjLjIwMjUgMCAuMzY2Ny0uMTY0Mi4zNjY3LS4zNjY3di02LjZjMC0uMjAyNTEtLjE2NDItLjM2NjY3LS4zNjY3LS4zNjY2N3oiIGZpbGw9IiNkMjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
+
+	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,
 	    );
+	  }
 
-	    this.#handlePositionChange();
+	  init() {
+	    super.init?.();
 
-	    // When descope-anchored forwards st-host-direction from the anchor to this container,
-	    // propagate it to the attachment elements.
-	    const container = this.shadowRoot.querySelector('.attachment-container');
-	    observeAttributes(container, () => this.#syncDirection(), {
-	      includeAttrs: ['st-host-direction'],
-	    });
+	    this.appsList.itemRenderer = itemRenderer$1;
 
-	    // Re-sync direction when new elements are slotted into the attachment slot.
-	    this.attachmentSlot.addEventListener('slotchange', () =>
-	      this.#syncDirection(),
-	    );
+	    this.appsList.addEventListener('click', this.onRemoveClick.bind(this));
+	    this.addPasskeyButton.addEventListener('click', this.onAddClick.bind(this));
 
-	    this.defaultSlot.addEventListener('slotchange', () => {
-	      this.#setVisibility();
-	      window.requestAnimationFrame(() => this.#syncAvailableSizeAttr());
+	    forwardAttrs(this.appsList, this, { includeAttrs: ['empty'] });
+
+	    this.removeButton.addEventListener('slotchange', () => {
+	      this.data = [...this.data]; // re-renders list
 	    });
 
-	    window.requestAnimationFrame(() => this.#setVisibility());
+	    // apply default labels
+	    this.onLabelChange();
+	    this.updateButtonLabel(this.addPasskeyButton, this.addPasskeyButtonLabel);
 	  }
 
-	  // To support conditional components in flow, we need to sync the 'hidden' className to the root of the component.
-	  // Ideally, this would happen in the SDK, but we resolved to this patch to fix the issue without forcing users to update SDKs.
-	  #syncComponentState() {
-	    const hasHidden = this.anchored?.classList?.contains('hidden');
-	    this.classList.toggle('hidden', hasHidden);
+	  onAddClick() {
+	    if (this.readOnly) return;
+
+	    this.dispatchEvent(
+	      new CustomEvent('add-passkey-clicked', {
+	        bubbles: true,
+	        detail: { action: 'add-passkey' },
+	      }),
+	    );
 	  }
 
-	  #syncAvailableSizeAttr() {
-	    const anchor = this.defaultSlot?.assignedElements()?.[0];
+	  onRemoveClick(e) {
+	    if (this.readOnly) return;
 
-	    const anchorRect = anchor?.getBoundingClientRect();
-	    if (anchorRect) {
-	      const availableWidth = anchorRect.width;
-	      this.#attachment?.setAttribute(
-	        'data-attachment-size',
-	        Number(availableWidth),
+	    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' },
+	        }),
 	      );
 	    }
 	  }
 
-	  #setVisibility() {
-	    const hasAnchor = this.defaultSlot?.assignedElements()?.length > 0;
-	    this.classList.toggle('hidden', !hasAnchor);
+	  get label() {
+	    return this.getAttribute('label') || 'Passkey';
 	  }
 
-	  #syncDirection() {
-	    const direction = this.shadowRoot
-	      .querySelector('.attachment-container')
-	      ?.getAttribute('st-host-direction');
+	  get readOnly() {
+	    return this.getAttribute('readonly') === 'true';
+	  }
 
-	    if (!direction) return;
-	    // currently we support direction sync only for web-components-ui
-	    // elements, which support st-host-direction attribute.
-	    this.#attachment?.setAttribute('st-host-direction', direction);
+	  get allowRemove() {
+	    return this.getAttribute('allow-remove') === 'true';
 	  }
 
-	  get offsetX() {
-	    return this.getAttribute('offset-x') || '0px';
+	  get format() {
+	    return this.getAttribute('format')?.toUpperCase() || 'MM-DD-YYYY';
 	  }
 
-	  get offsetY() {
-	    return this.getAttribute('offset-y') || '0px';
+	  get addPasskeyButtonLabel() {
+	    return this.getAttribute('add-passkey-button-label') || 'Add';
+	  }
+	  get removePasskeyButtonLabel() {
+	    return this.getAttribute('remove-passkey-button-label') || 'Remove';
 	  }
 
-	  #handlePositionChange() {
-	    const pos = this.getAttribute('position');
-	    if (!ATTACHMENT_POSITIONS.includes(pos)) {
-	      this.setAttribute('position', DEFAULT_POSITION);
+	  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 attachmentContainer = { selector: () => '.attachment-container' };
+	const { host: host$k } = {
+	  host: { selector: () => ':host' },
+	};
 
-	const AttachmentClass = compose(
+	const UserPasskeysClass = compose(
 	  createStyleMixin$1({
 	    mappings: {
-	      transform: { ...attachmentContainer },
-	      justifyContent: { ...attachmentContainer },
-	      maxWidth: { ...attachmentContainer },
-	      top: { ...attachmentContainer },
-	      bottom: { ...attachmentContainer },
-	      left: { ...attachmentContainer },
-	      right: { ...attachmentContainer },
-	      offsetX: {},
-	      offsetY: {},
+	      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,
-	)(RawAttachment);
+	)(RawUserPasskeysClass);
 
-	const vars$I = AttachmentClass.cssVarList;
+	const vars$I = UserPasskeysClass.cssVarList;
 
-	const defaultOffset = '8px';
-	const insetCalc = `calc(${defaultOffset} + var(${vars$I.offsetX}))`;
+	const userPasskeys = {
+	  [vars$I.hostWidth]: 'auto',
+	  [vars$I.hostWidth]: '300px',
+	  [vars$I.hostMinWidth]: '300px',
 
-	const attachment = {
-	  [vars$I.maxWidth]: `calc(100% - 2 * ${defaultOffset})`,
+	  [vars$I.headerGap]: globals.spacing.lg,
+	  [vars$I.listGap]: globals.spacing.xl,
 
-	  position: {
-	    'top-start': {
-	      [vars$I.transform]: 'translateY(-50%)',
-	      [vars$I.justifyContent]: 'start',
-	      [vars$I.left]: insetCalc,
-	      [vars$I.top]: useVar$1(vars$I.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%',
-	    },
-	    'top-end': {
-	      [vars$I.transform]: 'translateY(-50%)',
-	      [vars$I.justifyContent]: 'end',
-	      [vars$I.right]: insetCalc,
-	      [vars$I.top]: useVar$1(vars$I.offsetY),
-	    },
-	    'bottom-start': {
-	      [vars$I.transform]: 'translateY(50%)',
-	      [vars$I.justifyContent]: 'start',
-	      [vars$I.left]: insetCalc,
-	      [vars$I.bottom]: useVar$1(vars$I.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%',
-	    },
-	    'bottom-end': {
-	      [vars$I.transform]: 'translateY(50%)',
-	      [vars$I.justifyContent]: 'end',
-	      [vars$I.right]: insetCalc,
-	      [vars$I.bottom]: useVar$1(vars$I.offsetY),
-	    },
+	  [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 attachment$1 = /*#__PURE__*/Object.freeze({
+	var userPasskeys$1 = /*#__PURE__*/Object.freeze({
 	  __proto__: null,
-	  default: attachment
+	  default: userPasskeys,
+	  vars: vars$I
 	});
 
 	const getOverrideCssVarName = (origVarName) => `${origVarName}__override`;
@@ -98028,9 +98737,7 @@ descope-enriched-text {
 	      return;
 	    }
 
-	    this.list.replaceChildren(
-	      ...this.validate().map(this.buildValidationItem.bind(this)),
-	    );
+	    this.list.replaceChildren(...this.validate().map(this.buildValidationItem.bind(this)));
 	  }
 
 	  updateLabel(val) {
@@ -105746,7 +106453,7 @@ descope-enriched-text {
 	  [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: {
@@ -106040,6 +106747,7 @@ descope-enriched-text {
 	  trustedDevices,
 	  tooltip: tooltip$1,
 	  attachment: attachment$1,
+	  userPasskeys: userPasskeys$1,
 	};
 
 	const theme = Object.keys(components).reduce(
@@ -106052,7 +106760,7 @@ descope-enriched-text {
 	);
 
 	const defaultTheme = { globals: globals$1, components: theme };
-	const themeVars = { globals: vars$17, components: vars };
+	const themeVars = { globals: vars$18, components: vars };
 
 	const colors = {
 	  surface: {
@@ -106865,6 +107573,7 @@ descope-enriched-text {
 	index_cjs$4.UploadFileClass = UploadFileClass;
 	index_cjs$4.UserAttributeClass = UserAttributeClass;
 	index_cjs$4.UserAuthMethodClass = UserAuthMethodClass;
+	index_cjs$4.UserPasskeysClass = UserPasskeysClass;
 	index_cjs$4.componentsThemeManager = componentsThemeManager;
 	index_cjs$4.createComponentsTheme = createComponentsTheme;
 	index_cjs$4.createHelperVars = createHelperVars;
@@ -106966,6 +107675,7 @@ const TrustedDevicesClass = index_cjsExports.TrustedDevicesClass;
 const TooltipClass = index_cjsExports.TooltipClass;
 const HoneypotClass = index_cjsExports.HoneypotClass;
 const AttachmentClass = index_cjsExports.AttachmentClass;
+const UserPasskeysClass = index_cjsExports.UserPasskeysClass;
 
 const Checkbox = React__default.default.forwardRef((props, ref) => React__default.default.createElement("descope-checkbox", { ...props, ref: ref }));
 
@@ -107193,8 +107903,8 @@ const defaultProps = {
     // in the future, 'active-policies' can be injected in runtime
     'active-policies': [],
     /* these patterns are cloned in the orchestration service (context.go file)
-    * make sure to update both places when changing it
-    */
+     * make sure to update both places when changing it
+     */
     // non-user-editable patterns
     'data-password-policy-pattern-minlength': '^.{{{value}},}$',
     'data-password-policy-pattern-lowercase': '[a-z]',
@@ -107574,6 +108284,12 @@ const LastAuthBadge = React__default.default.forwardRef(({ children, offsetX, of
     return (React__default.default.createElement(Attachment, { ...props, ref: ref, offsetX: offsetX, offsetY: offsetY, attachment: attachment }, children));
 });
 
+const UserPasskeys = React__default.default.forwardRef(({ allowRemove, createdAtLabel, addButtonLabel, removeButtonLabel, methodIcon, methodIconDark, buttonIcon, buttonIconDark, removeIcon, removeIconDark, ...props }, ref) => (React__default.default.createElement("descope-user-passkeys", { "allow-remove": allowRemove, "created-at-label": createdAtLabel, "add-passkey-button-label": addButtonLabel, ...props, ref: ref },
+    methodIcon && methodIconDark && (React__default.default.createElement(Icon, { icon: methodIcon, "src-dark": methodIconDark, slot: "method-icon" })),
+    buttonIcon && buttonIconDark && (React__default.default.createElement(Icon, { icon: buttonIcon, "src-dark": buttonIconDark, slot: "button-icon" })),
+    allowRemove && removeIcon && removeIconDark && (React__default.default.createElement(Icon, { icon: removeIcon, "src-dark": removeIconDark, slot: "remove-button" })),
+    allowRemove && React__default.default.createElement("span", { slot: "remove-button" }, removeButtonLabel))));
+
 const globalsThemeToStyle = index_cjsExports.globalsThemeToStyle;
 const createComponentsTheme = index_cjsExports.createComponentsTheme;
 const themeToStyle = index_cjsExports.themeToStyle;
@@ -107717,6 +108433,8 @@ exports.UserAttribute = UserAttribute;
 exports.UserAttributeClass = UserAttributeClass;
 exports.UserAuthMethod = UserAuthMethod;
 exports.UserAuthMethodClass = UserAuthMethodClass;
+exports.UserPasskeys = UserPasskeys;
+exports.UserPasskeysClass = UserPasskeysClass;
 exports.apple = apple;
 exports.authenticator = authenticator;
 exports.componentsThemeManager = componentsThemeManager;