/**
 * 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-54ea932e] { position: relative; padding: 16px;
}
.config-card[data-v-54ea932e] { background: var(--vvd-color-canvas); border-radius: 8px; padding: 24px;
}
.loading-overlay[data-v-54ea932e] { 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-54ea932e] { background: var(--vvd-color-success-50); color: var(--vvd-color-success-600); padding: 12px; border-radius: 4px; margin-bottom: 16px;
}
.field-group[data-v-54ea932e] { margin-bottom: 20px;
}
.field-label[data-v-54ea932e] { display: block; font-weight: 600; margin-bottom: 4px;
}
.field-hint[data-v-54ea932e] { color: var(--vvd-color-neutral-600); font-size: 0.875rem; margin: 4px 0 8px;
}
.required[data-v-54ea932e] { color: var(--vvd-color-alert-500);
}
.full-width[data-v-54ea932e] { width: 100%;
}
.actions[data-v-54ea932e] { display: flex; justify-content: flex-end; margin-top: 24px;
}
.error-message[data-v-54ea932e] { color: var(--vvd-color-alert-600); margin-top: 12px; font-size: 0.875rem;
}

.template-preview[data-v-836eb004] { border: 1px solid var(--vvd-color-neutral-200); border-radius: 8px; overflow: hidden; max-width: 320px;
}
.preview-header[data-v-836eb004] { background: var(--vvd-color-cta-50); padding: 8px 12px; font-size: 0.75rem; color: var(--vvd-color-neutral-600);
}
.preview-body[data-v-836eb004] { padding: 12px; background: #e5ddd5;
}
.preview-section[data-v-836eb004] { background: white; border-radius: 8px; padding: 8px 12px; margin-bottom: 8px;
}
.preview-text[data-v-836eb004] { font-size: 0.875rem; line-height: 1.5; white-space: pre-wrap;
}
.preview-footer[data-v-836eb004] { font-size: 0.75rem; color: var(--vvd-color-neutral-500);
}
.preview-header-text[data-v-836eb004] { font-weight: 600;
}
.preview-media[data-v-836eb004] { text-align: center;
}
.preview-image[data-v-836eb004] { max-width: 100%; border-radius: 4px;
}
.preview-media-placeholder[data-v-836eb004] { padding: 24px; text-align: center; background: var(--vvd-color-neutral-100); border-radius: 4px;
}
.preview-buttons[data-v-836eb004] { display: flex; flex-direction: column; gap: 4px;
}
.preview-button[data-v-836eb004] { background: white; border: 1px solid var(--vvd-color-cta-400); border-radius: 4px; padding: 6px 12px; text-align: center; font-size: 0.875rem; color: var(--vvd-color-cta-600);
}

.dynamic-url-button[data-v-27a58eae] { margin-bottom: 12px;
}
.field-label[data-v-27a58eae] { display: block; font-size: 0.875rem; margin-bottom: 4px;
}
.full-width[data-v-27a58eae] { width: 100%;
}

.wa-template-builder[data-v-5fd2240e] { padding: 8px 0;
}
.loading[data-v-5fd2240e] { display: flex; align-items: center; gap: 8px; margin-bottom: 16px;
}
.field-group[data-v-5fd2240e] { margin-bottom: 20px;
}
.field-label[data-v-5fd2240e] { display: block; font-weight: 600; margin-bottom: 6px;
}
.field-label-sm[data-v-5fd2240e] { display: block; font-size: 0.875rem; margin-bottom: 4px; color: var(--vvd-color-neutral-700);
}
.field-hint[data-v-5fd2240e] { font-size: 0.8rem; color: var(--vvd-color-neutral-500); margin: 2px 0 8px;
}
.full-width[data-v-5fd2240e] { width: 100%;
}
.variable-input[data-v-5fd2240e] { margin-bottom: 12px; padding: 12px; background: var(--vvd-color-neutral-50); border-radius: 4px;
}

.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-3d1fd4f6] { min-height: 100vh; font-family: var(--vvd-typography-base);
}
.loading-screen[data-v-3d1fd4f6] { display: flex; align-items: center; justify-content: center; height: 200px;
}
.loading-overlay[data-v-3d1fd4f6] { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.7); z-index: 10;
}
.tabs[data-v-3d1fd4f6] { display: flex; gap: 4px; padding: 16px 16px 0;
}
.tab-content[data-v-3d1fd4f6] { padding: 16px;
}
.recipient-row[data-v-3d1fd4f6] { display: flex; gap: 16px; margin-bottom: 16px;
}
.field-col[data-v-3d1fd4f6] { flex: 1;
}
.field-label[data-v-3d1fd4f6] { display: block; font-weight: 600; margin-bottom: 4px;
}
.message-builder-wrapper[data-v-3d1fd4f6] { padding-top: 16px;
}