.va-chatbox-root {
--ui-color-alert-red: #c5131c;
--ui-color-alert-red-tint: #f9ded3;
--ui-color-alert-green: #51971b;
--ui-color-alert-green-tint: #f2f7eb;
--ui-color-alert-yellow: #f9ce22;
--ui-color-alert-yellow-tint: #fff3d5;
--ui-color-alert-blue: #4572c0;
--ui-color-alert-blue-tint: #e8eff9;
--ui-font-family-subtitlemedium: RobotoMedium, Helvetica, Arial, sans-serif;
--ui-font-family-subtitlebold: RobotoBold, Helvetica, Arial, sans-serif;
--ui-font-family-headlinebold: Swedbank Headline, Helvetica, Arial, sans-serif;
--ui-font-family-headlineblack: Swedbank Headline, Helvetica, Arial, sans-serif;
--ui-font-family-body: RobotoRegular, Helvetica, Arial, sans-serif;
--ui-font-display-large-size: var(--ui-56px);
--ui-font-display-large-line-height: var(--ui-64px);
--ui-font-display-large-weight: var(--ui-font-weight-regular);
--ui-font-display-large: var(--ui-font-display-large-weight) var(--ui-font-display-large-size) /
var(--ui-font-display-large-line-height) var(--ui-font-family-headlineblack);
--ui-font-display-medium-size: var(--ui-48px);
--ui-font-display-medium-line-height: var(--ui-56px);
--ui-font-display-medium-weight: var(--ui-font-weight-regular);
--ui-font-display-medium: var(--ui-font-display-medium-weight) var(--ui-font-display-medium-size) /
var(--ui-font-display-medium-line-height) var(--ui-font-family-headlineblack);
--ui-font-display-small-size: var(--ui-40px);
--ui-font-display-small-line-height: var(--ui-48px);
--ui-font-display-small-weight: var(--ui-font-weight-regular);
--ui-font-display-small: var(--ui-font-display-small-weight) var(--ui-font-display-small-size) /
var(--ui-font-display-small-line-height) var(--ui-font-family-headlineblack);
--ui-font-headline-large-size: var(--ui-32px);
--ui-font-headline-large-line-height: var(--ui-40px);
--ui-font-headline-large-weight: var(--ui-font-weight-regular);
--ui-font-headline-large: var(--ui-font-headline-large-weight) var(--ui-font-headline-large-size) /
var(--ui-font-headline-large-line-height) var(--ui-font-family-headlineblack);
--ui-font-headline-medium-size: var(--ui-24px);
--ui-font-headline-medium-line-height: var(--ui-32px);
--ui-font-headline-medium-weight: var(--ui-font-weight-regular);
--ui-font-headline-medium: var(--ui-font-headline-medium-weight) var(--ui-font-headline-medium-size) /
var(--ui-font-headline-medium-line-height) var(--ui-font-family-headlineblack);
--ui-font-headline-small-size: var(--ui-20px);
--ui-font-headline-small-line-height: var(--ui-28px);
--ui-font-headline-small-weight: var(--ui-font-weight-regular);
--ui-font-headline-small: var(--ui-font-headline-small-weight) var(--ui-font-headline-small-size) /
var(--ui-font-headline-small-line-height) var(--ui-font-family-headlineblack);
--ui-font-title-large-size: var(--ui-24px);
--ui-font-title-large-line-height: var(--ui-32px);
--ui-font-title-large-weight: var(--ui-font-weight-regular);
--ui-font-title-large: var(--ui-font-title-large-weight) var(--ui-font-title-large-size) /
var(--ui-font-title-large-line-height) var(--ui-font-family-headlinebold);
--ui-font-title-medium-size: var(--ui-20px);
--ui-font-title-medium-line-height: var(--ui-28px);
--ui-font-title-medium-weight: var(--ui-font-weight-regular);
--ui-font-title-medium: var(--ui-font-title-medium-weight) var(--ui-font-title-medium-size) /
var(--ui-font-title-medium-line-height) var(--ui-font-family-headlinebold);
--ui-font-body-large-size: var(--ui-16px);
--ui-font-body-large-line-height: var(--ui-24px);
--ui-font-body-large-weight: var(--ui-font-weight-regular);
--ui-font-body-large: normal var(--ui-font-body-large-size) / var(--ui-font-body-large-line-height)
var(--ui-font-family-body);
--ui-font-body-medium-size: var(--ui-14px);
--ui-font-body-medium-line-height: var(--ui-22px);
--ui-font-body-medium-weight: var(--ui-font-weight-regular);
--ui-font-body-medium: var(--ui-font-body-medium-weight) var(--ui-font-body-medium-size) /
var(--ui-font-body-medium-line-height) var(--ui-font-family-body);
--ui-font-body-medium-regular: var(--ui-font-weight-regular) var(--ui-font-body-medium-size) /
var(--ui-font-body-medium-line-height) var(--ui-font-family-body);
--ui-font-body-small-size: var(--ui-12px);
--ui-font-body-small-line-height: var(--ui-16px);
--ui-font-body-small-weight: 400;
--ui-font-body-small: normal var(--ui-font-body-small-size) / var(--ui-font-body-small-line-height)
var(--ui-font-family-body);
--ui-font-label-large-size: var(--ui-16px);
--ui-font-label-large-line-height: var(--ui-24px);
--ui-font-label-large-weight: var(--ui-font-weight-semi-regular);
--ui-font-label-large: var(--ui-font-label-large-weight) var(--ui-font-label-large-size) /
var(--ui-font-label-large-line-height) var(--ui-font-family-subtitlemedium);
--ui-font-label-medium-size: var(--ui-14px);
--ui-font-label-medium-line-height: var(--ui-22px);
--ui-font-label-medium-weight: var(--ui-font-weight-semi-regular);
--ui-font-label-medium: var(--ui-font-label-medium-weight) var(--ui-font-label-medium-size) /
var(--ui-font-label-medium-line-height) var(--ui-font-family-subtitlemedium);
--ui-font-label-small-size: var(--ui-12px);
--ui-font-label-small-line-height: var(--ui-16px);
--ui-font-label-small-weight: var(--ui-font-weight-semi-regular);
--ui-font-label-small: var(--ui-font-label-small-weight) var(--ui-font-label-small-size) /
var(--ui-font-label-small-line-height) var(--ui-font-family-subtitlemedium);
--ui-font-action-large-size: var(--ui-19px);
--ui-font-action-large-line-height: var(--ui-24px);
--ui-font-action-large-weight: var(--ui-font-weight-bold);
--ui-font-action-large: var(--ui-font-action-large-weight) var(--ui-font-action-large-size) /
var(--ui-font-action-large-line-height) var(--ui-font-family-headlinebold);
--ui-font-action-medium-size: var(--ui-16px);
--ui-font-action-medium-line-height: var(--ui-24px);
--ui-font-action-medium-weight: var(--ui-font-weight-bold);
--ui-font-action-medium: var(--ui-font-action-medium-weight) var(--ui-font-action-medium-size) /
var(--ui-font-action-medium-line-height) var(--ui-font-family-headlinebold);
--ui-font-weight-regular: 400;
--ui-font-weight-semi-regular: 500;
--ui-font-weight-semi-bold: 600;
--ui-font-weight-bold: 700;
--ui-transition-time: 0.25s;
--ui-transition-function: ease-out;
--ui-color-hover: var(--ui-color-peach);
--ui-focus-color: var(--ui-color-blue);
--ui-focus-width: var(--ui-2px);
--ui-focus-style: solid;
--ui-focus-ring: var(--ui-focus-width) var(--ui-focus-style) var(--ui-color-stroke-focus);
--ui-focus-offset: var(--ui-2px);
--ui-focus-offset-negative: calc(var(--ui-focus-width) * -1);
--ui-color-tap: rgba(254, 236, 190, 0.5);
--ui-brandingbar-height: var(--ui-3px);
--ui-header-topbar-mobile-height: var(--ui-36px);
--ui-header-toolbar-height: var(--ui-50px);
--ui-header-height: var(--ui-56px);
--ui-nav-top: calc(var(--ui-header-height) + var(--ui-brandingbar-height) + var(--ui-header-height));
--ui-modal-overlay: var(--ui-color-bark-50t);
--ui-border-radius: var(--ui-3px);
--ui-popover-filter-shadow: drop-shadow(0 0 var(--ui-4px) rgba(0, 0, 0, 0.19));
--ui-popover-redesign-filter-shadow: drop-shadow(0 0 var(--ui-2px) rgba(0, 0, 0, 0.12));
--ui-popover-filter-shadow-top: drop-shadow(0 calc(var(--ui-3px) * -1) var(--ui-4px) rgba(0, 0, 0, 0.145));
--ui-popover-filter-shadow-bottom: drop-shadow(0 var(--ui-4px) var(--ui-3px) rgba(0, 0, 0, 0.19));
--ui-popover-box-shadow: 0 var(--ui-2px) var(--ui-20px) rgba(0, 0, 0, 0.25);
--ui-shadow-down: 0 var(--ui-2px) var(--ui-12px) 0 var(--ui-color-redesign-bark-transparent-08),
0 0 var(--ui-1px) 0 var(--ui-color-redesign-bark-transparent-16);
--ui-shadow-up: 0 calc(var(--ui-2px) * -1) var(--ui-12px) 0 var(--ui-color-redesign-bark-transparent-08),
0 0 var(--ui-1px) 0 var(--ui-color-redesign-bark-transparent-16);
--ui-padding-xsmall: var(--ui-increment-50);
--ui-padding-small: var(--ui-increment-100);
--ui-padding-medium: var(--ui-increment-150);
--ui-padding-large: var(--ui-increment-200);
--ui-padding-xlarge: var(--ui-increment-300);
--ui-padding-xxlarge: var(--ui-increment-500);
--ui-spacing-xsmall: var(--ui-increment-25);
--ui-spacing-small: var(--ui-increment-100);
--ui-spacing-medium: var(--ui-increment-150);
--ui-spacing-large: var(--ui-increment-200);
--ui-spacing-xlarge: var(--ui-increment-300);
--ui-spacing-xxlarge: var(--ui-increment-400);
--ui-radius-xsmall: var(--ui-increment-50);
--ui-radius-small: var(--ui-increment-100);
--ui-radius-medium: var(--ui-increment-150);
--ui-radius-large: var(--ui-increment-200);
--ui-radius-xlarge: var(--ui-increment-300);
--ui-radius-xxlarge: var(--ui-increment-400);
--ui-radius-full: calc(var(--ui-grid-base-point) * 125);
--ui-header-layer-index: 4;
--ui-content-height: 100%;
--ui-viewport-top: 0;
--ui-viewport-top-offset: 0;
--ui-content-bottom: 0;
--ui-color-input-border: #bcd8db;
--ui-color-input-subborder: #c4e6e1;
--ui-color-input: #f1faf6;
--ui-1px:0.0625rem;
--ui-2px:0.125rem;
--ui-3px:0.1875rem;
--ui-4px:0.25rem;
--ui-5px:0.3125rem;
--ui-6px:0.375rem;
--ui-7px:0.4375rem;
--ui-8px:0.5rem;
--ui-9px:0.5625rem;
--ui-10px:0.625rem;
--ui-11px:0.6875rem;
--ui-12px:0.75rem;
--ui-13px:0.8125rem;
--ui-14px:0.875rem;
--ui-15px:0.9375rem;
--ui-16px:1rem;
--ui-17px:1.0625rem;
--ui-18px:1.125rem;
--ui-19px:1.187rem;
--ui-20px:1.25rem;
--ui-21px:1.312rem;
--ui-22px:1.375rem;
--ui-23px:1.4375rem;
--ui-24px:1.5rem;
--ui-25px:1.5625rem;
--ui-26px:1.625rem;
--ui-27px:1.6875rem;
--ui-28px:1.75rem;
--ui-29px:1.8125rem;
--ui-30px:1.875rem;
--ui-31px:1.9375rem;
--ui-32px:2rem;
--ui-33px:2.0625rem;
--ui-34px:2.125rem;
--ui-35px:2.1875rem;
--ui-36px:2.25rem;
--ui-37px:2.3125rem;
--ui-38px:2.375rem;
--ui-39px:2.4375rem;
--ui-40px:2.5rem;
--ui-41px:2.5625rem;
--ui-42px:2.625rem;
--ui-43px:2.6875rem;
--ui-44px:2.75rem;
--ui-45px:2.8125rem;
--ui-46px:2.875rem;
--ui-47px:2.9375rem;
--ui-48px:3rem;
--ui-49px:3.0625rem;
--ui-50px:3.125rem;
--ui-51px:3.1875rem;
--ui-52px:3.25rem;
--ui-53px:3.3125rem;
--ui-54px:3.375rem;
--ui-55px:3.4375rem;
--ui-56px:3.5rem;
--ui-57px:3.5625rem;
--ui-58px:3.625rem;
--ui-59px:3.6875rem;
--ui-60px:3.75rem;
--ui-64px:4rem;
--ui-75px:4.6875rem;
--ui-98px:6.125rem;
--ui-120px:7.5rem;
--ui-227px:14.1875rem;
--ui-250px:15.625rem;
--ui-300px:18.75rem;
--ui-364px:22.75rem;
--ui-400px:25rem;
--ui-600px:37.5rem;
--ui-735px:45.9375rem;
--ui-738px:46.125rem;
--ui-grid-base-point: 8px;
--ui-increment-25: calc(var(--ui-grid-base-point) * 0.25);
--ui-increment-50: calc(var(--ui-grid-base-point) * 0.5);
--ui-increment-100: var(--ui-grid-base-point);
--ui-increment-125: calc(var(--ui-grid-base-point) * 1.25);
--ui-increment-150: calc(var(--ui-grid-base-point) * 1.5);
--ui-increment-200: calc(var(--ui-grid-base-point) * 2);
--ui-increment-300: calc(var(--ui-grid-base-point) * 3);
--ui-increment-400: calc(var(--ui-grid-base-point) * 4);
--ui-increment-500: calc(var(--ui-grid-base-point) * 5);
--ui-increment-600: calc(var(--ui-grid-base-point) * 6);
--ui-increment-700: calc(var(--ui-grid-base-point) * 7);
--ui-increment-800: calc(var(--ui-grid-base-point) * 8);
--ui-increment-900: calc(var(--ui-grid-base-point) * 9);
--ui-increment-1000: calc(var(--ui-grid-base-point) * 10);
--ui-increment-1100: calc(var(--ui-grid-base-point) * 11);
--ui-increment-1200: calc(var(--ui-grid-base-point) * 12);
}
.va-chatbox-root {
--ui-color-redesign-orange-text: #fb4f00;
--ui-color-redesign-orange: #ff5f00;
--ui-color-redesign-tangerine: #ff9100;
--ui-color-redesign-pineapple: #fdc92a;
--ui-color-redesign-peach: #fff1cd;
--ui-color-redesign-apricot: #fdf6ee;
--ui-color-redesign-tulip: #990066;
--ui-color-redesign-lilac: #c5569a;
--ui-color-redesign-lavender: #d28ac5;
--ui-color-redesign-iris: #f8dbf5;
--ui-color-redesign-rose: #ffecff;
--ui-color-redesign-thistle: #fbf3f7;
--ui-color-redesign-teal: #257886;
--ui-color-redesign-turquoise: #31a3ae;
--ui-color-redesign-seafoam: #8acdc3;
--ui-color-redesign-sky: #dbf8ed;
--ui-color-redesign-aqua: #bbead9;
--ui-color-redesign-mist: #ecf9f3;
--ui-color-redesign-bark: #512b2b;
--ui-color-redesign-blue: #5b8ad6;
--ui-color-redesign-white: #ffffff;
--ui-color-redesign-black-transparent-80: rgba(0, 0, 0, 0.8);
--ui-color-redesign-black-transparent-56: rgba(0, 0, 0, 0.56);
--ui-color-redesign-alert-red: #c5131c;
--ui-color-redesign-alert-red-tint: #f9ded3;
--ui-color-redesign-alert-green: #51971b;
--ui-color-redesign-alert-green-tint: #f2f7eb;
--ui-color-redesign-alert-yellow: #fdc92a;
--ui-color-redesign-alert-yellow-tint: #fff1cd;
--ui-color-redesign-alert-blue: #4572c0;
--ui-color-redesign-alert-blue-tint: #e8eff9;
--ui-color-redesign-bark-70: var(--ui-color-redesign-bark);
--ui-color-redesign-bark-60: #715151;
--ui-color-redesign-bark-50: #917877;
--ui-color-redesign-bark-40: #b19f9e;
--ui-color-redesign-bark-30: #d1c6c4;
--ui-color-redesign-bark-20: #e5dcd7;
--ui-color-redesign-bark-10: #f2edeb;
--ui-color-redesign-bark-05: #f9f8f6;
--ui-color-redesign-bark-transparent-56: rgba(81, 43, 43, 0.56);
--ui-color-redesign-bark-transparent-24: rgba(81, 43, 43, 0.24);
--ui-color-redesign-bark-transparent-16: rgba(81, 43, 43, 0.16);
--ui-color-redesign-bark-transparent-08: rgba(81, 43, 43, 0.08);
--ui-color-redesign-bark-transparent-04: rgba(81, 43, 43, 0.04);
--ui-color-redesign-alert-subtint-red: #e2898d;
--ui-color-redesign-alert-subtint-yellow: #fadc64;
--ui-color-redesign-alert-subtint-green: #a8cb8d;
--ui-color-redesign-alert-subtint-blue: #95afdd;
--ui-color-icon-on-light: var(--ui-color-redesign-bark-70);
--ui-color-icon-on-dark: var(--ui-color-redesign-white);
--ui-color-icon-primary-on-light-high: var(--ui-color-redesign-orange-text);
--ui-color-icon-primary-on-light-medium: var(--ui-color-redesign-orange);
--ui-color-icon-secondary-on-light-high: var(--ui-color-redesign-teal);
--ui-color-icon-secondary-on-light-medium: var(--ui-color-redesign-turquoise);
--ui-color-icon-tertiary-on-light-high: var(--ui-color-redesign-tulip);
--ui-color-icon-tertiary-on-light-medium: var(--ui-color-redesign-lilac);
--ui-color-icon-activated: var(--ui-color-redesign-pineapple);
--ui-color-icon-error: var(--ui-color-redesign-alert-red);
--ui-color-icon-warning: var(--ui-color-redesign-alert-yellow);
--ui-color-icon-success: var(--ui-color-redesign-alert-green);
--ui-color-icon-information: var(--ui-color-redesign-alert-blue);
--ui-color-surface-dark: var(--ui-color-redesign-bark-70);
--ui-color-surface-light: var(--ui-color-redesign-white);
--ui-color-surface-primary-dark-high: var(--ui-color-redesign-orange-text);
--ui-color-surface-primary-dark-medium: var(--ui-color-redesign-orange);
--ui-color-surface-primary-dark-low: var(--ui-color-redesign-tangerine);
--ui-color-surface-primary-light-high: var(--ui-color-redesign-pineapple);
--ui-color-surface-primary-light-medium: var(--ui-color-redesign-peach);
--ui-color-surface-primary-light-low: var(--ui-color-redesign-apricot);
--ui-color-surface-secondary-dark-high: var(--ui-color-redesign-teal);
--ui-color-surface-secondary-dark-medium: var(--ui-color-redesign-turquoise);
--ui-color-surface-secondary-dark-low: var(--ui-color-redesign-seafoam);
--ui-color-surface-secondary-light-high: var(--ui-color-redesign-sky);
--ui-color-surface-secondary-light-medium: var(--ui-color-redesign-aqua);
--ui-color-surface-secondary-light-low: var(--ui-color-redesign-mist);
--ui-color-surface-tertiary-dark-high: var(--ui-color-redesign-tulip);
--ui-color-surface-tertiary-dark-medium: var(--ui-color-redesign-lilac);
--ui-color-surface-tertiary-dark-low: var(--ui-color-redesign-lavender);
--ui-color-surface-tertiary-light-high: var(--ui-color-redesign-iris);
--ui-color-surface-tertiary-light-medium: var(--ui-color-redesign-rose);
--ui-color-surface-tertiary-light-low: var(--ui-color-redesign-thistle);
--ui-color-surface-error: var(--ui-color-redesign-alert-red-tint);
--ui-color-surface-warning: var(--ui-color-redesign-alert-yellow-tint);
--ui-color-surface-success: var(--ui-color-redesign-alert-green-tint);
--ui-color-surface-information: var(--ui-color-redesign-alert-blue-tint);
--ui-color-surface-urgent: var(--ui-color-redesign-alert-red);
--ui-color-surface-backdrop: var(--ui-color-redesign-bark-transparent-56);
--ui-color-surface-mod-hover-on-dark: var(--ui-color-redesign-bark-transparent-08);
--ui-color-surface-mod-hover-on-light: var(--ui-color-redesign-bark-transparent-04);
--ui-color-surface-mod-disabled: var(--ui-color-redesign-black-transparent-56);
--ui-color-stroke-on-light: var(--ui-color-redesign-bark-transparent-16);
--ui-color-stroke-on-dark: var(--ui-color-redesign-bark-transparent-24);
--ui-color-stroke-interactive: var(--ui-color-redesign-teal);
--ui-color-stroke-activated: var(--ui-color-redesign-pineapple);
--ui-color-stroke-focus: var(--ui-color-redesign-blue);
--ui-color-stroke-error: var(--ui-color-redesign-alert-subtint-red);
--ui-color-stroke-warning: var(--ui-color-redesign-alert-subtint-yellow);
--ui-color-stroke-success: var(--ui-color-redesign-alert-subtint-green);
--ui-color-stroke-information: var(--ui-color-redesign-alert-subtint-blue);
--ui-color-text-primary-on-light: var(--ui-color-redesign-bark-70);
--ui-color-text-secondary-on-light: var(--ui-color-redesign-bark-60);
--ui-color-text-primary-on-dark: var(--ui-color-redesign-white);
--ui-color-text-secondary-on-dark: var(--ui-color-redesign-black-transparent-80);
--ui-color-text-interactive: var(--ui-color-redesign-teal);
--ui-color-text-display: var(--ui-color-redesign-orange-text);
--ui-color-text-highlight: var(--ui-color-redesign-tulip);
--ui-color-text-error: var(--ui-color-redesign-alert-red);
--ui-color-text-success: var(--ui-color-redesign-alert-green);
--ui-color-pfm-car: var(--ui-color-redesign-teal);
--ui-color-pfm-children: var(--ui-color-redesign-lilac);
--ui-color-pfm-education: var(--ui-color-redesign-tulip);
--ui-color-pfm-excluded: var(--ui-color-redesign-bark-40);
--ui-color-pfm-fees: var(--ui-color-redesign-seafoam);
--ui-color-pfm-food: var(--ui-color-redesign-tangerine);
--ui-color-pfm-health: #f87a78;
--ui-color-pfm-home: var(--ui-color-redesign-pineapple);
--ui-color-pfm-income: #51971b;
--ui-color-pfm-insurance: var(--ui-color-redesign-turquoise);
--ui-color-pfm-investments: #97ce5b;
--ui-color-pfm-leisure: var(--ui-color-redesign-orange);
--ui-color-pfm-no-expenses: var(--ui-color-redesign-bark-30);
--ui-color-pfm-other: #999999;
--ui-color-pfm-pfm: #ee7023;
--ui-color-pfm-services: #fea4a2;
--ui-color-pfm-unknown: #d4b8a3;
--ui-color-pfm-vacation: var(--ui-color-redesign-lavender);
--ui-color-chart-0: var(--ui-color-redesign-orange);
--ui-color-chart-1: var(--ui-color-redesign-pineapple);
--ui-color-chart-2: var(--ui-color-redesign-turquoise);
--ui-color-chart-3: var(--ui-color-redesign-lilac);
--ui-color-chart-4: var(--ui-color-redesign-blue);
--ui-color-chart-5: var(--ui-color-redesign-teal);
--ui-color-chart-6: var(--ui-color-redesign-tulip);
--ui-color-chart-7: var(--ui-color-redesign-alert-subtint-red);
--ui-color-chart-8: var(--ui-color-redesign-seafoam);
--ui-color-chart-9: var(--ui-color-redesign-lavender);
--ui-color-chart-10: var(--ui-color-redesign-orange-text);
--ui-color-chart-11: var(--ui-color-redesign-alert-subtint-blue);
--ui-color-chart-12: var(--ui-color-redesign-bark-30);
--ui-color-chart-13: var(--ui-color-redesign-alert-subtint-yellow);
--ui-color-chart-14: var(--ui-color-redesign-bark-60);
--ui-color-chart-15: var(--ui-color-redesign-bark-40);
--ui-color-chart-16: var(--ui-color-redesign-alert-green);
--ui-color-alert-red: #c5131c;
--ui-color-alert-red-tint: #f9ded3;
--ui-color-alert-green: #51971b;
--ui-color-alert-green-tint: #f2f7eb;
--ui-color-alert-yellow: #f9ce22;
--ui-color-alert-yellow-tint: #fff3d5;
--ui-color-alert-blue: #4572c0;
--ui-color-alert-blue-tint: #e8eff9;
--ui-font-family-subtitlemedium: RobotoMedium, Helvetica, Arial, sans-serif;
--ui-font-family-subtitlebold: RobotoBold, Helvetica, Arial, sans-serif;
--ui-font-family-headlinebold: Swedbank Headline, Helvetica, Arial, sans-serif;
--ui-font-family-headlineblack: Swedbank Headline, Helvetica, Arial, sans-serif;
--ui-font-family-body: RobotoRegular, Roboto, Helvetica, Arial, sans-serif;
--ui-font-family-headline: Swedbank Headline, Helvetica, Arial, sans-serif;
--ui-font-family-headline-bold: Swedbank Headline, Helvetica, Arial, sans-serif;
--ui-font-display-large-size: var(--ui-56px);
--ui-font-display-large-line-height: var(--ui-64px);
--ui-font-display-large-weight: var(--ui-font-weight-regular);
--ui-font-display-large: var(--ui-font-display-large-weight) var(--ui-font-display-large-size) /
var(--ui-font-display-large-line-height) var(--ui-font-family-headlineblack);
--ui-font-display-medium-size: var(--ui-48px);
--ui-font-display-medium-line-height: var(--ui-56px);
--ui-font-display-medium-weight: var(--ui-font-weight-regular);
--ui-font-display-medium: var(--ui-font-display-medium-weight) var(--ui-font-display-medium-size) /
var(--ui-font-display-medium-line-height) var(--ui-font-family-headlineblack);
--ui-font-display-small-size: var(--ui-40px);
--ui-font-display-small-line-height: var(--ui-48px);
--ui-font-display-small-weight: var(--ui-font-weight-regular);
--ui-font-display-small: var(--ui-font-display-small-weight) var(--ui-font-display-small-size) /
var(--ui-font-display-small-line-height) var(--ui-font-family-headlineblack);
--ui-font-headline-large-size: var(--ui-32px);
--ui-font-headline-large-line-height: var(--ui-40px);
--ui-font-headline-large-weight: var(--ui-font-weight-regular);
--ui-font-headline-large: var(--ui-font-headline-large-weight) var(--ui-font-headline-large-size) /
var(--ui-font-headline-large-line-height) var(--ui-font-family-headlineblack);
--ui-font-headline-medium-size: var(--ui-24px);
--ui-font-headline-medium-line-height: var(--ui-32px);
--ui-font-headline-medium-weight: var(--ui-font-weight-regular);
--ui-font-headline-medium: var(--ui-font-headline-medium-weight) var(--ui-font-headline-medium-size) /
var(--ui-font-headline-medium-line-height) var(--ui-font-family-headlineblack);
--ui-font-headline-small-size: var(--ui-20px);
--ui-font-headline-small-line-height: var(--ui-28px);
--ui-font-headline-small-weight: var(--ui-font-weight-regular);
--ui-font-headline-small: var(--ui-font-headline-small-weight) var(--ui-font-headline-small-size) /
var(--ui-font-headline-small-line-height) var(--ui-font-family-headlineblack);
--ui-font-title-large-size: var(--ui-24px);
--ui-font-title-large-line-height: var(--ui-32px);
--ui-font-title-large-weight: var(--ui-font-weight-regular);
--ui-font-title-large: var(--ui-font-title-large-weight) var(--ui-font-title-large-size) /
var(--ui-font-title-large-line-height) var(--ui-font-family-headlinebold);
--ui-font-title-medium-size: var(--ui-20px);
--ui-font-title-medium-line-height: var(--ui-28px);
--ui-font-title-medium-weight: var(--ui-font-weight-regular);
--ui-font-title-medium: var(--ui-font-title-medium-weight) var(--ui-font-title-medium-size) /
var(--ui-font-title-medium-line-height) var(--ui-font-family-headlinebold);
--ui-font-body-large-size: var(--ui-16px);
--ui-font-body-large-line-height: var(--ui-24px);
--ui-font-body-large-weight: var(--ui-font-weight-regular);
--ui-font-body-large: normal var(--ui-font-body-large-size) / var(--ui-font-body-large-line-height)
var(--ui-font-family-body);
--ui-font-body-medium-size: var(--ui-14px);
--ui-font-body-medium-line-height: var(--ui-22px);
--ui-font-body-medium-weight: var(--ui-font-weight-regular);
--ui-font-body-medium: var(--ui-font-body-medium-weight) var(--ui-font-body-medium-size) /
var(--ui-font-body-medium-line-height) var(--ui-font-family-body);
--ui-font-body-small-size: var(--ui-12px);
--ui-font-body-small-line-height: var(--ui-16px);
--ui-font-body-small-weight: 400;
--ui-font-body-small: normal var(--ui-font-body-small-size) / var(--ui-font-body-small-line-height)
var(--ui-font-family-body);
--ui-font-label-large-size: var(--ui-16px);
--ui-font-label-large-line-height: var(--ui-24px);
--ui-font-label-large-weight: var(--ui-font-weight-semi-regular);
--ui-font-label-large: var(--ui-font-label-large-weight) var(--ui-font-label-large-size) /
var(--ui-font-label-large-line-height) var(--ui-font-family-subtitlemedium);
--ui-font-label-medium-size: var(--ui-14px);
--ui-font-label-medium-line-height: var(--ui-22px);
--ui-font-label-medium-weight: var(--ui-font-weight-semi-regular);
--ui-font-label-medium: var(--ui-font-label-medium-weight) var(--ui-font-label-medium-size) /
var(--ui-font-label-medium-line-height) var(--ui-font-family-subtitlemedium);
--ui-font-label-small-size: var(--ui-12px);
--ui-font-label-small-line-height: var(--ui-16px);
--ui-font-label-small-weight: var(--ui-font-weight-semi-regular);
--ui-font-label-small: var(--ui-font-label-small-weight) var(--ui-font-label-small-size) /
var(--ui-font-label-small-line-height) var(--ui-font-family-subtitlemedium);
--ui-font-action-large-size: var(--ui-19px);
--ui-font-action-large-line-height: var(--ui-24px);
--ui-font-action-large-weight: var(--ui-font-weight-bold);
--ui-font-action-large: var(--ui-font-action-large-weight) var(--ui-font-action-large-size) /
var(--ui-font-action-large-line-height) var(--ui-font-family-headlinebold);
--ui-font-action-medium-size: var(--ui-16px);
--ui-font-action-medium-line-height: var(--ui-24px);
--ui-font-action-medium-weight: var(--ui-font-weight-bold);
--ui-font-action-medium: var(--ui-font-action-medium-weight) var(--ui-font-action-medium-size) /
var(--ui-font-action-medium-line-height) var(--ui-font-family-headlinebold);
--ui-font-weight-regular: 400;
--ui-font-weight-semi-regular: 500;
--ui-font-weight-semi-bold: 600;
--ui-font-weight-bold: 700;
--ui-transition-time: 0.25s;
--ui-transition-function: ease-out;
--ui-color-hover: var(--ui-color-peach);
--ui-focus-color: var(--ui-color-blue);
--ui-focus-width: var(--ui-2px);
--ui-focus-style: solid;
--ui-focus-ring: var(--ui-focus-width) var(--ui-focus-style) var(--ui-color-stroke-focus);
--ui-focus-offset: var(--ui-2px);
--ui-focus-offset-negative: calc(var(--ui-focus-width) * -1);
--ui-color-tap: rgba(254, 236, 190, 0.5);
--ui-brandingbar-height: var(--ui-3px);
--ui-header-topbar-mobile-height: var(--ui-36px);
--ui-header-toolbar-height: var(--ui-50px);
--ui-header-height: var(--ui-56px);
--ui-nav-top: calc(var(--ui-header-height) + var(--ui-brandingbar-height) + var(--ui-header-height));
--ui-modal-overlay: var(--ui-color-bark-50t);
--ui-border-radius: var(--ui-3px);
--ui-popover-filter-shadow: drop-shadow(0 0 var(--ui-4px) rgba(0, 0, 0, 0.19));
--ui-popover-redesign-filter-shadow: drop-shadow(0 0 var(--ui-2px) rgba(0, 0, 0, 0.12));
--ui-popover-filter-shadow-top: drop-shadow(0 calc(var(--ui-3px) * -1) var(--ui-4px) rgba(0, 0, 0, 0.145));
--ui-popover-filter-shadow-bottom: drop-shadow(0 var(--ui-4px) var(--ui-3px) rgba(0, 0, 0, 0.19));
--ui-popover-box-shadow: 0 var(--ui-2px) var(--ui-20px) rgba(0, 0, 0, 0.25);
--ui-shadow-down: 0 var(--ui-2px) var(--ui-12px) 0 var(--ui-color-redesign-bark-transparent-08),
0 0 var(--ui-1px) 0 var(--ui-color-redesign-bark-transparent-16);
--ui-shadow-up: 0 calc(var(--ui-2px) * -1) var(--ui-12px) 0 var(--ui-color-redesign-bark-transparent-08),
0 0 var(--ui-1px) 0 var(--ui-color-redesign-bark-transparent-16);
--ui-padding-xsmall: var(--ui-increment-50);
--ui-padding-small: var(--ui-increment-100);
--ui-padding-medium: var(--ui-increment-150);
--ui-padding-large: var(--ui-increment-200);
--ui-padding-xlarge: var(--ui-increment-300);
--ui-padding-xxlarge: var(--ui-increment-500);
--ui-spacing-xsmall: var(--ui-increment-25);
--ui-spacing-small: var(--ui-increment-100);
--ui-spacing-medium: var(--ui-increment-150);
--ui-spacing-large: var(--ui-increment-200);
--ui-spacing-xlarge: var(--ui-increment-300);
--ui-spacing-xxlarge: var(--ui-increment-400);
--ui-radius-xsmall: var(--ui-increment-50);
--ui-radius-small: var(--ui-increment-100);
--ui-radius-medium: var(--ui-increment-150);
--ui-radius-large: var(--ui-increment-200);
--ui-radius-xlarge: var(--ui-increment-300);
--ui-radius-xxlarge: var(--ui-increment-400);
--ui-radius-full: calc(var(--ui-grid-base-point) * 125);
--ui-header-layer-index: 4;
--ui-content-height: 100%;
--ui-viewport-top: 0;
--ui-viewport-top-offset: 0;
--ui-content-bottom: 0;
--ui-color-input-border: #bcd8db;
--ui-color-input-subborder: #c4e6e1;
--ui-color-input: #f1faf6;
--ui-increment-25: calc(var(--ui-grid-base-point) * 0.25);
--ui-increment-50: calc(var(--ui-grid-base-point) * 0.5);
--ui-increment-100: var(--ui-grid-base-point);
--ui-increment-125: calc(var(--ui-grid-base-point) * 1.25);
--ui-increment-150: calc(var(--ui-grid-base-point) * 1.5);
--ui-increment-200: calc(var(--ui-grid-base-point) * 2);
--ui-increment-300: calc(var(--ui-grid-base-point) * 3);
--ui-increment-400: calc(var(--ui-grid-base-point) * 4);
--ui-increment-500: calc(var(--ui-grid-base-point) * 5);
--ui-increment-600: calc(var(--ui-grid-base-point) * 6);
--ui-increment-700: calc(var(--ui-grid-base-point) * 7);
--ui-increment-800: calc(var(--ui-grid-base-point) * 8);
--ui-increment-900: calc(var(--ui-grid-base-point) * 9);
--ui-increment-1000: calc(var(--ui-grid-base-point) * 10);
--ui-increment-1100: calc(var(--ui-grid-base-point) * 11);
--ui-increment-1200: calc(var(--ui-grid-base-point) * 12);
}
@media screen and (max-width: 1023.98px) {
.va-chatbox-root {
--ui-header-height: var(--ui-55px);
}
}
@media (prefers-reduced-motion: reduce) {
.va-chatbox-root {
--ui-transition-time: 0s;
}
}
.va-chatbox-root {
--ui-color-orange: #ff5f00;
--ui-color-orange-text: #fb4f00;
--ui-color-tangerine: #ff9100;
--ui-color-pineapple: #fdc92a;
--ui-color-peach: #fff1cd;
--ui-color-apricot: #fdf6ee;
--ui-color-turquoise: #31a3ae;
--ui-color-teal: #257886;
--ui-color-seafoam: #8acdc3;
--ui-color-aqua: #bbead9;
--ui-color-sky: #dbf8ed;
--ui-color-mist: #ecf9f3;
--ui-color-lilac: #c5569a;
--ui-color-tulip: #990066;
--ui-color-lavender: #d28ac5;
--ui-color-iris: #f8dbf5;
--ui-color-rose: #ffecff;
--ui-color-thistle: #fbf3f7;
--ui-color-bark-rgb: 81, 43, 43;
--ui-color-blue: #5b8ad6;
--ui-color-bark-70: #512b2b;
--ui-color-bark-60: #715151;
--ui-color-bark-50: #917877;
--ui-color-bark-50t: rgba(var(--ui-color-bark-rgb), 0.6);
--ui-color-bark-40: #b19f9e;
--ui-color-bark-30: #d1c6c4;
--ui-color-bark-20: #e5dcd7;
--ui-color-bark-10: #f2edeb;
--ui-color-bark: var(--ui-color-bark-70);
--ui-color-mediumbrown: var(--ui-color-bark-60);
--ui-color-softbrown: var(--ui-color-bark-50);
--ui-color-lighterbark: var(--ui-color-bark-30);
--ui-color-lightbrown: var(--ui-color-bark-30);
--ui-color-darkvanilla: var(--ui-color-bark-30);
--ui-color-extrasoft-bark: var(--ui-color-bark-20);
--ui-color-grey: #ebe7e2;
--ui-color-listgrey: #999;
--ui-color-lightgrey: #f9f8f6;
--ui-color-print: #000;
--ui-color-white: #fff;
--ui-color-brown: #512b2b;
}
.va-chatbox-root [color='orange'] {
--ui-attribute-color: var(--ui-color-orange);
}
.va-chatbox-root [color='orange-text'],
.va-chatbox-root [color='orange-wcag'] {
--ui-attribute-color: var(--ui-color-orange-text);
}
.va-chatbox-root [color='pineapple'],
.va-chatbox-root [color='yellow'] {
--ui-attribute-color: var(--ui-color-pineapple);
}
.va-chatbox-root [color='info-yellow'] {
--ui-color-info-yellow: #edc562;
--ui-attribute-color: var(--ui-color-info-yellow);
}
.va-chatbox-root [color='blue'],
.va-chatbox-root [color='turquoise'] {
--ui-attribute-color: var(--ui-color-turquoise);
}
.va-chatbox-root [color='teal'],
.va-chatbox-root [color='turquoise-wcag'] {
--ui-attribute-color: var(--ui-color-teal);
}
.va-chatbox-root [color='seafoam'],
.va-chatbox-root [color='info-turquoise'] {
--ui-attribute-color: var(--ui-color-seafoam);
}
.va-chatbox-root [color='lilac'] {
--ui-attribute-color: var(--ui-color-lilac);
}
.va-chatbox-root [color='tulip'],
.va-chatbox-root [color='lilac-wcag'] {
--ui-attribute-color: var(--ui-color-tulip);
}
.va-chatbox-root [color='lavender'],
.va-chatbox-root [color='info-lilac'] {
--ui-attribute-color: var(--ui-color-lavender);
}
.va-chatbox-root [color='info-pink'] {
--ui-color-info-pink: #efb7b6;
--ui-attribute-color: var(--ui-color-info-pink);
}
.va-chatbox-root [color='info-blue'] {
--ui-color-info-blue: #90aee2;
--ui-attribute-color: var(--ui-color-info-blue);
}
.va-chatbox-root [color='bark-70'],
.va-chatbox-root [color='bark'],
.va-chatbox-root [color='brown'] {
--ui-attribute-color: var(--ui-color-bark-70);
}
.va-chatbox-root [color='bark-60'],
.va-chatbox-root [color='mediumbrown'],
.va-chatbox-root [color='info-mediumbrown'] {
--ui-attribute-color: var(--ui-color-bark-60);
}
.va-chatbox-root [color='bark-50'],
.va-chatbox-root [color='softbrown'] {
--ui-attribute-color: var(--ui-color-bark-50);
}
.va-chatbox-root [color='bark-30'],
.va-chatbox-root [color='lighterbark'],
.va-chatbox-root [color='darkvanilla'],
.va-chatbox-root [color='lightgray'],
.va-chatbox-root [color='info-brown'] {
--ui-attribute-color: var(--ui-color-bark-30);
}
.va-chatbox-root [color='listgrey'],
.va-chatbox-root [color='info-gray'] {
--ui-attribute-color: var(--ui-color-listgrey);
}
.va-chatbox-root [color='grey'],
.va-chatbox-root [color='gray'] {
--ui-attribute-color: var(--ui-color-grey);
}
.va-chatbox-root [color='white'] {
--ui-color-white: #fff;
--ui-attribute-color: var(--ui-color-white);
}
.va-chatbox-root [color='alert-red'],
.va-chatbox-root [color='red'] {
--ui-attribute-color: var(--ui-color-alert-red);
}
.va-chatbox-root [color='alert-green'],
.va-chatbox-root [color='info-green'],
.va-chatbox-root [color='alert-success'] {
--ui-attribute-color: var(--ui-color-alert-green);
}
.va-chatbox-root [color='alert-blue'] {
--ui-attribute-color: var(--ui-color-alert-blue);
}
.va-chatbox-root [color='alert-yellow'] {
--ui-attribute-color: var(--ui-color-alert-yellow);
}
.va-chatbox-root [color='tangerine'] {
--ui-attribute-color: var(--ui-color-tangerine);
}
.va-chatbox-root [color='apricot'] {
--ui-attribute-color: var(--ui-color-apricot);
}
.va-chatbox-root [color='rose'] {
--ui-attribute-color: var(--ui-color-rose);
}
.va-chatbox-root [bgcolor='orange'] {
--ui-attribute-bgcolor: var(--ui-color-orange);
}
.va-chatbox-root [bgcolor='orange-text'],
.va-chatbox-root [bgcolor='orange-wcag'] {
--ui-attribute-bgcolor: var(--ui-color-orange-text);
}
.va-chatbox-root [bgcolor='pineapple'],
.va-chatbox-root [bgcolor='yellow'] {
--ui-attribute-bgcolor: var(--ui-color-pineapple);
}
.va-chatbox-root [bgcolor='info-yellow'] {
--ui-color-info-yellow: #edc562;
--ui-attribute-bgcolor: var(--ui-color-info-yellow);
}
.va-chatbox-root [bgcolor='blue'],
.va-chatbox-root [bgcolor='turquoise'] {
--ui-attribute-bgcolor: var(--ui-color-turquoise);
}
.va-chatbox-root [bgcolor='teal'],
.va-chatbox-root [bgcolor='turquoise-wcag'] {
--ui-attribute-bgcolor: var(--ui-color-teal);
}
.va-chatbox-root [bgcolor='seafoam'],
.va-chatbox-root [bgcolor='info-turquoise'] {
--ui-attribute-bgcolor: var(--ui-color-seafoam);
}
.va-chatbox-root [bgcolor='lilac'] {
--ui-attribute-bgcolor: var(--ui-color-lilac);
}
.va-chatbox-root [bgcolor='tulip'],
.va-chatbox-root [bgcolor='lilac-wcag'] {
--ui-attribute-bgcolor: var(--ui-color-tulip);
}
.va-chatbox-root [bgcolor='lavender'],
.va-chatbox-root [bgcolor='info-lilac'] {
--ui-attribute-bgcolor: var(--ui-color-lavender);
}
.va-chatbox-root [bgcolor='info-pink'] {
--ui-color-info-pink: #efb7b6;
--ui-attribute-bgcolor: var(--ui-color-info-pink);
}
.va-chatbox-root [bgcolor='info-blue'] {
--ui-color-info-blue: #90aee2;
--ui-attribute-bgcolor: var(--ui-color-info-blue);
}
.va-chatbox-root [bgcolor='bark-70'],
.va-chatbox-root [bgcolor='bark'],
.va-chatbox-root [bgcolor='brown'] {
--ui-attribute-bgcolor: var(--ui-color-bark-70);
}
.va-chatbox-root [bgcolor='bark-60'],
.va-chatbox-root [bgcolor='mediumbrown'],
.va-chatbox-root [bgcolor='info-mediumbrown'] {
--ui-attribute-bgcolor: var(--ui-color-bark-60);
}
.va-chatbox-root [bgcolor='bark-50'],
.va-chatbox-root [bgcolor='softbrown'] {
--ui-attribute-bgcolor: var(--ui-color-bark-50);
}
.va-chatbox-root [bgcolor='bark-30'],
.va-chatbox-root [bgcolor='lighterbark'],
.va-chatbox-root [bgcolor='darkvanilla'],
.va-chatbox-root [bgcolor='lightgray'],
.va-chatbox-root [bgcolor='info-brown'] {
--ui-attribute-bgcolor: var(--ui-color-bark-30);
}
.va-chatbox-root [bgcolor='listgrey'],
.va-chatbox-root [bgcolor='info-gray'] {
--ui-attribute-bgcolor: var(--ui-color-listgrey);
}
.va-chatbox-root [bgcolor='grey'],
.va-chatbox-root [bgcolor='gray'] {
--ui-attribute-bgcolor: var(--ui-color-grey);
}
.va-chatbox-root [bgcolor='white'] {
--ui-color-white: #fff;
--ui-attribute-bgcolor: var(--ui-color-white);
}
.va-chatbox-root [bgcolor='alert-red'],
.va-chatbox-root [bgcolor='red'] {
--ui-attribute-bgcolor: var(--ui-color-alert-red);
}
.va-chatbox-root [bgcolor='info-green'],
.va-chatbox-root [bgcolor='alert-green'],
.va-chatbox-root [bgcolor='alert-success'] {
--ui-attribute-bgcolor: var(--ui-color-alert-green);
}
.va-chatbox-root [bgcolor='alert-blue'] {
--ui-attribute-bgcolor: var(--ui-color-alert-blue);
}
.va-chatbox-root [bgcolor='alert-yellow'] {
--ui-attribute-bgcolor: var(--ui-color-alert-yellow);
}
.va-chatbox-root [bgcolor='tangerine'] {
--ui-attribute-bgcolor: var(--ui-color-tangerine);
}
.va-chatbox-root [bgcolor='apricot'] {
--ui-attribute-bgcolor: var(--ui-color-apricot);
}
.va-chatbox-root [bgcolor='rose'] {
--ui-attribute-bgcolor: var(--ui-color-rose);
}
/*@font-face {
font-family: RobotoBold;
src: url('../../styles/fonts/Roboto-Bold.woff2') format('woff2'),
url('../../styles/fonts/Roboto-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: RobotoMedium;
src: url('../../styles/fonts/Roboto-Medium.woff2') format('woff2'),
url('../../styles/fonts/Roboto-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: RobotoRegular;
src: url('../../styles/fonts/Roboto-Regular.woff2') format('woff2'),
url('../../styles/fonts/Roboto-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: SwedbankRegular;
src: url('../../styles/fonts/SwedbankSans-Regular.woff') format('woff2'),
url('../../styles/fonts/SwedbankSans-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: SwedbankMedium;
src: url('../../styles/fonts/SwedbankSans-Medium.woff') format('woff2'),
url('../../styles/fonts/SwedbankSans-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: SwedbankBold;
src: url('../../styles/fonts/SwedbankSans-Bold.woff') format('woff2'),
url('../../styles/fonts/SwedbankSans-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: HeadlineBold;
src: url('../../styles/fonts/SwedbankHeadline-Bold.woff2') format('woff2'),
url('../../styles/fonts/SwedbankHeadline-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: HeadlineBlack;
src: url('../../styles/fonts/SwedbankHeadline-Black.woff2') format('woff2'),
url('../../styles/fonts/SwedbankHeadline-Black.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}*/
.va-chatbox-root p {
margin: 10px 0 0;
}
.va-chatbox-root em,
.va-chatbox-root mark,
.va-chatbox-root .highlight {
color: var(--ui-color-orange-text);
font-style: normal;
}
.va-chatbox-root .disclaimer {
color: var(--ui-color-bark-60);
font: var(--ui-font-body-medium);
margin: 10px 0 0;
}
.va-chatbox-root .disclaimer:first-child {
margin-top: 0;
}
.va-chatbox-root .disclaimer a {
color: inherit;
text-decoration: underline;
}
.va-chatbox-root h1 {
color: var(--ui-color-orange-text);
font: var(--ui-font-headline-large);
margin: 0;
}
.va-chatbox-root h2 {
font: var(--ui-font-headline-medium);
margin: 20px 0 0;
}
.va-chatbox-root h3 {
font: var(--ui-font-headline-small);
margin: 20px 0 0;
}
.va-chatbox-root h4 {
font: 600 var(--ui-font-body-large-size) / var(--ui-font-body-large-line-height) var(--ui-font-family-body);
margin: 10px 0 0;
}
.va-chatbox-root h5,
.va-chatbox-root h6 {
font: 600 var(--ui-font-body-medium-size) / var(--ui-font-body-medium-line-height) var(--ui-font-family-body);
margin: 10px 0 0;
}
.va-chatbox-root h1:first-child,
.va-chatbox-root h2:first-child,
.va-chatbox-root h3:first-child,
.va-chatbox-root h4:first-child,
.va-chatbox-root h5:first-child,
.va-chatbox-root h6:first-child,
.va-chatbox-root p:first-child {
margin-top: 0;
}
.va-chatbox-root h4 + p {
margin: 0;
}
.va-chatbox-root time:not(:first-child) {
margin-top: 10px;
}
.va-chatbox-root time {
font-size: var(--ui-13px);
color: var(--ui-color-bark-60);
}
.va-chatbox-root sub,
.va-chatbox-root sup {
font-size: 80%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.va-chatbox-root sup {
top: calc(var(--ui-8px) * -1);
}
.va-chatbox-root sub {
bottom: calc(var(--ui-4px) * -1);
}
.va-chatbox-root .units {
margin-left: 5px;
color: var(--ui-color-bark-60);
}
.va-chatbox-root .number-xl {
font-size: var(--ui-20px);
line-height: var(--ui-28px);
font-family: var(--ui-font-family-headlineblack);
}
.va-chatbox-root .-font-bold {
font-weight: normal;
font-family: var(--ui-font-family-subtitlebold);
}
.va-chatbox-root .-font-italic {
font-style: italic;
}
.va-chatbox-root .-font-medium {
font-size: var(--ui-24px);
line-height: 1;
}
.va-chatbox-root .-font-large {
font-size: var(--ui-36px);
line-height: 1;
}
.va-chatbox-root .-font-orange {
color: var(--ui-color-orange-text);
}
.va-chatbox-root .-font-headline {
font-family: var(--ui-font-family-headlineblack);
}
.va-chatbox-root .-font-headline-bold {
font-family: var(--ui-font-family-headlinebold);
}
.va-chatbox-root .-font-trend::after {
display: inline-block;
font: normal var(--ui-18px) / 1 var(--ui-font-family-body);
vertical-align: baseline;
padding: 0 2px;
}
.va-chatbox-root .-font-trend.-negative::after {
content: '\2b63';
color: var(--ui-color-alert-red);
}
.va-chatbox-root .-font-trend.-positive::after {
content: '\2b61';
color: var(--ui-color-alert-green);
}
.va-chatbox-root .-secondary {
color: var(--ui-color-bark-60);
}
.va-chatbox-root {
color: var(--ui-color-bark-70);
font: var(--ui-font-body-large);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: var(--ui-color-tap);
}
.va-chatbox-root html.-no-scroll.-preserve-scroll {
position: fixed;
overflow-y: scroll;
width: 100%;
}
.va-chatbox-root html.-no-scroll:not(.-preserve-scroll) body {
overflow: hidden;
}
.va-chatbox-root hr {
min-height: var(--ui-1px);
margin: 10px 0;
background-color: var(--ui-color-grey);
border: none;
}
.va-chatbox-root figure {
margin: 0;
}
.va-chatbox-root .frame {
background-color: #fff;
border-radius: var(--ui-border-radius);
padding: 20px;
margin: 10px 0 0;
}
.va-chatbox-root .frame:empty {
display: none;
}
.va-chatbox-root .frame.introduction {
background-color: transparent;
}
.va-chatbox-root .frame:first-child {
margin-top: 0;
}
.va-chatbox-root .frame article + article {
border-top: var(--ui-1px) solid var(--ui-color-grey);
margin: 20px 0;
}
.va-chatbox-root :is(ul, ol, p, h1, h2, h3, h4, h5, h6) + ui-awards {
margin: 15px 0 0;
}
@media screen and (max-width: 1023px) {
.va-chatbox-root .frame {
padding: 10px;
}
.va-chatbox-root :is(ul, ol, p, h1, h2, h3, h4, h5, h6) + ui-awards {
margin: 10px 0 0;
}
}
.va-chatbox-root [align][state] {
text-align: inherit;
}
.va-chatbox-root a {
align-items: center;
text-decoration: none;
color: var(--ui-color-teal);
}
.va-chatbox-root a:hover {
text-decoration: underline;
}
.va-chatbox-root a.default-link {
display: inline-block;
color: var(--ui-color-teal);
}
.va-chatbox-root a.default-link::before {
content: '';
display: inline-block;
width: var(--ui-7px);
height: var(--ui-12px);
background-color: var(--ui-color-teal);
clip-path: polygon(0 0, 100% 50%, 0 100%);
margin-right: 7px;
}
.va-chatbox-root * + a.-iconed {
margin-left: 10px;
}
.va-chatbox-root a.-iconed {
display: inline-flex;
}
.va-chatbox-root a ui-icon[bgcolor=''] {
background-color: transparent;
color: inherit;
}
.va-chatbox-root a ui-icon {
margin-right: 6px;
color: inherit;
}
.va-chatbox-root a ui-icon::after {
content: '';
clear: both;
display: table;
}
.va-chatbox-root a ui-icon svg {
fill: inherit;
}
.va-chatbox-root a.-iconed ui-icon svg {
fill: #fff;
}
.va-chatbox-root a.-iconed ui-icon:not(.-ui-icon-special) {
background-color: var(--ui-color-turquoise);
border-radius: 50%;
padding: 4px;
}
.va-chatbox-root a.-iconed:hover ui-icon:not(.-ui-icon-special) {
border-radius: 50%;
background-color: var(--ui-color-pineapple);
}
.va-chatbox-root a.-iconed:hover ui-icon svg {
fill: var(--ui-color-bark-70);
}
.va-chatbox-root a ui-icon.-ui-icon-special svg,
.va-chatbox-root a:hover ui-icon.-ui-icon-special svg {
background-color: transparent;
color: inherit;
fill: inherit;
}
.va-chatbox-root :is(ul, ol, p, h1, h2, h3, h4, h5, h6) + a.button {
margin: 10px 0 0;
}
.va-chatbox-root :is(div, ul, ol, p, h1, h2, h3, h4, h5, h6, ui-awards) + a.default-link {
margin: 15px 0 0;
}
@media screen and (max-width: 767px) {
.va-chatbox-root :is(div, ul, ol, p, h1, h2, h3, h4, h5, h6, ui-awards) + a.default-link {
margin: 10px 0 0;
}
}
.va-chatbox-root ul,
.va-chatbox-root ol {
list-style: none;
margin: 10px 0 0;
padding: 0;
}
.va-chatbox-root ul:first-child,
.va-chatbox-root ol:first-child,
.va-chatbox-root ol.numeric-list.-interrupted,
.va-chatbox-root ol.numbered-steps.-interrupted {
margin-top: 0;
}
.va-chatbox-root ol.numbered-steps,
.va-chatbox-root ol.numeric-list,
.va-chatbox-root ul.regular-list {
line-height: var(--ui-22px);
}
.va-chatbox-root ul.regular-list > li {
margin: 7px 0 0;
position: relative;
padding-left: 15px;
}
.va-chatbox-root ul.regular-list > li:first-child,
.va-chatbox-root ol.numeric-list > li:first-child,
.va-chatbox-root .links-list > li:first-child,
.va-chatbox-root .plain-list > li:first-child {
margin-top: 0;
}
.va-chatbox-root ul.regular-list > li::before {
content: '';
position: absolute;
left: 0;
background: var(--ui-color-orange);
width: var(--ui-10px);
height: var(--ui-10px);
top: var(--ui-6px);
border-radius: 50%;
}
.va-chatbox-root ol.numbered-steps > li::before,
.va-chatbox-root ol.numbered-steps > li.-checked::before,
.va-chatbox-root ol.numeric-list > li::before {
position: absolute;
text-align: center;
color: #fff;
background: var(--ui-color-orange);
content: counter(counter-numeric);
width: var(--ui-18px);
height: var(--ui-18px);
top: var(--ui-2px);
left: 0;
border-radius: 50%;
font: normal var(--ui-14px) / var(--ui-18px) var(--ui-font-family-subtitlebold);
}
.va-chatbox-root ul.regular-list.-blue > li::before,
.va-chatbox-root ol.numeric-list.-blue > li::before,
.va-chatbox-root ol.numbered-steps.-blue > li::before,
.va-chatbox-root ul.regular-list.-turquoise > li::before,
.va-chatbox-root ol.numeric-list.-turquoise > li::before,
.va-chatbox-root ol.numbered-steps.-turquoise > li::before {
background: var(--ui-color-turquoise);
}
.va-chatbox-root ul.regular-list.-lilac > li::before,
.va-chatbox-root ol.numeric-list.-lilac > li::before,
.va-chatbox-root ol.numbered-steps.-lilac > li::before {
background: var(--ui-color-lilac);
}
.va-chatbox-root ul.regular-list.-pineapple > li::before,
.va-chatbox-root ol.numeric-list.-pineapple > li::before,
.va-chatbox-root ol.numbered-steps.-pineapple > li::before,
.va-chatbox-root ul.regular-list.-yellow > li::before,
.va-chatbox-root ol.numeric-list.-yellow > li::before,
.va-chatbox-root ol.numbered-steps.-yellow > li::before {
background: var(--ui-color-pineapple);
color: var(--ui-color-bark-70);
}
.va-chatbox-root ol.numbered-steps > li,
.va-chatbox-root ol.numeric-list > li {
margin: 10px 0 0;
padding-left: 25px;
position: relative;
counter-increment: counter-numeric;
}
.va-chatbox-root .links-list > li {
margin: 5px 0 0;
}
.va-chatbox-root .links-list > li > a {
display: inline-block;
}
.va-chatbox-root .links-list > li > a::before {
content: '';
display: inline-block;
width: var(--ui-7px);
height: var(--ui-12px);
background-color: var(--ui-color-teal);
clip-path: polygon(0 0, 100% 50%, 0 100%);
margin-right: 7px;
}
.va-chatbox-root .plain-list > li {
margin: 7px 0 0;
}
.va-chatbox-root ol.numbered-steps {
margin: 10px 0 0;
}
.va-chatbox-root ol.numeric-list:not(.-interrupted),
.va-chatbox-root ol.numbered-steps:not(.-interrupted) {
counter-reset: counter-numeric;
}
.va-chatbox-root ol.numeric-list.-interrupted:first-of-type,
.va-chatbox-root ol.numbered-steps.-interrupted:first-of-type {
counter-reset: counter-numeric;
}
.va-chatbox-root ol.numbered-steps > li:last-child {
padding-bottom: 0;
}
.va-chatbox-root ol.numbered-steps > li.-checked::after {
content: '';
}
.va-chatbox-root ul.news-list {
border-top: var(--ui-1px) solid var(--ui-color-grey);
}
.va-chatbox-root ul.news-list > li {
margin: 0;
padding: 10px 0;
border-bottom: var(--ui-1px) solid var(--ui-color-grey);
}
.va-chatbox-root ul.news-list > li a {
display: block;
}
.va-chatbox-root .social-media {
display: flex;
}
.va-chatbox-root .social-media li {
margin: 5px 10px;
}
.va-chatbox-root .feature-list > li {
margin: 10px 0 0;
padding-left: 25px;
position: relative;
}
.va-chatbox-root .feature-list > li::before {
content: '';
position: absolute;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9.00012' r='9' fill='%23FF5F00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.76471 11.4732C8.50481 11.7313 8.08343 11.7313 7.82353 11.4732L5 8.6697L5.94118 7.7352L8.29412 10.0715L12.0588 6.33344L13 7.26794L8.76471 11.4732Z' fill='white'/%3E%3C/svg%3E");
width: var(--ui-18px);
height: var(--ui-18px);
top: var(--ui-2px);
left: 0;
}
.va-chatbox-root .feature-list > li.-excluded::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9.00012' r='9' fill='%23DEC9C9'/%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8571 13.0001L9 10.143L6.14286 13.0001L5 11.8573L7.85714 9.00012L5 6.14298L6.14286 5.00012L9 7.85726L11.8571 5.00012L13 6.14298L10.1429 9.00012L13 11.8573L11.8571 13.0001Z' fill='%23896F6F'/%3E%3C/g%3E%3C/svg%3E");
}
.va-chatbox-root input[type='button'],
.va-chatbox-root input[type='reset'],
.va-chatbox-root input[type='submit'],
.va-chatbox-root button {
cursor: pointer;
background: none;
margin: 0;
padding: 0;
-webkit-tap-highlight-color: transparent;
color: var(--ui-color-bark-70);
font: var(--ui-15px) / var(--ui-18px) var(--ui-font-family-body);
width: auto;
box-sizing: border-box;
border: none;
}
.va-chatbox-root button:not(.button) button:hover {
background: none;
border: none;
}
.va-chatbox-root button:not(.button) button:hover ui-icon {
background: red;
}
.va-chatbox-root input[type='button']:disabled,
.va-chatbox-root input[type='reset']:disabled,
.va-chatbox-root input[type='submit']:disabled,
.va-chatbox-root button:disabled,
.va-chatbox-root button.-disabled,
.va-chatbox-root .button.-disabled {
opacity: 0.5;
cursor: default;
}
.va-chatbox-root input[type='button']:first-child,
.va-chatbox-root input[type='reset']:first-child,
.va-chatbox-root input[type='submit']:first-child,
.va-chatbox-root button:first-child,
.va-chatbox-root .button:first-child {
margin-left: 0;
}
.va-chatbox-root input[type='button'],
.va-chatbox-root input[type='reset'],
.va-chatbox-root input[type='submit'],
.va-chatbox-root .button {
cursor: pointer;
color: var(--ui-color-redesign-white);
transition: all var(--ui-transition-time) var(--ui-transition-function);
transition-property: background-color, border-color, color;
background-color: var(--ui-color-orange);
border-radius: var(--ui-24px);
display: inline-block;
justify-content: center;
-webkit-appearance: none;
text-decoration: none;
box-sizing: border-box;
text-align: center;
padding: var(--ui-13px) var(--ui-padding-xlarge) var(--ui-11px);
margin: 0;
font: var(--ui-font-action-large);
}
:is(
.va-chatbox-root input[type='button'],
.va-chatbox-root input[type='reset'],
.va-chatbox-root input[type='submit'],
.va-chatbox-root .button
)
.va-chatbox-root
ui-icon {
width: var(--ui-24px);
height: var(--ui-24px);
}
.va-chatbox-root input[type='button']:active:not(:disabled),
.va-chatbox-root input[type='reset']:active:not(:disabled),
.va-chatbox-root input[type='submit']:active:not(:disabled),
.va-chatbox-root .button:active:not(:disabled),
.va-chatbox-root input[type='button']:focus:not(:disabled),
.va-chatbox-root input[type='reset']:focus:not(:disabled),
.va-chatbox-root input[type='submit']:focus:not(:disabled),
.va-chatbox-root .button:focus:not(:disabled),
.va-chatbox-root input[type='button']:focus-visible:not(:disabled),
.va-chatbox-root input[type='reset']:focus-visible:not(:disabled),
.va-chatbox-root input[type='submit']:focus-visible:not(:disabled),
.va-chatbox-root .button:focus-visible:not(:disabled) {
outline: var(--ui-4px) solid var(--ui-color-blue);
outline-offset: var(--ui-2px);
}
.va-chatbox-root input[type='button']:active:not(:disabled) ui-icon,
.va-chatbox-root input[type='reset']:active:not(:disabled) ui-icon,
.va-chatbox-root input[type='submit']:active:not(:disabled) ui-icon,
.va-chatbox-root .button:active:not(:disabled) ui-icon,
.va-chatbox-root input[type='button']:focus:not(:disabled) ui-icon,
.va-chatbox-root input[type='reset']:focus:not(:disabled) ui-icon,
.va-chatbox-root input[type='submit']:focus:not(:disabled) ui-icon,
.va-chatbox-root .button:focus:not(:disabled) ui-icon {
color: var(--ui-color-redesign-white);
}
.va-chatbox-root input[type='button']:hover:not(:disabled),
.va-chatbox-root input[type='reset']:hover:not(:disabled),
.va-chatbox-root input[type='submit']:hover:not(:disabled),
.va-chatbox-root .button:hover:not(:disabled) {
background: linear-gradient(
0deg,
var(--ui-color-surface-mod-hover-on-dark) 0%,
var(--ui-color-surface-mod-hover-on-dark) 100%
),
var(--ui-color-icon-primary-on-light-medium);
text-decoration: none;
}
.va-chatbox-root input[type='button'].-guiding,
.va-chatbox-root input[type='reset'].-guiding,
.va-chatbox-root input[type='submit'].-guiding,
.va-chatbox-root button.-guiding,
.va-chatbox-root .button.-guiding {
color: var(--ui-color-teal);
background-color: var(--ui-color-redesign-white);
box-shadow: inset 0 0 0 var(--ui-2px) var(--ui-color-teal);
}
.va-chatbox-root input[type='button'].-guiding:hover:not(:disabled),
.va-chatbox-root input[type='reset'].-guiding:hover:not(:disabled),
.va-chatbox-root input[type='submit'].-guiding:hover:not(:disabled),
.va-chatbox-root button.-guiding:hover:not(:disabled),
.va-chatbox-root .button.-guiding:hover:not(:disabled) {
background: linear-gradient(
0deg,
var(--ui-color-surface-mod-hover-on-light, rgba(81, 43, 43, 0.04)) 0%,
var(--ui-color-surface-mod-hover-on-light, rgba(81, 43, 43, 0.04)) 100%
),
var(--ui-color-redesign-white, #fff);
}
.va-chatbox-root input[type='button'].-guiding:active:not(:disabled),
.va-chatbox-root input[type='reset'].-guiding:active:not(:disabled),
.va-chatbox-root input[type='submit'].-guiding:active:not(:disabled),
.va-chatbox-root .button.-guiding:active:not(:disabled),
.va-chatbox-root input[type='button'].-guiding:focus:not(:disabled),
.va-chatbox-root input[type='reset'].-guiding:focus:not(:disabled),
.va-chatbox-root input[type='submit'].-guiding:focus:not(:disabled),
.va-chatbox-root .button.-guiding:focus:not(:disabled) {
background-color: var(--ui-color-redesign-white);
}
.va-chatbox-root input[type='button'].-guiding:active:not(:disabled) ui-icon,
.va-chatbox-root input[type='reset'].-guiding:active:not(:disabled) ui-icon,
.va-chatbox-root input[type='submit'].-guiding:active:not(:disabled) ui-icon,
.va-chatbox-root .button.-guiding:active:not(:disabled) ui-icon,
.va-chatbox-root input[type='button'].-guiding:focus:not(:disabled) ui-icon,
.va-chatbox-root input[type='reset'].-guiding:focus:not(:disabled) ui-icon,
.va-chatbox-root input[type='submit'].-guiding:focus:not(:disabled) ui-icon,
.va-chatbox-root .button.-guiding:focus:not(:disabled) ui-icon {
color: var(--ui-color-redesign-teal);
}
.va-chatbox-root input[type='button'].-destructive,
.va-chatbox-root input[type='reset'].-destructive,
.va-chatbox-root input[type='submit'].-destructive,
.va-chatbox-root button.-destructive,
.va-chatbox-root .button.-destructive {
background-color: transparent;
border-color: transparent;
color: var(--ui-color-teal);
}
.va-chatbox-root input[type='button'].-destructive:hover:not(:disabled),
.va-chatbox-root input[type='reset'].-destructive:hover:not(:disabled),
.va-chatbox-root input[type='submit'].-destructive:hover:not(:disabled),
.va-chatbox-root button.-destructive:hover:not(:disabled),
.va-chatbox-root .button.-destructive:hover:not(:disabled) {
background: var(--ui-color-surface-mod-hover-on-light, rgba(81, 43, 43, 0.04));
}
.va-chatbox-root .button.-iconed {
padding-right: var(--ui-padding-large);
}
:is(.va-chatbox-root .button.-iconed) .va-chatbox-root ui-icon {
padding: var(--ui-2px);
margin-left: var(--ui-6px);
}
.va-chatbox-root .-left-icon:is(.va-chatbox-root .button.-iconed) {
padding-right: var(--ui-padding-xlarge);
padding-left: var(--ui-padding-large);
}
:is(.va-chatbox-root .-left-icon:is(.va-chatbox-root .button.-iconed)) .va-chatbox-root ui-icon {
margin-left: 0;
margin-right: var(--ui-6px);
}
.va-chatbox-root button.-iconed:not(.button):not([disabled]):not(.-disabled):hover ui-icon {
cursor: pointer;
color: var(--ui-color-bark-70);
background-color: var(--ui-color-pineapple);
border-radius: 50%;
}
.va-chatbox-root ui-tooltip + button.-iconed,
.va-chatbox-root button.-iconed:not(.-hidden) + button.-iconed,
.va-chatbox-root button.-iconed + ui-tooltip {
margin-left: var(--ui-5px);
}
.va-chatbox-root input[type='button'].-loading,
.va-chatbox-root input[type='reset'].-loading,
.va-chatbox-root input[type='submit'].-loading,
.va-chatbox-root .button.-loading {
padding: var(--ui-13px) var(--ui-26px) var(--ui-11px);
height: var(--ui-48px);
}
.va-chatbox-root input[type='button'].-link,
.va-chatbox-root input[type='reset'].-link,
.va-chatbox-root input[type='submit'].-link,
.va-chatbox-root button.-link {
color: var(--ui-color-teal);
background-color: transparent;
border: none;
}
.va-chatbox-root input[type='button'].-link:hover,
.va-chatbox-root input[type='reset'].-link:hover,
.va-chatbox-root input[type='submit'].-link:hover,
.va-chatbox-root button.-link:hover {
text-decoration: underline;
}
@media screen and (max-width: 767px) {
.va-chatbox-root input[type='button'],
.va-chatbox-root input[type='reset'],
.va-chatbox-root input[type='submit'],
.va-chatbox-root .button {
width: 100%;
margin-left: 0;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.va-chatbox-root select,
.va-chatbox-root input,
.va-chatbox-root textarea,
.va-chatbox-root label,
.va-chatbox-root button {
--ui-focus-ring: var(--ui-focus-width) auto var(--ui-focus-color);
}
}
.va-chatbox-root ::placeholder {
color: var(--ui-color-bark-50);
}
.va-chatbox-root select {
background-color: var(--ui-color-mist);
max-width: var(--ui-300px);
background-size: var(--ui-18px) var(--ui-18px);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='dropdown.-traingle' d='m8.7174 15.485h10.804l-5.4022 9.6601z' stroke-width='1.5764'/%3E%3Cpath d='m19.632 11.771h-10.804l5.4022-9.6601z' stroke-width='1.5764'/%3E%3C/svg%3E");
background-position: right calc(var(--ui-20px) * -1) center;
background-origin: content-box;
background-repeat: no-repeat;
appearance: none;
font-family: var(--ui-font-family-body);
font-size: var(--ui-15px);
line-height: var(--ui-18px);
padding: 13px 30px 13px 10px;
height: var(--ui-46px);
border: var(--ui-1px) solid var(--ui-color-input-border);
border-radius: var(--ui-border-radius);
box-sizing: border-box;
color: var(--ui-color-bark-70);
}
.va-chatbox-root select.-refined {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 7L0 7L12 19L24 7Z'/%3E%3C/svg%3E");
background-color: transparent;
background-size: var(--ui-12px);
background-position: right calc(var(--ui-20px) * -1) center;
border: none;
}
.va-chatbox-root input[type='text'],
.va-chatbox-root input[type='password'],
.va-chatbox-root input[type='email'],
.va-chatbox-root input[type='tel'],
.va-chatbox-root input[type='number'],
.va-chatbox-root input[type='date'],
.va-chatbox-root input[type='month'],
.va-chatbox-root input[type='time'],
.va-chatbox-root input[type='url'],
.va-chatbox-root input[type='search'],
.va-chatbox-root textarea,
.va-chatbox-root .input-file {
border: var(--ui-1px) solid var(--ui-color-input-border);
border-radius: var(--ui-border-radius);
box-sizing: border-box;
color: var(--ui-color-bark-70);
background-color: #fff;
vertical-align: middle;
appearance: none;
padding: 13px 10px 13px 10px;
height: var(--ui-46px);
line-height: var(--ui-18px);
font-family: var(--ui-font-family-body);
font-size: var(--ui-15px);
}
.va-chatbox-root .textarea {
max-width: var(--ui-400px);
}
.va-chatbox-root ui-field input[type='number']::-webkit-inner-spin-button,
.va-chatbox-root ui-field input[type='number']::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.va-chatbox-root input[type='text']:disabled,
.va-chatbox-root input[type='text']:read-only,
.va-chatbox-root input[type='url']:disabled,
.va-chatbox-root input[type='url']:read-only,
.va-chatbox-root input[type='password']:disabled,
.va-chatbox-root input[type='password']:read-only,
.va-chatbox-root input[type='email']:disabled,
.va-chatbox-root input[type='email']:read-only,
.va-chatbox-root input[type='tel']:disabled,
.va-chatbox-root input[type='tel']:read-only,
.va-chatbox-root input[type='number']:disabled,
.va-chatbox-root input[type='number']:read-only,
.va-chatbox-root input[type='date']:disabled,
.va-chatbox-root input[type='date']:read-only,
.va-chatbox-root input[type='month']:disabled,
.va-chatbox-root input[type='month']:read-only,
.va-chatbox-root input[type='time']:disabled,
.va-chatbox-root input[type='time']:read-only,
.va-chatbox-root input[type='search']:disabled,
.va-chatbox-root input[type='search']:read-only,
.va-chatbox-root textarea:disabled,
.va-chatbox-root textarea:read-only {
border-color: var(--ui-color-input);
background: var(--ui-color-input);
color: var(--ui-color-bark);
-webkit-text-fill-color: var(--ui-color-bark);
cursor: default;
}
.va-chatbox-root input[type='text'].-loading {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill-opacity='0.2' stroke-width='1.288215' stroke-miterlimit='4' d='m12.016117%2C0.018195a11.969114%2C11.933304 0 0 0 -11.969115%2C11.933315a11.969114%2C11.933304 0 0 0 11.969115%2C11.933315a11.969114%2C11.933304 0 0 0 11.969114%2C-11.933315a11.969114%2C11.933304 0 0 0 -11.969114%2C-11.933315zm0%2C1.704769a10.259241%2C10.228547 0 0 1 10.25924%2C10.228546a10.259241%2C10.228547 0 0 1 -10.25924%2C10.228547a10.259241%2C10.228547 0 0 1 -10.259241%2C-10.228547a10.259241%2C10.228547 0 0 1 10.259241%2C-10.228546z'/%3E%3Cpath stroke-width='1.288215' stroke-miterlimit='4' d='m11.999456%2C0.047014l0%2C1.707867a10.278081%2C10.24733 0 0 1 10.278082%2C10.247329l1.713011%2C0a11.991094%2C11.955218 0 0 0 -11.991093%2C-11.955197z'/%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='360 12 12' to='0 12 12' dur='2s' additive='sum' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E");
background-position: calc(100% - var(--ui-2px));
background-repeat: no-repeat;
background-size: var(--ui-24px) var(--ui-24px);
padding-right: 32px;
}
.va-chatbox-root input[type='checkbox'],
.va-chatbox-root input[type='radio'] {
position: absolute;
overflow: hidden;
clip-path: circle(0);
height: var(--ui-1px);
width: var(--ui-1px);
margin: -1px;
padding: 0;
border: 0;
}
.va-chatbox-root input[type='checkbox']:focus-visible + label::before,
.va-chatbox-root input[type='radio']:focus-visible + label::before {
outline: var(--ui-focus-ring);
}
.va-chatbox-root input[type='checkbox'] + label,
.va-chatbox-root input[type='radio'] + label {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: left;
padding-left: 33px;
margin-right: 16px;
}
.va-chatbox-root input[type='checkbox']:enabled + label,
.va-chatbox-root input[type='radio']:enabled + label {
cursor: pointer;
}
.va-chatbox-root input[type='checkbox'] + label:empty,
.va-chatbox-root input[type='radio'] + label:empty {
padding-left: 0;
}
.va-chatbox-root input[type='checkbox'] + label::before,
.va-chatbox-root input[type='checkbox'] + label::after,
.va-chatbox-root input[type='radio'] + label::before,
.va-chatbox-root input[type='radio'] + label::after {
box-sizing: border-box;
background: none;
content: '';
display: inline-block;
position: absolute;
width: var(--ui-28px);
height: var(--ui-28px);
top: 0;
left: 0;
line-height: 1;
margin-top: -5px;
}
.va-chatbox-root input[type='checkbox'] + label::after {
margin-top: -2px;
}
.va-chatbox-root input[type='checkbox'] + label::before {
background: #fff;
border: var(--ui-color-input-border) var(--ui-2px) solid;
border-radius: var(--ui-border-radius);
top: 50%;
transform: translateY(-50%);
margin-top: 0;
}
.va-chatbox-root input[type='checkbox'].validation-error + label::before {
font-size: 0;
border: var(--ui-color-alert-red) var(--ui-2px) solid;
}
.va-chatbox-root input[type='checkbox']:enabled:checked + label::before {
font-size: 0;
background: var(--ui-color-orange);
border: var(--ui-color-orange) var(--ui-2px) solid;
}
.va-chatbox-root input[type='checkbox']:checked + label::after,
.va-chatbox-root input[type='checkbox']:not(.toggle):enabled:checked + label::after {
font-size: 0;
left: var(--ui-10px);
content: '';
width: var(--ui-7px);
height: var(--ui-14px);
border: solid #fff;
border-width: 0 var(--ui-2px) var(--ui-2px) 0;
transform: translateY(-50%) rotate(45deg);
top: 50%;
}
.va-chatbox-root input[type='checkbox']:disabled + label::before {
font-size: 0;
background: var(--ui-color-grey);
border: var(--ui-color-grey) var(--ui-2px) solid;
}
.va-chatbox-root input[type='checkbox']:enabled + label:hover::before {
font-size: 0;
background: var(--ui-color-pineapple);
border: var(--ui-color-pineapple) var(--ui-2px) solid;
}
.va-chatbox-root input[type='checkbox']:enabled:checked + label:hover::after {
font-size: 0;
border: solid var(--ui-color-bark);
border-width: 0 var(--ui-2px) var(--ui-2px) 0;
}
.va-chatbox-root input[type='radio'] + label::before {
font-size: 0;
background: #fff;
border: var(--ui-color-input-border) var(--ui-2px) solid;
border-radius: 50%;
}
.va-chatbox-root input[type='radio'].validation-error + label::before {
font-size: 0;
border: var(--ui-color-alert-red) var(--ui-2px) solid;
}
.va-chatbox-root input[type='radio']:enabled:checked + label::before {
font-size: 0;
background: var(--ui-color-orange);
border: var(--ui-color-orange) var(--ui-2px) solid;
}
.va-chatbox-root input[type='radio']:checked + label::after,
.va-chatbox-root input[type='radio']:enabled:checked + label::after {
font-size: 0;
width: var(--ui-22px);
height: var(--ui-22px);
top: var(--ui-3px);
left: var(--ui-3px);
background: var(--ui-color-orange);
border: #fff var(--ui-2px) solid;
border-radius: 50%;
}
.va-chatbox-root input[type='radio']:disabled + label::before {
font-size: 0;
background: var(--ui-color-grey);
border: var(--ui-color-grey) var(--ui-2px) solid;
}
.va-chatbox-root input[type='radio']:disabled + label::after {
font-size: 0;
background: var(--ui-color-grey);
border: var(--ui-color-grey) var(--ui-2px) solid;
border-radius: 50%;
}
.va-chatbox-root input[type='radio']:disabled:checked + label::after {
font-size: 0;
background: var(--ui-color-grey);
border: #fff var(--ui-2px) solid;
border-radius: 50%;
}
.va-chatbox-root input[type='radio']:enabled + label:hover::before {
font-size: 0;
background: var(--ui-color-pineapple);
border: var(--ui-color-pineapple) var(--ui-2px) solid;
}
.va-chatbox-root input[type='radio']:enabled:checked + label:hover::after {
font-size: 0;
background: var(--ui-color-pineapple);
border: var(--ui-color-bark) var(--ui-2px) solid;
}
.va-chatbox-root input[type='checkbox'].toggle + label {
padding-left: 50px;
}
.va-chatbox-root input[type='checkbox'].toggle + label::before,
.va-chatbox-root input[type='checkbox']:checked.toggle + label::before,
.va-chatbox-root input[type='checkbox'].toggle + label:hover::before {
content: '';
display: block;
left: calc(var(--ui-2px) * -1);
border: none;
background: var(--ui-color-grey);
width: var(--ui-47px);
height: var(--ui-28px);
border-radius: var(--ui-15px);
color: #fff;
}
.va-chatbox-root input[type='checkbox'].toggle + label::after {
content: '';
display: block;
left: 0;
top: 50%;
background: #fff;
box-shadow: 0 0 0 var(--ui-2px) #fff;
border-radius: 50%;
margin: 3px 20px 3px 1px;
width: var(--ui-20px);
height: var(--ui-20px);
border: var(--ui-1px) solid var(--ui-color-orange);
transform: translateY(calc(-50% - 3px));
transition: margin var(--ui-transition-time) var(--ui-transition-function);
}
.va-chatbox-root input[type='checkbox']:not(:disabled).toggle:hover + label::after {
border: var(--ui-1px) solid var(--ui-color-pineapple);
background: var(--ui-color-pineapple);
}
.va-chatbox-root input[type='checkbox'].toggle:checked + label::before {
background: var(--ui-color-orange);
}
.va-chatbox-root input[type='checkbox'].toggle:checked + label::after {
margin: var(--ui-3px) var(--ui-1px) var(--ui-3px) var(--ui-20px);
}
.va-chatbox-root input[type='checkbox']:not(:disabled).toggle:checked:hover + label::after {
background: var(--ui-color-pineapple);
}
.va-chatbox-root input[type='checkbox'].toggle:disabled + label::after {
display: none;
}
.va-chatbox-root input[type='checkbox'].toggle:disabled:not(:checked) + label::before,
.va-chatbox-root input[type='checkbox'].toggle:disabled:not(:checked):hover + label::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.525 0.43654c7.57 0 13.707 6.126 13.707 13.683 0 7.5567-6.1367 13.683-13.707 13.683h-0.0057v0.03055h-19.051v-0.04581c-7.3955-0.23187-13.272-6.2812-13.276-13.667 0.0077047-7.384 5.8831-13.43 13.276-13.662v-0.0019h0.04973c6.5085 7e-3 13.132 0.0052 19.007-0.01909z' fill='%23eaded7'/%3E%3Cellipse cx='5.2404' cy='14.011' rx='12.728' ry='12.705' fill='%23fff' fill-opacity='.94118'/%3E%3Cellipse cx='5.0844' cy='13.963' rx='10.257' ry='10.239' fill='none' stroke='%23eaded7' stroke-width='1.0248'/%3E%3Cpath d='m30.807 9.7128-7.9266 8.0221m9.9218-4.1671a5.8612 5.879 0 0 0 -5.8612 -5.879 5.8612 5.879 0 0 0 -5.8612 5.879 5.8612 5.879 0 0 0 5.8612 5.879 5.8612 5.879 0 0 0 5.8612 -5.879z' fill='none' stroke='%23c5131c' stroke-width='.97819'/%3E%3C/svg%3E");
background-size: 100% 100%;
}
.va-chatbox-root input[type='checkbox'].toggle:not(:enabled):disabled:checked + label::before,
.va-chatbox-root input[type='checkbox'].toggle:disabled:checked:hover + label::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.6638 0.067798c-7.6395 0-13.833 6.2181-13.833 13.889 0 7.6704 6.1931 13.889 13.833 13.889h0.00589v0.031h19.226v-0.04649c7.4634-0.23536 13.394-6.3757 13.398-13.873-0.007778-7.4951-5.9372-13.632-13.398-13.867v-0.0019375h-0.05017c-6.5683 0.0071016-13.252 0.005263-19.182-0.019376z' fill='%23ff5f00'/%3E%3Cellipse cx='23.378' cy='14.009' rx='12.845' ry='12.896' fill='%23fff'/%3E%3Cellipse transform='scale%281%2C-1%29' cx='23.544' cy='-13.96' rx='10.351' ry='10.393' fill='none' stroke='%23ff5f00' stroke-width='1.0372'/%3E%3Cpath d='m5.1171 9.4835-7.9994 8.1428m10.013-4.2297a5.9151 5.9674 0 0 0 -5.9151 -5.9674 5.9151 5.9674 0 0 0 -5.9151 5.9674 5.9151 5.9674 0 0 0 5.9151 5.9674 5.9151 5.9674 0 0 0 5.9151 -5.9674z' fill='none' stroke='%23fff' stroke-width='.99004'/%3E%3C/svg%3E");
background-size: 100% 100%;
}
.va-chatbox-root h3.form-header {
border-bottom: var(--ui-1px) solid var(--ui-color-grey);
padding: 0 0 2px;
margin: 20px 0;
}
.va-chatbox-root h3.form-header:first-child {
margin-top: 0;
}
.va-chatbox-root label {
min-height: var(--ui-18px);
line-height: var(--ui-18px);
}
.va-chatbox-root fieldset {
border: none;
}
.va-chatbox-root input::-webkit-search-cancel-button {
display: none;
appearance: none;
}
@media screen and (max-width: 767px) {
.va-chatbox-root input[type='radio'] + label + input,
.va-chatbox-root input[type='checkbox'] + label + input {
margin-left: 32px;
width: calc(100% - 32px);
}
.va-chatbox-root textarea {
width: 100%;
}
}
.va-chatbox-root .-focus-visible:focus,
.va-chatbox-root :focus-visible {
outline: var(--ui-focus-ring);
outline-offset: var(--ui-focus-offset);
}
.va-chatbox-root *.-hidden {
display: none;
visibility: hidden;
}
.va-chatbox-root *.-hidden:not(.-animating):not(.-inserting) {
display: none !important;
}
.va-chatbox-root *.-hidden.-inserting {
display: block;
}
.va-chatbox-root *.-fade-in {
opacity: 0;
transition: opacity var(--ui-transition-time) var(--ui-transition-function);
}
.va-chatbox-root *.-fade-in.-animating {
opacity: 1;
}
.va-chatbox-root *.-fade-out {
opacity: 1;
transition: opacity var(--ui-transition-time) var(--ui-transition-function);
}
.va-chatbox-root *.-fade-out.-animating {
opacity: 0;
}
.va-chatbox-root *.-slide-out {
max-height: var(--ui-300px);
transition:
max-height var(--ui-transition-time) var(--ui-transition-function),
transform var(--ui-transition-time) var(--ui-transition-function);
}
.va-chatbox-root *.-slide-out.-animating {
max-height: 0;
}
.va-chatbox-root *.-fade-out.-slide-out {
transition:
opacity var(--ui-transition-time) var(--ui-transition-function),
max-height var(--ui-transition-time) var(--ui-transition-function),
transform var(--ui-transition-time) var(--ui-transition-function);
}
.va-chatbox-root *.-slide-in {
max-height: 0;
transition:
max-height var(--ui-transition-time) var(--ui-transition-function),
transform var(--ui-transition-time) var(--ui-transition-function);
}
.va-chatbox-root *.-slide-in.-animating {
max-height: var(--ui-300px);
}
.va-chatbox-root *.-fade-in.-slide-in {
transition:
opacity var(--ui-transition-time) var(--ui-transition-function),
max-height var(--ui-transition-time) var(--ui-transition-function),
transform var(--ui-transition-time) var(--ui-transition-function);
}
.va-chatbox-root .-visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
clip-path: circle(0);
overflow: hidden;
}
.va-chatbox-root .-word-wrap {
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}
.va-chatbox-root .-nowrap {
white-space: nowrap;
}
.va-chatbox-root .-bg-light-turquoise,
.va-chatbox-root .-bg-mist {
background-color: var(--ui-color-mist);
}
.va-chatbox-root .-fill-height {
height: 100%;
}
.va-chatbox-root .-print-only {
display: none;
}
.va-chatbox-root .-loading {
cursor: wait;
}
.va-chatbox-root .-frame-inner {
margin: 10px -20px -20px;
}
.va-chatbox-root .-pull-start {
align-self: flex-start;
}
.va-chatbox-root .-pull-end {
align-self: flex-end;
}
.va-chatbox-root .-pull-center {
align-self: center;
}
.va-chatbox-root .-full-width {
width: 100%;
}
@media screen and (min-width: 1024px) {
.va-chatbox-root .-show-small,
.va-chatbox-root .-hide-large {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.va-chatbox-root .-show-large,
.va-chatbox-root .-show-small {
display: none !important;
}
}
@media screen and (max-width: 1023px) {
.va-chatbox-root .-hide-medium {
display: none;
}
}
@media screen and (max-width: 767px) {
.va-chatbox-root .-show-large,
.va-chatbox-root .-hide-small {
display: none !important;
}
}