/**
 * Do not edit directly, this file was auto-generated.
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
.vvd-root {
  color: var(--vvd-color-canvas-text);
  color-scheme: var(--vvd-color-scheme);
}

:root.vvd-root {
  background-color: var(--vvd-color-canvas);
}

.vvd-scrollbar {
  --scrollbar-track-color: transparent;
  --scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);
}
.vvd-scrollbar {
  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
  scrollbar-width: thin;
}
.vvd-scrollbar ::-webkit-scrollbar {
  width: 4px;
}
.vvd-scrollbar ::-webkit-scrollbar-track {
  background: var(--scrollbar-track-color);
}
.vvd-scrollbar ::-webkit-scrollbar-thumb {
  border: 0;
  border-radius: 4px;
  background-color: var(--scrollbar-fallback-track-color, var(--scrollbar-thumb-color));
}

.vvd-neutral-tint-elevation {
  --_vvd-tinted-color-surface-0dp: var(--vvd-neutral-tint-color-surface-0dp);
  --_vvd-tinted-color-surface-2dp: var(--vvd-neutral-tint-color-surface-2dp);
  --_vvd-tinted-color-surface-4dp: var(--vvd-neutral-tint-color-surface-4dp);
  --_vvd-tinted-color-surface-8dp: var(--vvd-neutral-tint-color-surface-8dp);
  --_vvd-tinted-color-surface-12dp: var(--vvd-neutral-tint-color-surface-12dp);
  --_vvd-tinted-color-surface-16dp: var(--vvd-neutral-tint-color-surface-16dp);
  --_vvd-tinted-color-surface-24dp: var(--vvd-neutral-tint-color-surface-24dp);
  --_vvd-tinted-shadow-surface-0dp: var(--vvd-neutral-tint-shadow-surface-0dp);
  --_vvd-tinted-shadow-surface-2dp: var(--vvd-neutral-tint-shadow-surface-2dp);
  --_vvd-tinted-shadow-surface-4dp: var(--vvd-neutral-tint-shadow-surface-4dp);
  --_vvd-tinted-shadow-surface-8dp: var(--vvd-neutral-tint-shadow-surface-8dp);
  --_vvd-tinted-shadow-surface-12dp: var(
  	--vvd-neutral-tint-shadow-surface-12dp
  );
  --_vvd-tinted-shadow-surface-16dp: var(
  	--vvd-neutral-tint-shadow-surface-16dp
  );
  --_vvd-tinted-shadow-surface-24dp: var(
  	--vvd-neutral-tint-shadow-surface-24dp
  );
}
.vvd-neutral-tint-elevation > * {
  --_vvd-tinted-color-surface-0dp: var(--vvd-color-surface-0dp);
  --_vvd-tinted-color-surface-2dp: var(--vvd-color-surface-2dp);
  --_vvd-tinted-color-surface-4dp: var(--vvd-color-surface-4dp);
  --_vvd-tinted-color-surface-8dp: var(--vvd-color-surface-8dp);
  --_vvd-tinted-color-surface-12dp: var(--vvd-color-surface-12dp);
  --_vvd-tinted-color-surface-16dp: var(--vvd-color-surface-16dp);
  --_vvd-tinted-color-surface-24dp: var(--vvd-color-surface-24dp);
  --_vvd-tinted-shadow-surface-0dp: var(--vvd-shadow-surface-0dp);
  --_vvd-tinted-shadow-surface-2dp: var(--vvd-shadow-surface-2dp);
  --_vvd-tinted-shadow-surface-4dp: var(--vvd-shadow-surface-4dp);
  --_vvd-tinted-shadow-surface-8dp: var(--vvd-shadow-surface-8dp);
  --_vvd-tinted-shadow-surface-12dp: var(--vvd-shadow-surface-12dp);
  --_vvd-tinted-shadow-surface-16dp: var(--vvd-shadow-surface-16dp);
  --_vvd-tinted-shadow-surface-24dp: var(--vvd-shadow-surface-24dp);
}

.vvd-root:root {
  --vvd-size-font-scale-base: 1rem;
  font-size: unset;
}
.vvd-root:root > body {
  font: var(--vvd-typography-base);
  font-feature-settings: "kern"; /* turns on kerning */
  -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */
  -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */
  text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */
}
.vvd-root:not(:root) {
  font: var(--vvd-typography-base);
  font-feature-settings: "kern"; /* turns on kerning */
  -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */
  -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */
  text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */
}
.vvd-root p,
.vvd-root .font-base {
  font: var(--vvd-typography-base);
  margin-block: 16px;
}
.vvd-root p.tight,
.vvd-root .font-base.tight {
  margin-block: 0;
}
.vvd-root .font-base-bold {
  font: var(--vvd-typography-base-bold);
}
.vvd-root .font-base-condensed {
  font: var(--vvd-typography-base-condensed);
}
.vvd-root .font-base-condensed-bold {
  font: var(--vvd-typography-base-condensed-bold);
}
.vvd-root .font-base-extended {
  font: var(--vvd-typography-base-extended);
}
.vvd-root .font-base-extended-bold {
  font: var(--vvd-typography-base-extended-bold);
}
.vvd-root .font-base-code {
  font: var(--vvd-typography-base-code);
}
.vvd-root b, .vvd-root strong {
  font-weight: 600;
}
.vvd-root pre, .vvd-root var, .vvd-root code, .vvd-root kbd, .vvd-root samp {
  font: var(--vvd-typography-base-code);
}
.vvd-root .headline {
  font: var(--vvd-typography-headline);
  margin-block: 40px;
}
.vvd-root .subtitle {
  font: var(--vvd-typography-subtitle);
  margin-block: 40px;
}
.vvd-root h1,
.vvd-root .heading1 {
  font: var(--vvd-typography-heading-1);
  margin-block: 32px;
}
.vvd-root h2,
.vvd-root .heading2 {
  font: var(--vvd-typography-heading-2);
  margin-block: 32px;
}
.vvd-root h3,
.vvd-root .heading3 {
  font: var(--vvd-typography-heading-3);
  margin-block: 24px;
}
.vvd-root h4,
.vvd-root .heading4 {
  font: var(--vvd-typography-heading-4);
  margin-block: 24px;
}
.vvd-root h5,
.vvd-root .heading5 {
  font: var(--vvd-typography-heading-5);
  margin-block: 16px;
}
.vvd-root h6,
.vvd-root .heading6 {
  font: var(--vvd-typography-heading-6);
  margin-block: 14px;
}
.vvd-root .headline b, .vvd-root .headline strong,
.vvd-root .subtitle b,
.vvd-root .subtitle strong,
.vvd-root h1 b,
.vvd-root h1 strong,
.vvd-root .heading1 b,
.vvd-root .heading1 strong,
.vvd-root h2 b,
.vvd-root h2 strong,
.vvd-root .heading2 b,
.vvd-root .heading2 strong,
.vvd-root h3 b,
.vvd-root h3 strong,
.vvd-root .heading3 b,
.vvd-root .heading3 strong,
.vvd-root h4 b,
.vvd-root h4 strong,
.vvd-root .heading4 b,
.vvd-root .heading4 strong,
.vvd-root h5 b,
.vvd-root h5 strong,
.vvd-root .heading5 b,
.vvd-root .heading5 strong,
.vvd-root h6 b,
.vvd-root h6 strong,
.vvd-root .heading6 b,
.vvd-root .heading6 strong {
  font-weight: 500;
}
.vvd-root .headline.tight,
.vvd-root .subtitle.tight,
.vvd-root h1.tight,
.vvd-root .heading1.tight,
.vvd-root h2.tight,
.vvd-root .heading2.tight,
.vvd-root h3.tight,
.vvd-root .heading3.tight,
.vvd-root h4.tight,
.vvd-root .heading4.tight,
.vvd-root h5.tight,
.vvd-root .heading5.tight,
.vvd-root h6.tight,
.vvd-root .heading6.tight {
  margin-block: 0;
}
.vvd-root small,
.vvd-root figcaption {
  font: var(--vvd-typography-base-condensed);
}
.vvd-root sub,
.vvd-root sup {
  position: relative;
  font: var(--vvd-typography-base-condensed);
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
.vvd-root sub {
  bottom: -0.25em;
}
.vvd-root sup {
  top: -0.5em;
}
/**
 * Do not edit directly, this file was auto-generated.
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
@property --vvd-size-density {
  syntax: "<integer>";
  inherits: true;
  initial-value: 0;
}
@property --vvd-size-font-scale-base {
  syntax: "<length>";
  inherits: true;
  initial-value: 16px;
}
.vvd-root, ::part(vvd-root) {
  --vvd-color-scheme: light;
  --vvd-color-canvas: #ffffff;
  --vvd-color-canvas-text: #0d0d0d;
  --vvd-color-neutral-50: #F2F2F2;
  --vvd-color-neutral-100: #E6E6E6;
  --vvd-color-neutral-200: #cccccc;
  --vvd-color-neutral-300: #b3b3b3;
  --vvd-color-neutral-400: #929292;
  --vvd-color-neutral-500: #757575;
  --vvd-color-neutral-600: #666666;
  --vvd-color-neutral-700: #4d4d4d;
  --vvd-color-neutral-800: #333333;
  --vvd-color-neutral-900: #1a1a1a;
  --vvd-color-neutral-950: #0d0d0d;
  --vvd-color-cta-50: #f5f0fd;
  --vvd-color-cta-100: #ece2fa;
  --vvd-color-cta-200: #dcc1fc;
  --vvd-color-cta-300: #cba1fa;
  --vvd-color-cta-400: #b27bf2;
  --vvd-color-cta-500: #9941ff;
  --vvd-color-cta-600: #871eff;
  --vvd-color-cta-700: #6405d1;
  --vvd-color-cta-800: #440291;
  --vvd-color-cta-900: #26044d;
  --vvd-color-cta-950: #140623;
  --vvd-color-warning-50: #FDF5D4;
  --vvd-color-warning-100: #FDEAA0;
  --vvd-color-warning-200: #FACC4B;
  --vvd-color-warning-300: #fa9f00;
  --vvd-color-warning-400: #e07902;
  --vvd-color-warning-500: #be5702;
  --vvd-color-warning-600: #A64C03;
  --vvd-color-warning-700: #893000;
  --vvd-color-warning-800: #522801;
  --vvd-color-warning-900: #2A1502;
  --vvd-color-warning-950: #150B01;
  --vvd-color-information-50: #e8f4fb;
  --vvd-color-information-100: #d3e9fc;
  --vvd-color-information-200: #9dd2fe;
  --vvd-color-information-300: #65baff;
  --vvd-color-information-400: #2997f0;
  --vvd-color-information-500: #0276d5;
  --vvd-color-information-600: #0e65c2;
  --vvd-color-information-700: #094a9e;
  --vvd-color-information-800: #0e306d;
  --vvd-color-information-900: #071939;
  --vvd-color-information-950: #040d1d;
  --vvd-color-announcement-50: #ffedfb;
  --vvd-color-announcement-100: #ffdcf7;
  --vvd-color-announcement-200: #f8b9e7;
  --vvd-color-announcement-300: #fb8fd8;
  --vvd-color-announcement-400: #e560bb;
  --vvd-color-announcement-500: #d6219c;
  --vvd-color-announcement-600: #bb1e89;
  --vvd-color-announcement-700: #8f1669;
  --vvd-color-announcement-800: #620256;
  --vvd-color-announcement-900: #32082c;
  --vvd-color-announcement-950: #1d031a;
  --vvd-color-success-50: #e1f8e5;
  --vvd-color-success-100: #cfeed4;
  --vvd-color-success-200: #86e090;
  --vvd-color-success-300: #53ca6a;
  --vvd-color-success-400: #30a849;
  --vvd-color-success-500: #1c8731;
  --vvd-color-success-600: #167629;
  --vvd-color-success-700: #155923;
  --vvd-color-success-800: #183a1e;
  --vvd-color-success-900: #0a1e11;
  --vvd-color-success-950: #060f09;
  --vvd-color-alert-50: #ffeef2;
  --vvd-color-alert-100: #fedfdf;
  --vvd-color-alert-200: #ffbbbb;
  --vvd-color-alert-300: #fe9696;
  --vvd-color-alert-400: #f75959;
  --vvd-color-alert-500: #e61d1d;
  --vvd-color-alert-600: #cd0d0d;
  --vvd-color-alert-700: #9f0202;
  --vvd-color-alert-800: #6e0000;
  --vvd-color-alert-900: #3e0004;
  --vvd-color-alert-950: #250004;
  --vvd-color-neutral-tint-50: #f2f3f9;
  --vvd-color-neutral-tint-100: #e5e5ec;
  --vvd-color-neutral-tint-200: #cbcbd9;
  --vvd-color-neutral-tint-300: #b2b1c7;
  --vvd-color-neutral-tint-400: #908fae;
  --vvd-color-neutral-tint-500: #727198;
  --vvd-color-neutral-tint-600: #63628d;
  --vvd-color-neutral-tint-700: #494977;
  --vvd-color-neutral-tint-800: #31304f;
  --vvd-color-neutral-tint-900: #191828;
  --vvd-color-neutral-tint-950: #0d0c15;
  --vvd-color-surface-0dp: #ffffff;
  --vvd-color-surface-2dp: #ffffff;
  --vvd-color-surface-4dp: #ffffff;
  --vvd-color-surface-8dp: #ffffff;
  --vvd-color-surface-12dp: #ffffff;
  --vvd-color-surface-16dp: #ffffff;
  --vvd-color-surface-24dp: #ffffff;
  --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);
  --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);
  --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);
  --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);
  --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);
  --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);
  --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);
  --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #31304f1a) drop-shadow(0px 1px 0px #31304f1a) drop-shadow(0px -1px 0px #31304f1a) drop-shadow(-1px 0px 0px #31304f1a);
  --vvd-neutral-tint-shadow-surface-2dp: drop-shadow(0px 1px 4px #26044d1a) drop-shadow(0px 1px 2px #26044d0d) drop-shadow(0px 2px 1px #26044d0d);
  --vvd-neutral-tint-shadow-surface-4dp: drop-shadow(0px 2px 8px #26044d1a) drop-shadow(0px 2px 4px #26044d0d) drop-shadow(0px 4px 2px #26044d0d);
  --vvd-neutral-tint-shadow-surface-8dp: drop-shadow(0px 2px 16px #26044d1a) drop-shadow(0px 8px 8px #26044d0d) drop-shadow(0px 4px 4px #26044d0d);
  --vvd-neutral-tint-shadow-surface-12dp: drop-shadow(0px 4px 24px #26044d1a) drop-shadow(0px 12px 16px #26044d0d) drop-shadow(0px 6px 8px #26044d0d);
  --vvd-neutral-tint-shadow-surface-16dp: drop-shadow(0px 6px 32px #26044d1a) drop-shadow(0px 16px 24px #26044d0d) drop-shadow(0px 8px 12px #26044d0d);
  --vvd-neutral-tint-shadow-surface-24dp: drop-shadow(0px 12px 48px #26044d33) drop-shadow(0px 24px 32px #26044d0d) drop-shadow(0px 12px 16px #26044d0d);
  --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16) * 4.125)/1.3333333333333333 Montserrat;
  --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16) * 3.25)/1.3076923076923077 Montserrat;
  --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16) * 2.5)/1.3 Montserrat;
  --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16) * 2)/1.375 Montserrat;
  --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16) * 1.625)/1.3846153846153846 Montserrat;
  --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16) * 1.25)/1.4 Montserrat;
  --vvd-typography-heading-5: 500 calc(var(--vvd-size-font-scale-base, 16) * 1.125)/1.4 Montserrat;
  --vvd-typography-heading-6: 500 calc(var(--vvd-size-font-scale-base, 16) * 1)/1.4 Montserrat;
  --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16) * 0.875)/1.4285714285714286 Montserrat;
  --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16) * 0.875)/1.4285714285714286 Montserrat;
  --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16) * 0.875)/1.4285714285714286 Roboto Mono;
  --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16) * 0.75)/1.3333333333333333 Montserrat;
  --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16) * 0.75)/1.3333333333333333 Montserrat;
  --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16))/1.5 Montserrat;
  --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16))/1.5 Montserrat;
}

.vvd-theme-alternate, ::part(vvd-theme-alternate) {
  --vvd-color-scheme: dark;
  --vvd-color-canvas: #000000;
  --vvd-color-canvas-text: #ffffff;
  --vvd-color-neutral-50: #1a1a1a;
  --vvd-color-neutral-100: #333333;
  --vvd-color-neutral-200: #4d4d4d;
  --vvd-color-neutral-300: #666666;
  --vvd-color-neutral-400: #757575;
  --vvd-color-neutral-500: #929292;
  --vvd-color-neutral-600: #b3b3b3;
  --vvd-color-neutral-700: #cccccc;
  --vvd-color-neutral-800: #E6E6E6;
  --vvd-color-neutral-900: #F2F2F2;
  --vvd-color-neutral-950: #ffffff;
  --vvd-color-cta-50: #26044d;
  --vvd-color-cta-100: #440291;
  --vvd-color-cta-200: #6405d1;
  --vvd-color-cta-300: #871eff;
  --vvd-color-cta-400: #9941ff;
  --vvd-color-cta-500: #b27bf2;
  --vvd-color-cta-600: #cba1fa;
  --vvd-color-cta-700: #dcc1fc;
  --vvd-color-cta-800: #ece2fa;
  --vvd-color-cta-900: #f5f0fd;
  --vvd-color-warning-50: #2A1502;
  --vvd-color-warning-100: #522801;
  --vvd-color-warning-200: #803807;
  --vvd-color-warning-300: #A64C03;
  --vvd-color-warning-400: #be5702;
  --vvd-color-warning-500: #e07902;
  --vvd-color-warning-600: #fa9f00;
  --vvd-color-warning-700: #FACC4B;
  --vvd-color-warning-800: #FDEAA0;
  --vvd-color-warning-900: #FDF5D4;
  --vvd-color-information-50: #071939;
  --vvd-color-information-100: #0e306d;
  --vvd-color-information-200: #094a9e;
  --vvd-color-information-300: #0e65c2;
  --vvd-color-information-400: #0276d5;
  --vvd-color-information-500: #2997f0;
  --vvd-color-information-600: #65baff;
  --vvd-color-information-700: #9dd2fe;
  --vvd-color-information-800: #d3e9fc;
  --vvd-color-information-900: #e8f4fb;
  --vvd-color-announcement-50: #32082c;
  --vvd-color-announcement-100: #620256;
  --vvd-color-announcement-200: #8f1669;
  --vvd-color-announcement-300: #bb1e89;
  --vvd-color-announcement-400: #d6219c;
  --vvd-color-announcement-500: #e560bb;
  --vvd-color-announcement-600: #fb8fd8;
  --vvd-color-announcement-700: #f8b9e7;
  --vvd-color-announcement-800: #ffdcf7;
  --vvd-color-announcement-900: #ffedfb;
  --vvd-color-success-50: #0a1e11;
  --vvd-color-success-100: #183a1e;
  --vvd-color-success-200: #155923;
  --vvd-color-success-300: #167629;
  --vvd-color-success-400: #1c8731;
  --vvd-color-success-500: #30a849;
  --vvd-color-success-600: #53ca6a;
  --vvd-color-success-700: #86e090;
  --vvd-color-success-800: #cfeed4;
  --vvd-color-success-900: #e1f8e5;
  --vvd-color-alert-50: #3e0004;
  --vvd-color-alert-100: #6e0000;
  --vvd-color-alert-200: #9f0202;
  --vvd-color-alert-300: #cd0d0d;
  --vvd-color-alert-400: #e61d1d;
  --vvd-color-alert-500: #f75959;
  --vvd-color-alert-600: #fe9696;
  --vvd-color-alert-700: #ffbbbb;
  --vvd-color-alert-800: #fedfdf;
  --vvd-color-alert-900: #ffeef2;
  --vvd-color-neutral-tint-50: #191828;
  --vvd-color-neutral-tint-100: #31304f;
  --vvd-color-neutral-tint-200: #494977;
  --vvd-color-neutral-tint-300: #63628d;
  --vvd-color-neutral-tint-400: #727198;
  --vvd-color-neutral-tint-500: #908fae;
  --vvd-color-neutral-tint-600: #b2b1c7;
  --vvd-color-neutral-tint-700: #cbcbd9;
  --vvd-color-neutral-tint-800: #e5e5ec;
  --vvd-color-neutral-tint-900: #f2f3f9;
  --vvd-color-surface-0dp: #0d0d0d;
  --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;
  --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;
  --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;
  --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;
  --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;
  --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;
  --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);
  --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);
  --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);
  --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);
  --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);
  --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);
  --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);
  --vvd-neutral-tint-color-surface-0dp: #191828;
  --vvd-neutral-tint-color-surface-2dp: linear-gradient(#ffffff08, #ffffff08), #191828;
  --vvd-neutral-tint-color-surface-4dp: linear-gradient(#ffffff0f, #ffffff0f), #191828;
  --vvd-neutral-tint-color-surface-8dp: linear-gradient(#ffffff14, #ffffff14), #191828;
  --vvd-neutral-tint-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #191828;
  --vvd-neutral-tint-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #191828;
  --vvd-neutral-tint-color-surface-24dp: linear-gradient(#ffffff33, #ffffff33), #191828;
  --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #f2f3f91a) drop-shadow(0px 1px 0px #f2f3f91a) drop-shadow(0px -1px 0px #f2f3f91a) drop-shadow(-1px 0px 0px #f2f3f91a);
  --vvd-neutral-tint-shadow-surface-2dp: none;
  --vvd-neutral-tint-shadow-surface-4dp: none;
  --vvd-neutral-tint-shadow-surface-8dp: none;
  --vvd-neutral-tint-shadow-surface-12dp: none;
  --vvd-neutral-tint-shadow-surface-16dp: none;
  --vvd-neutral-tint-shadow-surface-24dp: none;
}
@font-face {
  font-display: block;
  font-family: SpeziaCompleteVariableUpright;
  font-stretch: 50% 200%;
  font-weight: 1 1000;
  src: url("https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableUprightWeb.woff2") format("woff2");
}
@font-face {
  font-display: block;
  font-family: SpeziaMonoCompleteVariable;
  font-stretch: 50% 200%;
  font-weight: 1 1000;
  src: url("https://fonts.resources.vonage.com/fonts/v2/SpeziaMonoCompleteVariableWeb.woff2") format("woff2");
}
.vvd-root {
  --vvd-typography-headline: 500 condensed
  	calc(var(--vvd-size-font-scale-base, 16px) * 4.125) / 1.3333333333333333
  	speziacompletevariableupright;
  --vvd-typography-subtitle: 500 condensed
  	calc(var(--vvd-size-font-scale-base, 16px) * 3.25) / 1.3076923076923077
  	speziacompletevariableupright;
  --vvd-typography-heading-1: 500 condensed
  	calc(var(--vvd-size-font-scale-base, 16px) * 2.5) / 1.3
  	speziacompletevariableupright;
  --vvd-typography-heading-2: 500 condensed
  	calc(var(--vvd-size-font-scale-base, 16px) * 2) / 1.375
  	speziacompletevariableupright;
  --vvd-typography-heading-3: 500 condensed
  	calc(var(--vvd-size-font-scale-base, 16px) * 1.625) / 1.3846153846153846
  	speziacompletevariableupright;
  --vvd-typography-heading-4: 500 condensed
  	calc(var(--vvd-size-font-scale-base, 16px) * 1.25) / 1.4
  	speziacompletevariableupright;
  --vvd-typography-heading-5: 500 condensed
  	calc(var(--vvd-size-font-scale-base, 16px) * 1.125) / 1.4
  	speziacompletevariableupright;
  --vvd-typography-heading-6: 500 condensed
  	calc(var(--vvd-size-font-scale-base, 16px) * 1) / 1.4
  	speziacompletevariableupright;
  --vvd-typography-base: 400 ultra-condensed
  	calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286
  	speziacompletevariableupright;
  --vvd-typography-base-bold: 600 ultra-condensed
  	calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286
  	speziacompletevariableupright;
  --vvd-typography-base-code: 400 ultra-condensed
  	calc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286
  	speziamonocompletevariable;
  --vvd-typography-base-condensed: 400 ultra-condensed
  	calc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333
  	speziacompletevariableupright;
  --vvd-typography-base-condensed-bold: 600 ultra-condensed
  	calc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333
  	speziacompletevariableupright;
  --vvd-typography-base-extended: 400 ultra-condensed
  	calc(var(--vvd-size-font-scale-base, 16px)) / 1.5
  	speziacompletevariableupright;
  --vvd-typography-base-extended-bold: 600 ultra-condensed
  	calc(var(--vvd-size-font-scale-base, 16px)) / 1.5
  	speziacompletevariableupright;
}
/* sass-plugin-1:/Users/maronato/Developer/vue-toastification/src/scss/index.scss */
.Vue-Toastification__container {
  z-index: 9999;
  position: fixed;
  padding: 4px;
  width: 600px;
  box-sizing: border-box;
  display: flex;
  min-height: 100%;
  color: #fff;
  flex-direction: column;
  pointer-events: none;
}
@media only screen and (min-width : 600px) {
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.top-center {
    top: 1em;
  }
  .Vue-Toastification__container.bottom-left,
  .Vue-Toastification__container.bottom-right,
  .Vue-Toastification__container.bottom-center {
    bottom: 1em;
    flex-direction: column-reverse;
  }
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.bottom-left {
    left: 1em;
  }
  .Vue-Toastification__container.top-left .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-left .Vue-Toastification__toast {
    margin-right: auto;
  }
  @supports not (-moz-appearance: none) {
    .Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,
    .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl {
      margin-right: unset;
      margin-left: auto;
    }
  }
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.bottom-right {
    right: 1em;
  }
  .Vue-Toastification__container.top-right .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-right .Vue-Toastification__toast {
    margin-left: auto;
  }
  @supports not (-moz-appearance: none) {
    .Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,
    .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl {
      margin-left: unset;
      margin-right: auto;
    }
  }
  .Vue-Toastification__container.top-center,
  .Vue-Toastification__container.bottom-center {
    left: 50%;
    margin-left: -300px;
  }
  .Vue-Toastification__container.top-center .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-center .Vue-Toastification__toast {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width : 600px) {
  .Vue-Toastification__container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Vue-Toastification__container .Vue-Toastification__toast {
    width: 100%;
  }
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.top-center {
    top: 0;
  }
  .Vue-Toastification__container.bottom-left,
  .Vue-Toastification__container.bottom-right,
  .Vue-Toastification__container.bottom-center {
    bottom: 0;
    flex-direction: column-reverse;
  }
}
.Vue-Toastification__toast {
  display: inline-flex;
  position: relative;
  max-height: 800px;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 22px 24px;
  border-radius: 8px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  justify-content: space-between;
  font-family:
    "Lato",
    Helvetica,
    "Roboto",
    Arial,
    sans-serif;
  max-width: 600px;
  min-width: 326px;
  pointer-events: auto;
  overflow: hidden;
  transform: translateZ(0);
  direction: ltr;
}
.Vue-Toastification__toast--rtl {
  direction: rtl;
}
.Vue-Toastification__toast--default {
  background-color: #1976d2;
  color: #fff;
}
.Vue-Toastification__toast--info {
  background-color: #2196f3;
  color: #fff;
}
.Vue-Toastification__toast--success {
  background-color: #4caf50;
  color: #fff;
}
.Vue-Toastification__toast--error {
  background-color: #ff5252;
  color: #fff;
}
.Vue-Toastification__toast--warning {
  background-color: #ffc107;
  color: #fff;
}
@media only screen and (max-width : 600px) {
  .Vue-Toastification__toast {
    border-radius: 0px;
    margin-bottom: 0.5rem;
  }
}
.Vue-Toastification__toast-body {
  flex: 1;
  line-height: 24px;
  font-size: 16px;
  word-break: break-word;
  white-space: pre-wrap;
}
.Vue-Toastification__toast-component-body {
  flex: 1;
}
.Vue-Toastification__toast.disable-transition {
  animation: none !important;
}
.Vue-Toastification__close-button {
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  padding-left: 10px;
  cursor: pointer;
  transition: 0.3s ease;
  align-items: center;
  color: #fff;
  opacity: 0.3;
  transition: visibility 0s, opacity 0.2s linear;
}
.Vue-Toastification__close-button:hover,
.Vue-Toastification__close-button:focus {
  opacity: 1;
}
.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
  opacity: 0;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
  padding-left: unset;
  padding-right: 10px;
}
@keyframes scale-x-frames {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Vue-Toastification__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
  animation: scale-x-frames linear 1 forwards;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
  right: 0;
  left: unset;
  transform-origin: right;
}
.Vue-Toastification__icon {
  margin: auto 18px auto 0px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  transition: 0.3s ease;
  align-items: center;
  width: 20px;
  height: 100%;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
  margin: auto 0px auto 18px;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutRight {
  40% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(1000px, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Vue-Toastification__bounce-enter-active.top-left,
.Vue-Toastification__bounce-enter-active.bottom-left {
  animation-name: bounceInLeft;
}
.Vue-Toastification__bounce-enter-active.top-right,
.Vue-Toastification__bounce-enter-active.bottom-right {
  animation-name: bounceInRight;
}
.Vue-Toastification__bounce-enter-active.top-center {
  animation-name: bounceInDown;
}
.Vue-Toastification__bounce-enter-active.bottom-center {
  animation-name: bounceInUp;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left {
  animation-name: bounceOutLeft;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right {
  animation-name: bounceOutRight;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center {
  animation-name: bounceOutUp;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center {
  animation-name: bounceOutDown;
}
.Vue-Toastification__bounce-leave-active,
.Vue-Toastification__bounce-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__bounce-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}
@keyframes fadeOutTop {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-50px);
    opacity: 0;
  }
}
@keyframes fadeOutLeft {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-50px);
    opacity: 0;
  }
}
@keyframes fadeOutBottom {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(50px);
    opacity: 0;
  }
}
@keyframes fadeOutRight {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(50px);
    opacity: 0;
  }
}
@keyframes fadeInLeft {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInTop {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInBottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.Vue-Toastification__fade-enter-active.top-left,
.Vue-Toastification__fade-enter-active.bottom-left {
  animation-name: fadeInLeft;
}
.Vue-Toastification__fade-enter-active.top-right,
.Vue-Toastification__fade-enter-active.bottom-right {
  animation-name: fadeInRight;
}
.Vue-Toastification__fade-enter-active.top-center {
  animation-name: fadeInTop;
}
.Vue-Toastification__fade-enter-active.bottom-center {
  animation-name: fadeInBottom;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left {
  animation-name: fadeOutLeft;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right {
  animation-name: fadeOutRight;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center {
  animation-name: fadeOutTop;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center {
  animation-name: fadeOutBottom;
}
.Vue-Toastification__fade-leave-active,
.Vue-Toastification__fade-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__fade-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}
@keyframes slideInBlurredLeft {
  0% {
    transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    transform-origin: 100% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredTop {
  0% {
    transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 0%;
    filter: blur(240px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredRight {
  0% {
    transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    transform-origin: 0% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredBottom {
  0% {
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 100%;
    filter: blur(240px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideOutBlurredTop {
  0% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 0%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1000px) scaleY(2) scaleX(0.2);
    transform-origin: 50% 0%;
    filter: blur(240px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredBottom {
  0% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateY(1000px) scaleY(2) scaleX(0.2);
    transform-origin: 50% 100%;
    filter: blur(240px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredLeft {
  0% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-1000px) scaleX(2) scaleY(0.2);
    transform-origin: 100% 50%;
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredRight {
  0% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateX(1000px) scaleX(2) scaleY(0.2);
    transform-origin: 0% 50%;
    filter: blur(40px);
    opacity: 0;
  }
}
.Vue-Toastification__slideBlurred-enter-active.top-left,
.Vue-Toastification__slideBlurred-enter-active.bottom-left {
  animation-name: slideInBlurredLeft;
}
.Vue-Toastification__slideBlurred-enter-active.top-right,
.Vue-Toastification__slideBlurred-enter-active.bottom-right {
  animation-name: slideInBlurredRight;
}
.Vue-Toastification__slideBlurred-enter-active.top-center {
  animation-name: slideInBlurredTop;
}
.Vue-Toastification__slideBlurred-enter-active.bottom-center {
  animation-name: slideInBlurredBottom;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left {
  animation-name: slideOutBlurredLeft;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right {
  animation-name: slideOutBlurredRight;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center {
  animation-name: slideOutBlurredTop;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center {
  animation-name: slideOutBlurredBottom;
}
.Vue-Toastification__slideBlurred-leave-active,
.Vue-Toastification__slideBlurred-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__slideBlurred-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}

.configuration-wrapper[data-v-c699d2e7] { position: relative;
}
.config-card[data-v-c699d2e7] { background: #ffffff; border-radius: 10px; padding: 20px; border: 1px solid var(--vvd-color-neutral-200);
}
.loading-overlay[data-v-c699d2e7] { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.7); z-index: 10;
}
.success-banner[data-v-c699d2e7] { background: var(--vvd-color-success-50); color: var(--vvd-color-success-600); padding: 12px; border-radius: 4px; margin-bottom: 16px;
}
.field-group[data-v-c699d2e7] { margin-bottom: 20px;
}
.field-label[data-v-c699d2e7] { display: block; font-weight: 600; margin-bottom: 4px;
}
.field-hint[data-v-c699d2e7] { color: var(--vvd-color-neutral-600); font-size: 0.875rem; margin: 4px 0 8px;
}
.required[data-v-c699d2e7] { color: var(--vvd-color-alert-500);
}
.full-width[data-v-c699d2e7] { width: 100%;
}
.actions[data-v-c699d2e7] { display: flex; justify-content: flex-end; margin-top: 24px;
}
.error-message[data-v-c699d2e7] { color: var(--vvd-color-alert-600); margin-top: 12px; font-size: 0.875rem;
}

.dynamic-url-wrapper[data-v-0249970d] { padding: 8px 0;
}
.domainContainer[data-v-0249970d] { padding-bottom: 10px; margin-bottom: 10px;
}
.sctn-labels[data-v-0249970d] { font-size: 0.85rem; font-weight: 600; margin-bottom: 6px; color: var(--vvd-color-neutral-700);
}
.full-width[data-v-0249970d] { width: 100%;
}
.marginBottom[data-v-0249970d] { margin-bottom: 8px;
}
.counter-wrapper[data-v-0249970d] { position: relative;
}
.custom-counter[data-v-0249970d] { font-size: 0.7rem; color: var(--vvd-color-neutral-500); text-align: right; margin-top: 2px;
}
.pre_text_cont[data-v-0249970d] { display: flex; align-items: stretch;
}
.pre_text[data-v-0249970d] { font-size: 0.8rem; background: var(--vvd-color-neutral-100); padding: 0 10px; display: flex; align-items: center; white-space: nowrap; max-width: 180px; overflow: hidden; text-overflow: ellipsis; border-radius: 4px 0 0 4px; border: 1px solid var(--vvd-color-neutral-200); border-right: none;
}
.merged-url-input[data-v-0249970d] { flex: 1; border-radius: 0 4px 4px 0;
}

.static-button-conf-wrapper[data-v-5d6d420b] { padding: 8px 0;
}
.domainContainer[data-v-5d6d420b] { padding-bottom: 20px; margin-bottom: 10px;
}
.sctn-labels[data-v-5d6d420b] { font-size: 0.85rem; font-weight: 600; margin-bottom: 6px; color: var(--vvd-color-neutral-700);
}
.full-width[data-v-5d6d420b] { width: 100%;
}

.wa-create-message[data-v-27ab2087] { padding: 8px 0;
}
.field-group[data-v-27ab2087] { margin-bottom: 20px;
}
.field-label[data-v-27ab2087] { display: block; font-weight: 600; margin-bottom: 6px; font-size: 0.9rem; color: var(--vvd-color-neutral-800);
}
.sub-title[data-v-27ab2087] { font-size: 0.85rem; font-weight: 600; margin-bottom: 6px; color: var(--vvd-color-neutral-700);
}
.full-width[data-v-27ab2087] { width: 100%;
}
.loading-wrapper[data-v-27ab2087] { display: flex; align-items: center; gap: 8px; margin: 16px 0; color: var(--vvd-color-neutral-500); font-size: 0.875rem;
}
.rendering-section[data-v-27ab2087] { margin-top: 16px;
}
.flexContainer[data-v-27ab2087] { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px;
}
.info-box[data-v-27ab2087] { display: flex; align-items: center; gap: 6px; padding: 8px 12px; background: var(--vvd-color-information-50); border-radius: 6px; border-left: 3px solid var(--vvd-color-information-300);
}
.info-box .sub-title[data-v-27ab2087] { margin: 0; font-weight: 400; color: var(--vvd-color-information-700);
}
.infoIcon[data-v-27ab2087] { color: var(--vvd-color-information-500); flex-shrink: 0;
}

/* WhatsApp-style message bubble */
.text-message-wrapper[data-v-27ab2087] {
  margin-bottom: 16px;
  margin-top: 16px;
  padding: 14px 16px;
  background: var(--vvd-color-neutral-50);
  border-radius: 10px;
  border: 1px solid var(--vvd-color-neutral-200);
  font-size: 13px;
  line-height: 1.42857;
  color: #333;
  word-break: break-all;
}
.msg-header[data-v-27ab2087] { padding: 5px 5px 2px;
}
.msg-header b[data-v-27ab2087] { font-size: 13px;
}
.content[data-v-27ab2087] { padding: 2px 5px;
}
.content p[data-v-27ab2087] { font-size: 13px; line-height: 1.5; margin: 0; white-space: pre-wrap; word-break: break-all; color: #000;
}
.footer[data-v-27ab2087] { padding: 0 5px 4px;
}
.footer p[data-v-27ab2087] { color: #9a9a9a; font-size: 12px; margin: 0;
}

/* Action buttons — inline rounded outline, matching Jumper-FE */
.action-btn-wrapper[data-v-27ab2087] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
  padding: 8px 5px;
  border-top: 1px solid #EDEDED;
}
.wa-action-btn[data-v-27ab2087] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 14px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #54575E;
  background: transparent;
  border: 1px solid #54575E;
  border-radius: 20px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  white-space: nowrap;
  user-select: none;
}
.wa-action-btn[data-v-27ab2087]:hover { background: #EDEDED; color: #000;
}
.btn-icon[data-v-27ab2087] { font-size: 0.8rem;
}

/* Carousel */
.singleCarouselCard[data-v-27ab2087] { display: flex; gap: 12px; overflow-x: auto; padding: 8px 0 16px; margin-bottom: 16px; scrollbar-width: thin;
}
.container[data-v-27ab2087] { min-width: 200px; max-width: 220px; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); flex-shrink: 0; border: 1px solid rgba(0,0,0,0.06);
}
.img-block[data-v-27ab2087] { background: var(--vvd-color-neutral-100);
}
.carouselImage[data-v-27ab2087] { width: 100%; height: 130px; object-fit: cover; display: block;
}
.carousel-title[data-v-27ab2087] { padding: 8px 10px;
}
.title[data-v-27ab2087] { font-size: 0.8rem; margin: 0; line-height: 1.4; color: var(--vvd-color-neutral-800);
}
.bttnContainer[data-v-27ab2087] { display: flex; align-items: center; justify-content: center; padding: 9px 10px; border-top: 1px solid rgba(0,0,0,0.06); cursor: default; transition: background 0.15s;
}
.clickableButton[data-v-27ab2087] { cursor: pointer;
}
.clickableButton[data-v-27ab2087]:hover { background: rgba(0, 165, 244, 0.06);
}
.singleButtonPadding[data-v-27ab2087] { padding: 11px 10px;
}
.button-text-container[data-v-27ab2087] { display: flex; align-items: center; gap: 5px;
}
.carouselButtonIcon[data-v-27ab2087] { color: #00a5f4; font-size: 0.85rem;
}
.bttnTitle[data-v-27ab2087] { font-size: 0.8rem; color: #00a5f4; font-weight: 500;
}

/* Custom field inputs */
.custom-variable-input-wrapper[data-v-27ab2087] { margin-top: 20px;
}
.custom-variable-input-wrapper > div[data-v-27ab2087] {
  margin-bottom: 16px;
  padding: 14px 16px;
  background: var(--vvd-color-neutral-50);
  border-radius: 10px;
  border: 1px solid var(--vvd-color-neutral-200);
}
.flex-start[data-v-27ab2087] { display: flex; align-items: center; gap: 8px;
}
.paddingBottom[data-v-27ab2087] { margin-bottom: 8px;
}
.counter-wrapper[data-v-27ab2087] { position: relative;
}
.custom-counter[data-v-27ab2087] { font-size: 0.7rem; color: var(--vvd-color-neutral-400); text-align: right; margin-top: 4px;
}

/* Dialog */
.dialog-body[data-v-27ab2087] { padding: 8px 0; min-width: 300px;
}
.marginBottom[data-v-27ab2087] { margin-bottom: 10px;
}
.url-config[data-v-27ab2087] { display: flex; align-items: stretch;
}
.url-prefix[data-v-27ab2087] { font-size: 0.8rem; color: var(--vvd-color-neutral-600); background: var(--vvd-color-neutral-100); padding: 0 10px; display: flex; align-items: center; white-space: nowrap; max-width: 180px; overflow: hidden; text-overflow: ellipsis; border-radius: 4px 0 0 4px; border: 1px solid var(--vvd-color-neutral-200); border-right: none;
}

/* Variable spans */
[data-v-27ab2087] .dynamic-variable-span { background: #e3f2fd; color: #1565c0; padding: 1px 6px; border-radius: 3px; font-size: 0.85em; white-space: nowrap; font-weight: 500;
}

.view-whats-app-wrapper[data-v-23b464ee] { padding: 0;
}
.sctn-labels[data-v-23b464ee] { font-size: 0.85rem; font-weight: 600; margin-bottom: 8px; color: var(--vvd-color-neutral-700);
}
.chat[data-v-23b464ee] { position: relative;
}
.chat-container[data-v-23b464ee] { height: 100%;
}
.conversation[data-v-23b464ee] {
  position: relative;
  background: #efe7dd url('https://cloud.githubusercontent.com/assets/398893/15136779/4e765036-1639-11e6-9201-67e728e86f39.jpg') repeat;
  border-radius: 8px;
  overflow: hidden;
  min-height: 200px;
}
.conversation-container[data-v-23b464ee] {
  overflow-x: hidden;
  padding: 20px;
}

/* Message bubble */
.message--cont[data-v-23b464ee] {
  color: #000;
  clear: both;
  line-height: 14px;
  font-size: 13px;
  padding: 0;
  width: 60%;
  border: none;
  text-align: left;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}
.customPadding[data-v-23b464ee] { padding: 4px;
}
.received[data-v-23b464ee] {
  background: #fff;
  border-radius: 0px 5px 5px 5px;
  float: left;
}

/* Chat bubble tail */
.message--cont.received[data-v-23b464ee]::after {
  border-width: 0px 10px 10px 0;
  border-color: transparent #fff transparent transparent;
  top: 0;
  left: -10px;
}
.message--cont[data-v-23b464ee]::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}

/* Header media */
.img--cont[data-v-23b464ee] { text-align: center; background: #cccfd4; padding: 20px 10px;
}
.preview_media[data-v-23b464ee] { max-width: 100%; max-height: 160px; object-fit: cover; display: block; margin: 0 auto;
}
.media-placeholder[data-v-23b464ee] { display: flex; align-items: center; justify-content: center; height: 80px; color: #888;
}
.placeholder-icon[data-v-23b464ee] { font-size: 2rem;
}
.doc-preview[data-v-23b464ee] { display: flex; align-items: center; gap: 8px; color: #444;
}
.doc-icon[data-v-23b464ee] { font-size: 1.5rem; color: #e74c3c;
}
.doc-name[data-v-23b464ee] { font-size: 0.8rem; word-break: break-all;
}

/* Text content */
.headerText[data-v-23b464ee] { font-weight: 600; padding: 5px 5px 2px; margin: 0; font-size: 13px;
}
.previewTitle[data-v-23b464ee] { margin: 0; padding: 2px 5px; font-size: 13px; line-height: 1.5; white-space: pre-wrap; word-break: break-all;
}
.footerText[data-v-23b464ee] { padding: 0 5px;
}
.footerText .time[data-v-23b464ee] { color: #9a9a9a; font-size: 12px; margin: 0;
}
.custMargin[data-v-23b464ee] { margin: 0 0 4px;
}
.metadata[data-v-23b464ee] { float: right; padding: 2px 5px 4px;
}
.metadata .time[data-v-23b464ee] { color: #9a9a9a; font-size: 12px; margin: 0; padding-bottom: 5px;
}

/* Buttons */
.btn--cont[data-v-23b464ee] { width: 100%; float: left; border-top: 1px solid #EDEDED; text-align: center;
}
.btn--forWhatsapp[data-v-23b464ee] { background: #fff; font-size: 13px; color: #049CE5; display: flex; align-items: center; justify-content: center; padding: 10px; border: 1px solid #EDEDED; border-top: none;
}
.btn--forWhatsapp[data-v-23b464ee]:first-child { border-top: none;
}
.whatsappIcons[data-v-23b464ee] { margin-right: 5px; color: #049CE5;
}

/* Variable spans */
[data-v-23b464ee] .dynamic-variable-span { background: #e3f2fd; color: #1565c0; padding: 1px 4px; border-radius: 3px; font-size: 0.85em; white-space: nowrap;
}

.wa-template-builder[data-v-b288c7a6] { padding: 8px 0;
}
.builder-layout[data-v-b288c7a6] { display: flex; gap: 16px;
}
.builder-main[data-v-b288c7a6] { flex: 1; min-width: 0;
}
.builder-preview[data-v-b288c7a6] { width: 340px; flex-shrink: 0;
}
.field-label[data-v-b288c7a6] { display: block; font-weight: 600; margin-bottom: 8px;
}

/* Panel card — shared across sections */
.panel[data-v-b288c7a6] {
  background: #ffffff;
  border: 1px solid var(--vvd-color-neutral-200);
  border-radius: 10px;
  padding: 20px;
}
@media (max-width: 768px) {
.builder-layout[data-v-b288c7a6] { flex-direction: column;
}
.builder-preview[data-v-b288c7a6] { width: 100%;
}
}

.sms-builder[data-v-3d753999] { padding: 8px 0;
}
.field-group[data-v-3d753999] { margin-bottom: 20px;
}
.field-label[data-v-3d753999] { display: block; font-weight: 600; margin-bottom: 6px;
}
.field-hint[data-v-3d753999] { font-size: 0.8rem; color: var(--vvd-color-neutral-500); margin: 2px 0 8px;
}
.full-width[data-v-3d753999] { width: 100%;
}
.char-counter[data-v-3d753999] { font-size: 0.75rem; color: var(--vvd-color-neutral-500); text-align: right; margin-top: 4px;
}

.rcs-builder[data-v-07ca43b9] { padding: 8px 0;
}
.field-group[data-v-07ca43b9] { margin-bottom: 20px;
}
.field-label[data-v-07ca43b9] { display: block; font-weight: 600; margin-bottom: 6px;
}
.full-width[data-v-07ca43b9] { width: 100%;
}
.quick-replies[data-v-07ca43b9] { display: flex; flex-wrap: wrap; gap: 8px;
}
.quick-reply-chip[data-v-07ca43b9] { padding: 4px 12px; border: 1px solid var(--vvd-color-cta-400); border-radius: 16px; font-size: 0.875rem; color: var(--vvd-color-cta-600);
}

.activity-view[data-v-d1548f47] {
  min-height: 100vh;
  font-family: var(--vvd-typography-base);
  background: var(--vvd-color-neutral-100);
  padding: 16px;
  box-sizing: border-box;
}
.loading-screen[data-v-d1548f47] { display: flex; align-items: center; justify-content: center; height: 200px;
}
.loading-overlay[data-v-d1548f47] { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.7); z-index: 10;
}

/* Tabs */
.tabs[data-v-d1548f47] {
  display: flex;
  gap: 4px;
  padding: 12px 16px 0;
  background: #fff;
  border-radius: 10px 10px 0 0;
  border: 1px solid var(--vvd-color-neutral-200);
  border-bottom: none;
}

/* Tab content panel */
.tab-content[data-v-d1548f47] {
  padding: 20px;
  background: #fff;
  border-radius: 0 0 10px 10px;
  border: 1px solid var(--vvd-color-neutral-200);
  border-top: 1px solid var(--vvd-color-neutral-100);
  margin-bottom: 16px;
}

/* Recipient row — inside tab-content, subtle separator */
.recipient-row[data-v-d1548f47] {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--vvd-color-neutral-100);
}
.field-col[data-v-d1548f47] { flex: 1;
}
.field-label[data-v-d1548f47] { display: block; font-weight: 600; margin-bottom: 4px;
}
.message-builder-wrapper[data-v-d1548f47] { padding-top: 8px;
}