@media all {
.tw-chat--avaya-chat * {
--tds-animation-bezier-base: cubic-bezier(0.5, 0, 0, 0.75);
--tds-ui-opacity-100: 1;
--tds-ui-opacity-70: 0.7;
--tds-ui-opacity-50: 0.5;
--tds-ui-opacity-30: 0.3;
--tds-ui-opacity-0: 0;
--tds-ui-box-shadow-off: 0 0 0 0 transparent;
--tds-component-pill-padding-inline: 20px;
--tw-chat--tds-size-half: 4px;
--tw-chat--tds-size-base: 8px;
--tw-chat--tds-size-9x: 72px;
--tw-chat--tds-size-8x: 64px;
--tw-chat--tds-size-7x: 56px;
--tw-chat--tds-size-6x: 48px;
--tw-chat--tds-size-5x: 40px;
--tw-chat--tds-size-4x: 32px;
--tw-chat--tds-size-3x: 24px;
--tw-chat--tds-size-2x: 16px;
--tw-chat--tds-size-13x: 104px;
--tw-chat--tds-size-12x: 96px;
--tw-chat--tds-size-11x: 88px;
--tw-chat--tds-size-10x: 80px;
--tds-font-weight-xlight: 200;
--tds-font-weight-medium: 500;
--tds-font-weight-light: 300;
--tds-font-weight-book: 400;
--tds-font-weight-bold: 700;
--tds-font-size-75: 34px;
--tds-font-size-70: 28px;
--tds-font-size-55: 23px;
--tds-font-size-50: 20px;
--tds-font-size-40: 17px;
--tds-font-size-30: 14px;
--tds-font-size-20: 12px;
--tds-font-size-10: 10px;
--tds-font-line-height-unitless: 1.414;
--tds-font-line-height-75: 45px;
--tds-font-line-height-70: 36px;
--tds-font-line-height-60: 28px;
--tds-font-line-height-40: 23px;
--tds-font-line-height-30: 21px;
--tds-font-line-height-20: 20px;
--tds-font-line-height-10: 18px;
--tds-font-family-monospace: "Fira Code", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
--tds-font-family-latin-alt: "Universal Sans";
--tds-font-family-latin: "Gotham SSm";
--tds-font-family-korean: "FB New Gothic";
--tds-font-family-japanese: "AXIS Font Japanese W55";
--tds-font-family-hebrew: "Noto Sans Hebrew";
--tds-font-family-chinese-traditional: "PingFang TC", "Microsoft YaHei";
--tds-font-family-chinese-simplified: "PingFang SC", "Microsoft YaHei";
--tds-font-family-chinese-hk: "PingFang HK", "Microsoft YaHei";
--tds-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--tds-font-family-arabic: "Noto Sans Arabic";
--tds-color-yellow: #fbb01b;
--tds-color-white: #fff;
--tds-color-red-20: #ed4e3b;
--tds-color-red-10: #b74134;
--tds-color-grey-70: #f4f4f4;
--tds-color-grey-65: #eee;
--tds-color-grey-60: #e2e3e3;
--tds-color-grey-50: #d0d1d2;
--tds-color-grey-45: #bbb;
--tds-color-grey-40: #a2a3a5;
--tds-color-grey-35: #8e8e8e;
--tds-color-grey-30: #5c5e62;
--tds-color-grey-25: #444;
--tds-color-grey-20: #393c41;
--tds-color-grey-15: #222;
--tds-color-grey-10: #171a20;
--tds-color-green: #12bb00;
--tds-color-blue-40: #3368ff;
--tds-color-blue-30: #3e6ae1;
--tds-color-blue-20: #3457b1;
--tds-color-black: #000;
--tds-border-width-small: 1px;
--tds-border-width-medium: 2px;
--tds-border-width-large: 3px;
--tds-border-width-hairline: 0.5px;
--tds-border-style: solid;
--tds-border-radius-outline-only: 0.001px;
--tds-border-radius-form-item: 20px;
--tds-border-radius-circle: 100%;
--tds-ui-box-shadow-small: 0 var(--tw-chat--tds-size-half) var(--tw-chat--tds-size-base) 0 rgba(0, 0, 0, .08);
--tds-ui-box-shadow-medium: 0 var(--tw-chat--tds-size-base) var(--tw-chat--tds-size-2x) 0 rgba(0, 0, 0, .12);
--tds-ui-box-shadow-large-reverse: 0 -8px var(--tw-chat--tds-size-2x) 0 rgba(0, 0, 0, .16);
--tds-ui-box-shadow-large: 0 var(--tw-chat--tds-size-base) var(--tw-chat--tds-size-2x) 0 rgba(0, 0, 0, .16);
--tds-component-pill-padding-block: var(--tw-chat--tds-size-2x);
--tds-component-pill-height: var(--tw-chat--tds-size-5x);
--tds-component-card-padding: var(--tw-chat--tds-size-2x);
--tw-chat--tds-size-1x: var(--tw-chat--tds-size-base);
--tds-font-size-80: var(--tw-chat--tds-size-5x);
--tds-font-size-60: var(--tw-chat--tds-size-3x);
--tds-font-line-height-80: var(--tw-chat--tds-size-6x);
--tds-font-line-height-50: var(--tw-chat--tds-size-3x);
--tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-base);
--tds-border-radius-pill: var(--tw-chat--tds-size-4x);
--tds-border-radius-card: var(--tw-chat--tds-size-base);
--tds-border-radius-base: var(--tw-chat--tds-size-half);
--tds-theme-background-container-alt-highlight: rgba(0, 0, 0, .075);
--tds-theme-background-container-alt: rgba(0, 0, 0, .05);
--tds-theme-secondary-warning: var(--tds-color-yellow);
--tds-theme-secondary-positive: var(--tds-color-green);
--tds-theme-secondary-negative: var(--tds-color-red-10);
--tds-theme-primary-highlight: var(--tds-color-blue-20);
--tds-theme-primary: var(--tds-color-blue-30);
--tds-theme-foreground-primary: var(--tds-color-blue-30);
--tds-theme-foreground-on-primary: var(--tds-color-white);
--tds-theme-foreground-low-contrast: var(--tds-color-grey-30);
--tds-theme-foreground-inverse: var(--tds-color-black);
--tds-theme-foreground-high-contrast: var(--tds-color-grey-10);
--tds-theme-foreground: var(--tds-color-grey-20);
--tds-theme-border-low-contrast: var(--tds-color-grey-60);
--tds-theme-border: var(--tds-color-grey-50);
--tds-theme-background-dialog: var(--tds-color-white);
--tds-theme-background: var(--tds-color-white);
--tds-theme-background-container-highlight: var(--tds-color-grey-65);
--tds-theme-background-container: var(--tds-color-grey-70);
}
.tw-chat--avaya-chat * {
--tds-bezier: cubic-bezier(0.5, 0, 0, 0.75);
--tw-chat--tds-size: 8px;
--tw-chat--tds-size--10x: 80px;
--tw-chat--tds-size--11x: 88px;
--tw-chat--tds-size--12x: 96px;
--tw-chat--tds-size--13x: 104px;
--tw-chat--tds-size--1x: 8px;
--tw-chat--tds-size--2x: 16px;
--tw-chat--tds-size--3x: 24px;
--tw-chat--tds-size--4x: 32px;
--tw-chat--tds-size--5x: 40px;
--tw-chat--tds-size--6x: 48px;
--tw-chat--tds-size--7x: 56px;
--tw-chat--tds-size--8x: 64px;
--tw-chat--tds-size--9x: 72px;
--tw-chat--tds-size--half: 4px;
--tds-color--black: #000;
--tds-color--blue10: #2e4994;
--tds-color--blue20: #3457b1;
--tds-color--blue30: #3e6ae1;
--tds-color--green: #12bb00;
--tds-color--grey10: #171a20;
--tds-color--grey15: #222;
--tds-color--grey20: #393c41;
--tds-color--grey25: #444;
--tds-color--grey30: #5c5e62;
--tds-color--grey35: #8e8e8e;
--tds-color--grey40: #a2a3a5;
--tds-color--grey45: #bbb;
--tds-color--grey50: #d0d1d2;
--tds-color--grey60: #e2e3e3;
--tds-color--grey65: #eee;
--tds-color--grey70: #f4f4f4;
--tds-color--red10: #b74134;
--tds-color--red20: #ed4e3b;
--tds-color--white: #fff;
--tds-color--yellow: #fbb01b;
--tds-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--tds-font-family--arabic: "Noto Sans Arabic";
--tds-font-family--chinese-hk: "PingFang HK", "Microsoft YaHei";
--tds-font-family--chinese-simplified: "PingFang SC", "Microsoft YaHei";
--tds-font-family--chinese-traditional: "PingFang TC", "Microsoft YaHei";
--tds-font-family--combined: "Gotham SSm", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--tds-font-family--hebrew: "Noto Sans Hebrew";
--tds-font-family--japanese: "AXIS Font Japanese W55", "Hiragino Sans";
--tds-font-family--korean: "FB New Gothic";
--tds-font-family--latin: "Gotham SSm";
--tds-font-family--monospace: "Fira Code", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
--tds-font-weight--bold: 700;
--tds-font-weight--book: 400;
--tds-font-weight--light: 300;
--tds-font-weight--medium: 500;
--tds-font-weight--xlight: 200;
--tds-blur--button: 16px;
--tds-blur--large: 8px;
--tds-blur--small: 4px;
--tds-border-radius: 4px;
--tds-border-radius--card: 4px;
--tds-border-radius--card--dense: 4px;
--tds-border-radius--circle: 100%;
--tw-chat--tds-border-radius--pill: 4px;
--tds-border-radius--outline-only: 0.001px;
--tds-border-style: solid;
--tds-border-width--hairline: 1px;
--tds-border-width--large: 3px;
--tds-border-width--medium: 2px;
--tds-border-width--small: 1px;
--tds-box-shadow--large: 0 8px 16px 0 rgba(0, 0, 0, .16);
--tds-box-shadow--large-reverse: 0 -8px 16px 0 rgba(0, 0, 0, .16);
--tds-box-shadow--medium: 0 8px 16px 0 rgba(0, 0, 0, .12);
--tds-box-shadow--off: 0 0 0 0 transparent;
--tds-box-shadow--small: 0 4px 8px 0 rgba(0, 0, 0, .08);
--tds-font-size--10: 10px;
--tds-font-size--20: 12px;
--tds-font-size--30: 14px;
--tds-font-size--40: 17px;
--tds-font-size--50: 20px;
--tds-font-size--55: 23px;
--tds-font-size--60: 24px;
--tds-font-size--70: 28px;
--tds-font-size--75: 34px;
--tds-font-size--80: 40px;
--tw-chat--tds-height--choice: 24px;
--tw-chat--tds-height--pill: 40px;
--tds-line-height--10: 18px;
--tds-line-height--20: 20px;
--tds-line-height--30: 20px;
--tds-line-height--40: 24px;
--tds-line-height--50: 24px;
--tds-line-height--60: 28px;
--tds-line-height--70: 36px;
--tds-line-height--75: 44px;
--tds-line-height--80: 48px;
--tds-line-height--unitless: 1.414;
--tds-opacity--100: 1;
--tds-opacity--30: 0.3;
--tds-opacity--50: 0.5;
--tds-opacity--70: 0.7;
--tds-opacity--transparent: 0;
--tds-padding--card: 24px;
--tds-padding--card--dense: 16px;
}
.tw-chat--avaya-chat * {
box-sizing: border-box;
scroll-behavior: smooth;
}
.tw-chat--avaya-chat p {
max-inline-size: 75ch;
}
.tw-chat--avaya-chat p {
font-size: var(--tds-font-size--30);
line-height: var(--tds-line-height--30);
}
.tw-chat--avaya-chat h6,
.tw-chat--avaya-chat p {
display: block;
margin: 0;
}
.tw-chat--avaya-chat h6,
.tw-chat--avaya-chat p {
line-height: var(--tds-line-height--30);
}
.tw-chat--avaya-chat button,
.tw-chat--avaya-chat input,
.tw-chat--avaya-chat select {
font-family: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
margin: 0;
}
.tw-chat--avaya-chat button,
.tw-chat--avaya-chat input {
overflow: visible;
}
.tw-chat--avaya-chat button,
.tw-chat--avaya-chat select {
text-transform: none;
}
.tw-chat--avaya-chat [type=button],
.tw-chat--avaya-chat [type=submit],
.tw-chat--avaya-chat button {
-webkit-appearance: button;
}
@media (prefers-reduced-motion: reduce) {
.tw-chat--avaya-chat *,
.tw-chat--avaya-chat :after,
.tw-chat--avaya-chat :before {
-webkit-animation: none !important;
animation: none !important;
transition: none !important;
}
}
.tw-chat--avaya-chat :focus {
outline: none;
}
.tw-chat--avaya-chat * {
outline-offset: 2px;
}
.tw-chat--avaya-chat :focus-visible {
outline: var(--tds-outline--focus);
}
.tw-chat--avaya-chat [disabled] {
cursor: not-allowed;
opacity: var(--tds-ui-opacity-50);
}
.tw-chat--avaya-chat [disabled]:after,
.tw-chat--avaya-chat [disabled]:before {
pointer-events: none;
}
.tw-chat--avaya-chat [class*=tds-scrim--] {
background-color: var(--tds-scrim--background);
}
.tw-chat--avaya-chat .tw-chat--tds-scrim--white {
--tds-color--error: var(--tds-color-red-10);
--tds-color--hairline: var(--tds-color-grey-50);
--tds-color--inverse: var(--tds-color-white);
--tds-color--primary: var(--tds-color-blue-30);
--tds-color--primary-highlight: var(--tds-color-blue-20);
--tds-color--rgb-shade: 0, 0, 0;
--tds-color--rgb-shade--inverse: 255, 255, 255;
--tds-color--scrim--semitransparent: hsla(0, 0%, 100%, .7);
--tds-color--secondary: var(--tds-color-grey-10);
--tds-color--secondary-accent: var(--tds-color-grey-50);
--tds-color--secondary-highlight: var(--tds-color-black);
--tds-color--tertiary: var(--tds-color-grey-70);
--tds-color--tertiary-highlight: var(--tds-color-grey-65);
--tds-caption--color: var(--tds-color-grey-30);
--tds-dialog--background-color: var(--tds-color-white);
--tds-form-label--color: var(--tds-color-grey-30);
--tds-heading--color: var(--tds-color-grey-10);
--tds-pill--blur-color: rgba(0, 0, 0, .048);
--tds-pill--blur-color-highlight: rgba(0, 0, 0, .072);
--tds-text--color: var(--tds-color-grey-20);
--tds-text--color--light: var(--tds-color-grey-30);
--tds-text--color--placeholder: var(--tds-color-grey-40);
--tds-text--color--primary: var(--tds-color-blue-30);
--tds-toggle--background-color: hsla(0, 0%, 59%, .1);
--tds-toggle--fill-color: var(--tds-color-white);
--tds-text--contrast-high: var(--tds-color-grey-10);
--tds-text--contrast-low: var(--tds-color-grey-30);
--tds-text--contrast-medium: var(--tds-color-grey-20);
--tds-code-bg-color: var(--tds-color-grey-70);
--tds-code-border-color: var(--tds-color-grey-60);
--tds-code-color: var(--tds-text--color);
--tds-color--focus: var(--tds-color-grey-35);
--tds-outline--focus: 2px solid var(--tds-color--focus);
--tds-background-image--check: url('data:image/svg+xml;charset=utf-8,');
--tds-background-image--minus: url('data:image/svg+xml;charset=utf-8,');
color: var(--tds-text--color);
}
.tw-chat--avaya-chat .tw-chat--tds-scrim--white {
--tds-dialog--background-color: var(--tds-color-white);
--tds-scrim--background: var(--tds-color-white);
}
.tw-chat--avaya-chat * {
--tw-chat--tds-border-radius--pill: var(--tw-chat--tds-size--half);
--tw-chat--tds-data-table--font-size: 14px;
--tw-chat--tds-height--pill: var(--tw-chat--tds-size--5x);
--tw-chat--tds-form--gap: var(--tw-chat--tds-size--3x);
--tw-chat--tds-form--indent: 0;
--tw-chat--tds-form-input--collapsed-inline-size: var(--tw-chat--tds-size--5x);
--tw-chat--tds-form-input--collapsed-padding-inline-start: var(--tw-chat--tds-size--1x);
--tw-chat--tds-form-input-choice--check-size: var(--tw-chat--tds-size--2x);
--tw-chat--tds-form-input-choice--radio-size: 10px;
--tw-chat--tds-height--choice: var(--tw-chat--tds-size--3x);
}
.tw-chat--avaya-chat button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: none;
color: inherit;
padding: 0;
}
.tw-chat--avaya-chat .tw-chat--tds-btn {
--tds-btn--background-color: var(--tds-theme-primary);
--tds-btn--border-color: transparent;
--tw-chat--tds-btn--border-radius: var(--tw-chat--tds-border-radius--pill);
align-items: center;
background-color: var(--tds-btn--background-color);
block-size: var(--tw-chat--tds-height--pill);
border: var(--tds-border-width--large) solid var(--tds-btn--border-color);
border-radius: var(--tw-chat--tds-btn--border-radius);
box-shadow: inset 0 0 0 var(--tds-border-width--medium) transparent;
color: var(--tds-theme-foreground-on-primary);
display: inline-flex;
font-family: var(--tds-font-family--combined);
font-size: var(--tds-btn--font-size);
font-weight: var(--tds-font-weight--medium);
justify-content: center;
line-height: 1.2;
padding: var(--tw-chat--tds-size--half) var(--tw-chat--tds-size--3x);
position: relative;
text-align: center;
text-transform: inherit;
transition: border-color .33s ease, background-color .33s ease, color .33s ease, box-shadow .25s ease;
}
.tw-chat--avaya-chat button.tw-chat--tds-btn {
vertical-align: middle;
}
@media (min-width: 600px) {
.tw-chat--avaya-chat .tw-chat--tds-btn {
inline-size: auto;
}
}
@media (max-width: 599px) {
.tw-chat--avaya-chat .tw-chat--tds-btn {
inline-size: 100%;
inline-size: -webkit-fill-available;
}
}
.tw-chat--avaya-chat .tw-chat--tds-card {
--tds-card--cancel-padding: calc(var(--tds-card--padding)*-1);
--tds-card--gap: var(--tds-card--padding);
--tds-card--width: calc(75ch + var(--tds-padding--card--dense)*2);
background-color: var(--tds-theme-background-container);
block-size: -webkit-min-content;
block-size: -moz-min-content;
block-size: min-content;
border-radius: var(--tds-border-radius--card);
display: flex;
max-block-size: -webkit-min-content;
max-block-size: -moz-min-content;
max-block-size: min-content;
max-inline-size: var(--tds-card--width);
overflow: hidden;
transition: background-color .33s ease;
}
.tw-chat--avaya-chat .tw-chat--tds-card-body {
-webkit-padding-end: max(var(--tw-chat--tds-size--3x), var(--tds-card--padding));
padding: var(--tds-card--padding);
padding-inline-end: max(var(--tw-chat--tds-size--3x), var(--tds-card--padding));
}
.tw-chat--avaya-chat .tw-chat--tds-card :is(h1,
h2,
h3,
h4,
h5,
h6,
.tw-chat--tds-text--h1,
.tw-chat--tds-text--h1-alt,
.tw-chat--tds-text--h2,
.tw-chat--tds-text--h3,
.tw-chat--tds-text--h4,
.tw-chat--tds-text--h5,
.tw-chat--tds-text--h6,
.tw-chat--tds-text--caption-header) {
-webkit-padding-before: 0;
padding-block-start: 0;
}
.tw-chat--avaya-chat .tw-chat--tds-form-fieldset {
border: 0;
margin: 0;
padding: 0;
}
.tw-chat--avaya-chat .tw-chat--tds-form-fieldset {
display: grid;
gap: var(--tw-chat--tds-form--gap);
}
.tw-chat--avaya-chat .tw-chat--tds-form-input {
align-items: center;
border-radius: var(--tds-border-radius--outline-only);
display: flex;
font-size: var(--tw-chat--tds-form-input--font-size, inherit);
position: relative;
transition: color .33s ease, background-color .33s ease, box-shadow .33s ease;
}
@media (max-width: 599px) {
.tw-chat--avaya-chat .tw-chat--tds-form-input--default {
--tw-chat--tds-form-input--font-size: 16px;
}
}
.tw-chat--avaya-chat :is(.tw-chat--tds-form-label,
.tw-chat--tds-form-caption,
.tw-chat--tds-form-feedback)+:is(.tw-chat--tds-form-input,
.tw-chat--tds-form-input-group) {
-webkit-margin-before: var(--tw-chat--tds-size--1x);
margin-block-start: var(--tw-chat--tds-size--1x);
}
.tw-chat--avaya-chat .tw-chat--tds-form-input--default {
--tw-chat--tds-form--indent: 12px;
background-color: var(--tds-theme-background-container);
block-size: auto;
border-radius: var(--tw-chat--tds-border-radius--pill);
box-shadow: inset 0 0 0 var(--tw-chat--tds-form-input--border-width, 1px) var(--tw-chat--tds-form-input--border-color, var(--tds-theme-background-container));
inline-size: var(--tw-chat--tds-form-input--inline-size, 100%);
justify-content: space-between;
min-block-size: var(--tw-chat--tds-height--pill);
outline-offset: 2px;
padding-block: 0;
padding-inline: var(--tw-chat--tds-form--indent);
transition: inline-size .5s var(--tds-bezier), padding .5s var(--tds-bezier), background-color .5s var(--tds-bezier), box-shadow .5s var(--tds-bezier);
}
.tw-chat--avaya-chat .tw-chat--tds-form-input:has(.tw-chat--tds-form-input-dropdown,
.tw-chat--tds-form-input-select):not(.tw-chat--tds--disabled) {
cursor: pointer;
}
.tw-chat--avaya-chat .tw-chat--tds-form-input-trailing {
-webkit-padding-start: var(--tw-chat--tds-size--half);
padding-inline-start: var(--tw-chat--tds-size--half);
}
.tw-chat--avaya-chat .tw-chat--tds-form-input--default :where(.tw-chat--tds-form-input-leading,
.tw-chat--tds-form-input-trailing) {
align-items: center;
display: flex;
inline-size: -webkit-max-content;
inline-size: -moz-max-content;
inline-size: max-content;
}
.tw-chat--avaya-chat :is(.tw-chat--tds-form-input--default,
.tw-chat--tds-listbox-search) :where(.tw-chat--tds-form-input-leading,
.tw-chat--tds-form-input-trailing) {
-webkit-padding-after: var(--tw-chat--tds-size--half);
-webkit-padding-before: var(--tw-chat--tds-size--half);
padding-block-end: var(--tw-chat--tds-size--half);
padding-block-start: var(--tw-chat--tds-size--half);
}
.tw-chat--avaya-chat .tw-chat--tds-form-input-select {
-webkit-padding-end: var(--tw-chat--tds-size--3x);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: inherit;
border: none;
border-radius: var(--tds-border-radius--outline-only);
color: inherit;
flex-grow: 1;
font-weight: var(--tds-font-weight--medium);
inline-size: 100%;
margin: 0;
padding: 0;
padding-inline-end: var(--tw-chat--tds-size--3x);
text-overflow: ellipsis;
}
.tw-chat--avaya-chat .tw-chat--tds-form-input--default {
--tw-chat--tds-form-input-select--chevron-inset: var(--tw-chat--tds-form--indent);
}
.tw-chat--avaya-chat .tw-chat--tds-form-input-select:focus {
outline: none;
}
.tw-chat--avaya-chat .tw-chat--tds-form-input-select+.tw-chat--tds-form-input-trailing {
align-self: center;
left: auto;
pointer-events: none;
position: absolute;
right: var(--tw-chat--tds-form-input-select--chevron-inset, 0);
}
.tw-chat--avaya-chat .tw-chat--tds-form-input-text {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: none;
border-radius: var(--tds-border-radius--outline-only);
color: inherit;
flex-grow: 1;
font-weight: var(--tds-font-weight--medium);
inline-size: 100%;
margin: 0;
padding: 0;
text-overflow: ellipsis;
}
.tw-chat--avaya-chat .tw-chat--tds-form-input-text:focus {
outline: none;
}
.tw-chat--avaya-chat .tw-chat--tds-form-feedback {
-webkit-padding-end: var(--tw-chat--tds-form--indent);
-webkit-padding-start: var(--tw-chat--tds-form--indent);
color: var(--tds-form-feedback--color, var(--tds-form-label--color));
display: flex;
font-size: var(--tds-font-size--20);
justify-content: space-between;
padding-inline-end: var(--tw-chat--tds-form--indent);
padding-inline-start: var(--tw-chat--tds-form--indent);
}
.tw-chat--avaya-chat .tw-chat--tds-form-feedback-text {
flex-grow: 1;
text-align: end;
}
.tw-chat--avaya-chat .tw-chat--tds-form-label {
-webkit-padding-end: calc(var(--tw-chat--tds-form--indent)/2);
-webkit-padding-start: var(--tw-chat--tds-form--indent);
color: var(--tds-form-label--color);
display: block;
font-weight: var(--tds-font-weight--medium);
padding-inline-end: calc(var(--tw-chat--tds-form--indent)/2);
padding-inline-start: var(--tw-chat--tds-form--indent);
transition: color .33s ease;
}
.tw-chat--avaya-chat .tw-chat--tds-icon {
background: var(--tds-icon--bg);
block-size: var(--tds-icon--size);
content: "";
display: block;
inline-size: var(--tds-icon--size);
max-inline-size: 100%;
min-block-size: var(--tds-icon--size);
min-inline-size: var(--tds-icon--size);
overflow: hidden;
text-indent: -9999px;
transition: color .33s ease, transform .5s var(--tds-bezier);
}
.tw-chat--avaya-chat .tw-chat--tds-icon--inline {
display: inline-block;
}
.tw-chat--avaya-chat .tw-chat--tds-icon--inline:last-child {
-webkit-margin-start: var(--tw-chat--tds-size--half);
margin-inline-start: var(--tw-chat--tds-size--half);
}
.tw-chat--avaya-chat .tw-chat--tds-icon--inline:first-child {
-webkit-margin-end: var(--tw-chat--tds-size--half);
margin-inline-end: var(--tw-chat--tds-size--half);
}
.tw-chat--avaya-chat .tw-chat--tds-icon-loader {
background: conic-gradient(from 30deg, rgba(120, 120, 120, 0), rgba(120, 120, 120, 0.48), rgba(120, 120, 120, 0.8), #777);
color: rgba(255, 255, 255, 0);
-webkit-mask: url('data:image/svg+xml;charset=utf-8,');
mask: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-size: cover;
mask-size: cover;
opacity: var(--tds-ui-opacity-70);
}
.tw-chat--avaya-chat .tw-chat--tds-icon * {
transition: fill .3s ease, stroke .3s ease;
}
.tw-chat--avaya-chat a {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: inherit;
font-weight: inherit;
text-decoration: none;
}
.tw-chat--avaya-chat .tw-chat--tds-link {
--tds-link--icon-margin: calc((var(--tds-icon--size) + var(--tw-chat--tds-size--half))*-1);
background-color: transparent;
border: 0;
box-shadow: 0 var(--tds-border-width--small) 0 0 currentColor;
color: var(--tds-theme-foreground);
cursor: pointer;
font-family: var(--tds-font-family--combined);
padding: 0;
position: relative;
text-align: initial;
transition: box-shadow .33s var(--tds-bezier), color .33s ease;
}
.tw-chat--avaya-chat .tw-chat--tds-loader {
background-color: var(--tds-color--scrim--semitransparent);
bottom: 0;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
right: 0;
top: 0;
transition: opacity .5s ease;
z-index: 1010;
}
.tw-chat--avaya-chat .tw-chat--tds-loader .tw-chat--tds-icon {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.tw-chat--avaya-chat .tw-chat--tds-loader .tw-chat--tds-icon-loader {
--tds-icon--size: var(--tw-chat--tds-size--6x);
-webkit-animation: var(--tds--rotating);
animation: var(--tds--rotating);
opacity: var(--tds-ui-opacity-70);
}
.tw-chat--avaya-chat .tw-chat--tds-loader .tw-chat--tds-icon-logo {
-webkit-animation: var(--tds--pulsing);
animation: var(--tds--pulsing);
color: var(--tds-theme-foreground-low-contrast);
}
.tw-chat--avaya-chat .tw-chat--tds-modal {
--tds-modal-border-radius: var(--tw-chat--tds-size--1x);
-ms-scroll-chaining: none;
background-color: var(--tds-theme-background-dialog);
block-size: var(--tds-modal--height);
border: none;
border-radius: var(--tds-modal-border-radius) var(--tds-modal-border-radius) 0 0;
bottom: 0;
box-shadow: var(--tds-box-shadow--large-reverse);
color: var(--tds-theme-foreground);
display: flex;
flex-direction: column;
inline-size: var(--tds-modal--width);
left: 0;
max-block-size: calc(100% - var(--tw-chat--tds-size--3x));
overflow-y: auto;
overscroll-behavior: contain;
padding: 0;
position: fixed;
right: 0;
z-index: 1000;
}
.tw-chat--avaya-chat .tw-chat--tds-modal:not([open]) {
opacity: 0;
pointer-events: none;
transition: opacity .5s var(--tds-bezier), transform .5s var(--tds-bezier), visibility 0s .5s;
visibility: hidden;
}
.tw-chat--avaya-chat .tw-chat--tds-modal:not([open]) {
transform: translateX(0) translateY(50%);
}
@media (max-width: 599px) {
.tw-chat--avaya-chat .tw-chat--tds-modal {
min-block-size: 25vh;
}
}
@media (min-width: 600px) {
.tw-chat--avaya-chat .tw-chat--tds-modal {
--tds-modal-border-radius: var(--tw-chat--tds-size--2x);
border-radius: var(--tds-modal-border-radius);
bottom: 50%;
box-shadow: var(--tds-box-shadow--large);
margin: auto;
max-block-size: calc(100% - var(--tw-chat--tds-size--12x));
max-inline-size: calc(100vw - var(--tw-chat--tds-size--12x));
min-block-size: var(--tw-chat--tds-size--8x);
}
.tw-chat--avaya-chat .tw-chat--tds-modal:not([open]) {
transform: translateX(0) translateY(100%);
}
}
.tw-chat--avaya-chat .tw-chat--tds-modal-backdrop {
background-color: rgba(var(--tds-modal-backdrop--rgb), var(--tds-modal-backdrop--opacity));
block-size: 120vh;
inline-size: 120vw;
left: 50%;
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
transition: background-color .5s ease, -webkit-backdrop-filter .5s ease;
transition: background-color .5s ease, backdrop-filter .5s ease;
transition: background-color .5s ease, backdrop-filter .5s ease, -webkit-backdrop-filter .5s ease;
z-index: 999;
}
.tw-chat--avaya-chat .tw-chat--tds-modal:not([open])+.tw-chat--tds-modal-backdrop {
--tds-modal-backdrop--opacity: 0;
-webkit-backdrop-filter: blur(0);
backdrop-filter: blur(0);
pointer-events: none;
}
.tw-chat--avaya-chat .tw-chat--tds-modal-header {
-webkit-padding-start: var(--tw-chat--tds-size--3x);
align-items: flex-start;
background-color: var(--tds-theme-background-dialog);
box-shadow: 0 -2px 0 0 var(--tds-theme-background-dialog);
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
padding: var(--tw-chat--tds-size--2x);
padding-inline-start: var(--tw-chat--tds-size--3x);
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 10;
}
.tw-chat--avaya-chat .tw-chat--tds-modal-content {
padding: 0 var(--tw-chat--tds-size--3x) var(--tw-chat--tds-size--6x);
}
.tw-chat--avaya-chat .tw-chat--tds-modal-header+.tw-chat--tds-modal-content {
-webkit-padding-before: var(--tw-chat--tds-size--half);
padding-block-start: var(--tw-chat--tds-size--half);
}
.tw-chat--avaya-chat .tw-chat--tds-modal-content:not(:last-child) {
-webkit-padding-after: 0;
padding-block-end: 0;
}
@media (min-width: 600px) {
.tw-chat--avaya-chat .tw-chat--tds-modal-content,
.tw-chat--avaya-chat .tw-chat--tds-modal-header {
-webkit-padding-start: var(--tw-chat--tds-size--6x);
padding-inline-start: var(--tw-chat--tds-size--6x);
}
.tw-chat--avaya-chat .tw-chat--tds-modal-content {
-webkit-padding-end: var(--tw-chat--tds-size--6x);
padding-inline-end: var(--tw-chat--tds-size--6x);
}
}
.tw-chat--avaya-chat h6 {
-webkit-padding-before: var(--tw-chat--tds-size--4x);
-webkit-padding-after: var(--tw-chat--tds-size--1x);
color: var(--tds-theme-foreground-high-contrast);
font-family: var(--tds-font-family--combined);
font-weight: var(--tds-heading--font-weight);
letter-spacing: var(--tds-heading--letter-spacing);
padding-block-end: var(--tw-chat--tds-size--1x);
padding-block-start: var(--tw-chat--tds-size--4x);
text-transform: var(--tds-heading--text-transform);
transition: font .33s ease, color .33s ease, opacity .33s ease, padding .33s ease;
}
.tw-chat--avaya-chat h6 {
-webkit-padding-after: 0;
padding-block-end: 0;
}
@media (max-width: 599px) {
.tw-chat--avaya-chat h6 {
font-size: var(--tds-font-size--30, 14px);
line-height: var(--tds-line-height--30, 20px);
}
}
@media (min-width: 600px) {
.tw-chat--avaya-chat h6 {
font-size: var(--tds-font-size--30, 14px);
line-height: var(--tds-line-height--30, 20px);
}
}
.tw-chat--avaya-chat h6+:is(p,
ul,
ol,
.tw-chat--tds-list,
legend) {
--tds-spacer-top: var(--tds-spacer-3x);
}
.tw-chat--avaya-chat *+form {
--tds-spacer-top: var(--tds-spacer-10x);
}
@media (max-width: 599px) {
.tw-chat--avaya-chat :is(h6,
.tw-chat--tds-text--h6) {
--tds-spacer-top: var(--tds-spacer-5x);
}
}
@media (min-width: 600px)and (max-width: 899px) {
.tw-chat--avaya-chat :is(h6,
.tw-chat--tds-text--h6) {
--tds-spacer-top: var(--tds-spacer-5x);
}
}
@media (min-width: 900px) {
.tw-chat--avaya-chat :is(h6,
.tw-chat--tds-text--h6) {
--tds-spacer-top: var(--tds-spacer-6x);
}
}
.tw-chat--avaya-chat .tw-chat--tds-form-label {
-webkit-padding-end: 4px;
padding-inline-end: 4px;
-webkit-padding-start: 8px;
padding-inline-start: 8px;
}
.tw-chat--avaya-chat {
--tw-chat--tds-border-radius--pill: var(--tw-chat--tds-size--half);
--tw-chat--tds-data-table--font-size: 14px;
--tw-chat--tds-height--pill: var(--tw-chat--tds-size--5x);
--tw-chat--tds-form--gap: var(--tw-chat--tds-size--3x);
--tw-chat--tds-form--indent: 0;
--tw-chat--tds-form-input--collapsed-inline-size: var(--tw-chat--tds-size--5x);
--tw-chat--tds-form-input--collapsed-padding-inline-start: var(--tw-chat--tds-size--1x);
--tw-chat--tds-form-input-choice--check-size: var(--tw-chat--tds-size--2x);
--tw-chat--tds-form-input-choice--radio-size: 10px;
--tw-chat--tds-height--choice: var(--tw-chat--tds-size--3x);
--tw-chat--shadow-color: 128, 128, 128;
--tw-chat--glow-color: 102, 146, 255;
--tw-chat--delayed-pulse-length: 8s;
--tw-chat--glow-radius: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__permanent_cta_style {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
background-color: var(--tds-color--white);
block-size: 40px;
block-size: var(--tds-size--5x);
border: none;
border-radius: 4px;
border-radius: var(--tds-border-radius);
background: var(--tds-color-grey-20);
-webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .25);
box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .25);
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
inline-size: 48px;
inline-size: var(--tds-size--6x);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: none;
position: fixed;
z-index: 998;
bottom: 24px;
bottom: var(--tds-size--3x);
left: 16px;
left: var(--tds-size--2x);
}
@media (min-width: 1200px) {
.tw-chat--avaya-chat .tw-chat--avaya-chat__permanent_cta_style {
block-size: 48px;
block-size: var(--tds-size--6x);
inline-size: 56px;
inline-size: var(--tds-size--7x);
bottom: 32px;
bottom: var(--tds-size--4x);
right: 32px;
right: var(--tds-size--4x);
left: auto;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__bubble_icon {
fill: #fff;
fill: var(--tds-color--white);
-webkit-animation: tw-chat--color-delayed 8s;
animation: tw-chat--color-delayed 8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__animated_button {
background: var(--tds-color-grey-20);
-webkit-animation: tw-chat--background-delayed 8s;
animation: tw-chat--background-delayed 8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal {
z-index: 999;
border-radius: 16px 16px 0 0;
border-radius: var(--tds-size--2x) var(--tds-size--2x) 0 0;
inline-size: 100%;
height: 100%;
}
@media (orientation: portrait) {
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal {
height: var(--tds-modal--height);
}
}
@media (min-width: 600px) {
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal {
inset-inline-start: var(--tw-chat--tds-size--1x);
inset-inline-end: auto;
height: var(--tds-modal--height);
inline-size: 430px;
border-radius: 16px;
border-radius: var(--tds-size--2x);
}
}
@media (min-width: 1200px) {
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal {
inset-inline-end: var(--tw-chat--tds-size--3x);
inset-inline-start: auto;
}
}
@media (min-width: 600px) {
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal.tw-chat--tds-modal:not([open]) {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal-close {
--tds-icon--size: var(--tds-size--4x);
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
z-index: 4;
padding: 12px !important;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
max-height: 720px;
}
.tw-chat--avaya-chat .tw-chat--full-height-screen {
max-height: 735px;
height: 100vh;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal-content,
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal-header+.tw-chat--avaya-chat__modal-content {
padding: 24px;
padding: var(--tds-size--3x);
}
.tw-chat--avaya-chat .tw-chat--tds-chevron--right {
pointer-events: none;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__topic-sub-heading {
font-size: 14px;
padding-top: 0;
font-weight: 400;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__topic-header-container {
margin-bottom: 32px;
margin-bottom: var(--tds-size--4x);
line-height: 18px;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__topic-header {
margin: 0;
font-size: 22px;
font-weight: 500;
padding: 0;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__topic-header:not(:last-child) {
padding: 0 0 10px;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__back-button,
.tw-chat--avaya-chat .tw-chat--avaya-chat__topic-header,
.tw-chat--avaya-chat .tw-chat--avaya-chat__topic-sub-heading {
display: none;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal-content .tw-chat--avaya-chat__modal-form {
display: none;
-webkit-margin-after: 0;
margin-block-end: 0;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal-logon .tw-chat--avaya-chat__back-button,
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal-logon .tw-chat--avaya-chat__topic-header,
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal-logon .tw-chat--avaya-chat__topic-sub-heading {
display: block;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal-logon .tw-chat--avaya-chat__modal-form {
display: grid;
padding-bottom: 24px;
padding-bottom: var(--tds-size--3x);
margin-bottom: -24px;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__form-item:not(.tw-chat--avaya-chat__form-item-error) .tw-chat--avaya-chat__form-item-feedback {
display: none;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__form-button {
inline-size: 100%;
inset-inline-start: 0;
-webkit-margin-before: 16px;
margin-block-start: 16px;
-webkit-margin-before: var(--tds-size--2x);
margin-block-start: var(--tds-size--2x);
z-index: 2;
display: block;
text-transform: capitalize;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-margin-after: 40px;
margin-block-end: 40px;
-webkit-margin-after: var(--tds-size--5x);
margin-block-end: var(--tds-size--5x);
-webkit-margin-before: -24px;
margin-block-start: -24px;
-webkit-margin-before: calc(var(--tds-size--3x)*-1);
margin-block-start: calc(var(--tds-size--3x)*-1);
margin-inline: -6px;
overflow-y: scroll;
scrollbar-width: none;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__frame::-webkit-scrollbar {
display: block;
}
@media (max-width: 900px)and (orientation: landscape) {
.tw-chat--avaya-chat .tw-chat--avaya-chat__frame {
block-size: auto;
}
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__footer {
background-color: #fff;
background-color: var(--tds-color--white);
block-size: 80px;
block-size: var(--tds-size--10x);
inline-size: 100%;
inset-block-end: 0;
inset-inline-start: 8px;
inset-inline-start: var(--tds-size--1x);
position: absolute;
left: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal-logon .tw-chat--avaya-chat__footer,
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal-logon .tw-chat--avaya-chat__frame {
display: black;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__footer-form {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
margin-left: 24px;
margin-left: var(--tds-size--3x);
margin-right: 16px;
margin-right: var(--tds-size--2x);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__footer-form .tw-chat--avaya-chat__form-item {
width: 100%;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__footer-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
cursor: pointer;
font-size: 12px;
line-height: 18px;
outline: none;
padding: 12px;
max-height: 43px;
margin-bottom: -3px;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__footer input {
font-size: 16px;
font-weight: 500;
}
@media (min-width: 600px) {
.tw-chat--avaya-chat .tw-chat--avaya-chat__footer input {
font-size: 12px;
}
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__modal .tw-chat--avaya-chat__status-card {
text-align: center;
background-color: #fff;
background-color: var(--tds-color--white);
-webkit-box-shadow: 0 -2px 6px 2px rgba(0, 0, 0, .12);
box-shadow: 0 -2px 6px 2px rgba(0, 0, 0, .12);
width: 100%;
padding: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 4;
min-height: 108px;
}
.tw-chat--avaya-chat .tw-chat--tds-card-body.tw-chat--avaya-chat__thank-you-body {
padding: 0;
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__status-popup-header {
-webkit-margin-before: 8px !important;
margin-block-start: 8px !important;
-webkit-margin-before: var(--tds-size--1x) !important;
margin-block-start: var(--tds-size--1x) !important;
font-size: 17px;
font-size: var(--tds-font-size--40);
}
.tw-chat--avaya-chat .tw-chat--avaya-chat__status-popup-text {
-webkit-margin-before: 4px;
margin-block-start: 4px;
-webkit-margin-after: 8px !important;
margin-block-end: 8px !important;
-webkit-margin-after: var(--tds-size--1x) !important;
margin-block-end: var(--tds-size--1x) !important;
font-size: 12px;
font-size: var(--tds-font-size--20);
}
.tw-chat--avaya-chat .tw-chat--avaya-chat-loader {
background-color: #fff;
background-color: var(--tds-color--white);
z-index: 3;
}
.tw-chat--avaya-chat .tw-chat--avaya-header-container {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
line-height: 18px;
}
.tw-chat--avaya-chat .tw-chat--avaya-header-text {
font-size: 14px;
font-weight: 500;
}
.tw-chat--avaya-chat .tw-chat--avaya-subheader-text {
font-size: 12px;
color: #8e8e8e;
color: var(--tds-color--grey35);
margin-top: 2px;
font-weight: 500;
}
.tw-chat--avaya-chat .tw-chat--tds-modal-backdrop {
z-index: 998;
}
@media (min-width: 600px) {
.tw-chat--avaya-chat .tw-chat--tds-modal-backdrop {
display: none;
}
}
}