:root {
    --indigo-030: #f6f6ff;
    --indigo-050: #f0f0ff;
    --indigo-100: #e2e2ff;
    --indigo-150: #d4d4ff;
    --indigo-200: #c6c6ff;
    --indigo-300: #a8a8ff;
    --indigo-400: #8c8cff;
    --indigo-500: #7070ff;
    --indigo-550: #6060fc;
    --indigo-600: #5353fd;
    --indigo-650: #4a4af4;
    --indigo-700: #4242cf;
    --indigo-800: #3131a3;
    --indigo-850: #20208a;
    --indigo-900: #151579;
    --indigo-950: #000061;
    --indigo-970: #000049;

    --dandelion-050: #fff1d5;
    --dandelion-100: #ffe3ab;
    --dandelion-150: #ffd684;
    --dandelion-200: #ffca61;
    --dandelion-300: #e0ac44;
    --dandelion-400: #c7932b;
    --dandelion-500: #ad7913;
    --dandelion-550: #9e6c09;
    --dandelion-600: #8c5e00;
    --dandelion-650: #7d5300;
    --dandelion-700: #6b4700;
    --dandelion-800: #4a3100;
    --dandelion-850: #372400;
    --dandelion-900: #261900;
    --dandelion-950: #130c00;

    --red-050: #ffecf0;
    --red-100: #ffd9e0;
    --red-150: #ffc7d2;
    --red-200: #ffb4c3;
    --red-300: #fc8ca2;
    --red-400: #e86d86;
    --red-500: #e54061;
    --red-550: #d63354;
    --red-600: #c42646;
    --red-650: #b51938;
    --red-700: #a10f2c;
    --red-800: #750018;
    --red-850: #5c0012;
    --red-900: #45000e;
    --red-950: #280008;

    --yellow-050: #fff0da;
    --yellow-100: #ffe1b6;
    --yellow-150: #ffd394;
    --yellow-200: #ffc370;
    --yellow-300: #faa225;
    --yellow-400: #e38500;
    --yellow-500: #bf6f00;
    --yellow-550: #ad6500;
    --yellow-600: #995900;
    --yellow-650: #874f00;
    --yellow-700: #734400;
    --yellow-800: #4f2e00;
    --yellow-850: #3b2200;
    --yellow-900: #281800;
    --yellow-950: #140c00;

    --green-050: #e1fcea;
    --green-100: #c3f7d5;
    --green-150: #a7f5c1;
    --green-200: #91ebaf;
    --green-300: #70d491;
    --green-400: #4dbd72;
    --green-500: #33a158;
    --green-550: #26944b;
    --green-600: #1a853e;
    --green-650: #127533;
    --green-700: #0b692a;
    --green-800: #004718;
    --green-850: #003311;
    --green-900: #00290e;
    --green-950: #001507;

    --blue-050: #e6f6ff;
    --blue-100: #cceafc;
    --blue-150: #b7e3ff;
    --blue-200: #9cd8fc;
    --blue-300: #73c0f0;
    --blue-400: #3aacf2;
    --blue-500: #0d93e8;
    --blue-550: #0684d4;
    --blue-600: #0076bf;
    --blue-650: #0067a6;
    --blue-700: #005991;
    --blue-800: #023c61;
    --blue-850: #002f4d;
    --blue-900: #002237;
    --blue-950: #00111b;

    --gray-white: #ffffff;
    --gray-030: #f7f7f8;
    --gray-050: #f2f2f4;
    --gray-070: #ededf0;
    --gray-100: #e5e5e9;
    --gray-150: #d8d8df;
    --gray-200: #cbcbd4;
    --gray-300: #b1b1be;
    --gray-400: #9797a8;
    --gray-500: #7e7e8d;
    --gray-600: #646475;
    --gray-700: #4b4b5c;
    --gray-750: #3e3e4f;
    --gray-800: #313142;
    --gray-850: #252531;
    --gray-900: #191925;
    --gray-920: #13131f;
    --gray-950: #0c0c14;
    --gray-970: #07070d;
    --gray-black: #000000;

    --affirm-blue: #9cadfc;

    --dxp-g-root: transparent !important;
    --dxp-g-neutral: #b4d5fe;
    --dxp-s-form-element-text-font-family: 'Calibre' !important;
    --dxp-s-form-element-caption-text-font-family: 'Calibre' !important;
    --dxp-s-form-element-text-font-size: 1rem;
    --dxp-s-form-element-color-background: var(--gray-white);
    --dxp-s-dropdown-color-background-hover: #f7f9fa;
    --dxp-g-spacing-medium: 1rem;
    --dxp-s-dropdown-color-border: #d4d4d4;
    --dxp-s-dropdown-color-background: var(--gray-white);
    --sds-c-tabs-item-text-color: #6b7280;
    --slds-g-color-brand-base-40: var(--indigo-650);
    --_slds-g-shadow-outline-focus: 0 0 0 0px #4b5563 !important;
    --slds-c-textarea-color-border: #d4d4d4;

    --common-max-content-width: 1200px;
    --common-max-content-width-small: 900px;
    --common-full-width: 100%;

    --common-spacing-xsmall: 0.5rem;
    --common-spacing-small: 1rem;
    --common-spacing-medium: 2rem;
    --common-spacing-large: 3rem;
    --common-spacing-xlarge: 4rem;
    --common-spacing-xxlarge: 5rem;

    /* Use this to control the top spacing use 1.5 multiplier for mobile */
    --dxp-style-c-margin-top-s: calc(var(--common-spacing-xxlarge) * 1.5);

    --common-font-size-xxsmall: 14px;
    --common-font-size-xsmall: 18px;
    --common-font-size-small: 20px;
    --common-font-size-medium: 24px;
    --common-font-size-large: 28px;
    --common-font-size-xlarge: 32px;
    --common-font-size-xxlarge: 36px;

    --common-header-font: 'Axiforma-Light';
    --common-subheader-font: 'Axiforma-Semi-Bold';
    --common-web-header-font-size: 56px;
    --common-mobile-header-font-size: 50px;
    --common-header-letter-spacing: -2px;

    --common-line-height-small: 24px;
    --common-line-height-medium: 32px;
    --common-line-height-large: 44px;
    
    --common-font-weight-bold: 600;
    --common-font-weight-semibold: 500;
    --common-font-weight-normal: 400;
    --common-font-weight-light: 300;

    --common-affirm-theme: var(--indigo-950);
    --common-affirm-light: var(--gray-white);
    --common-affirm-dark: #101820;
    --common-affirm-gray: var(--gray-700);

    --common-border-default-color: var(--gray-100);
    --common-border-hover-color: var(--gray-200);
    --common-border-focus-color: var(--indigo-700);
    --common-border-active-color: var(--indigo-800);

    --common-theme-button-hover-color: var(--indigo-800);
    --common-theme-button-active-color: var(--indigo-800);
    --common-theme-button-focus-color: var(--indigo-900);

    --common-bg-gray: var(--gray-050);
    --common-bg-warning: var(--yellow-100);

    --common-border-box-shadow: 0px 2px 10px 0px #9cadfc33;
    --common-border-none: none;
    --common-border-radius-small: 4px;
    --common-border-radius-medium: 8px;
    --common-border-radius-large: 12px;
    --common-border-radius-xlarge: 16px;
    --common-border-radius-xxlarge: 24px;

    --common-button-small-padding: 4px 12px;
    --common-button-medium-padding: 12px 24px;

    --common-base-padding: 20px;
}


@font-face {
    font-family: 'Axiforma-Light';
    src: url('https://cdn-assets.affirm.com/fonts/src/axiforma-light.woff2') format('woff2'),
         url('https://cdn-assets.affirm.com/fonts/src/axiforma-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Axiforma-Regular';
    src: url('https://cdn-assets.affirm.com/fonts/src/axiforma-regular.woff2') format('woff2'),
         url('https://cdn-assets.affirm.com/fonts/src/axiforma-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Axiforma-Semi-Bold';
    src: url('https://cdn-assets.affirm.com/fonts/src/axiforma-semi-bold.woff2') format('woff2'),
         url('https://cdn-assets.affirm.com/fonts/src/axiforma-semi-bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Axiforma-Bold';
    src: url('https://cdn-assets.affirm.com/fonts/src/axiforma-bold.woff2') format('woff2'),
         url('https://cdn-assets.affirm.com/fonts/src/axiforma-bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

.page-header {
    font-family: var(--common-header-font);
    font-weight: var(--common-font-weight-light);
    letter-spacing: var(--common-header-letter-spacing);
    line-height: 68px;
    padding-top: 16px;
}

@media only screen and (min-width: 769px) {
    .page-header {
        font-size: var(--common-web-header-font-size);
    }
}

@media only screen and (max-width: 768px) {
    .page-header {
        font-size: var(--common-mobile-header-font-size);
    }
}

.common-theme {
    color: var(--common-affirm-light);
    background-color: var(--common-affirm-theme) !important;
    border: none;
    transition: background-color 0.2s ease-in-out;
}

.common-theme:hover, .comm-page-article .self-serve:hover {
    color: var(--indigo-050);
    background-color: var(--common-theme-button-hover-color) !important;
    text-decoration: none !important;

}

.common-theme:focus, .comm-page-article .self-serve:focus {
    color: var(--indigo-150);
    background-color: var(--common-theme-button-focus-color) !important;
    text-decoration: none !important;

}

.common-theme:active, .comm-page-article .self-serve:active {
    color: var(--indigo-150);
    background-color: var(--common-theme-button-active-color) !important;
    text-decoration: none !important;

}

.common-light, .common-light:hover {
    color: var(--common-affirm-theme);
    background-color: var(--common-affirm-light) !important;
}

.common-button-s {
    font-size: var(--common-font-size-small);
    font-weight: var(--common-font-weight-bold);
    border: var(--common-border-none);
    border-radius: var(--common-border-radius-medium);
    padding: var(--common-button-small-padding);
}

.common-border-shadow {
    border: 1px solid var(--common-border-default-color) !important;
    border-radius: var(--common-border-radius-large);
    box-shadow: var(--common-border-box-shadow);
    transition: border-color 0.2s ease-in-out;
}

.common-border-shadow:hover {
    border: 1px solid var(--common-border-hover-color) !important;
}

.common-border-shadow:focus {
    border: 1px solid var(--common-border-focus-color) !important;
}

.common-border-shadow:active {
    border: 1px solid var(--common-border-active-color) !important;
}

.common-text-xxs {
    font-size: var(--common-font-size-xxsmall);
}

.common-text-xs {
    font-size: var(--common-font-size-xsmall);
}

.common-text-s {
    font-size: var(--common-font-size-small);
    line-height: var(--common-line-height-small);
}

.common-text-m {
    font-size: var(--common-font-size-medium);
}

.common-text-l {
    font-size: var(--common-font-size-large);
}

.common-text-xl {
    font-size: var(--common-font-size-xlarge);
}

.common-text-xxl {
    font-size: var(--common-font-size-xxlarge);
}

.common-text-bold {
    font-weight: var(--common-font-weight-bold);
    font-synthesis-weight: none; /* prevent faux bolding */
    font-synthesis-style: none; /* prevent faux italicizing */
}

.common-text-color {
    color: var(--common-affirm-dark) !important;
}

.common-subtext-color {
    color: var(--common-affirm-gray) !important;
}

.common-flex-column {
    display: flex;
    flex-direction: column;
}

.common-flex-row {
    display: flex;
    flex-direction: row;
}

.common-space-between {
    justify-content: space-between;
}

.common-spacing-xs {
    gap: var(--common-spacing-xsmall);
}

.common-spacing-s {
    gap: var(--common-spacing-small);
}

.common-spacing-m {
    gap: var(--common-spacing-medium);
}

/* SLDS CSS Overrides */
.breadcrumb .breadcrumb:first-child > a {
    font-size: var(--common-font-size-xxsmall);
}

.breadcrumb .breadcrumb:first-child:before {
    content: none;
}

.breadcrumb .breadcrumb:before {
    content: url(/sfsites/c/resource/communityIcons/right_arrow_black.svg);
    color: var(--common-affirm-dark);
}

.breadcrumb:first-child {
    padding-right: var(--common-base-padding);
}

.breadcrumb:not(:first-child) {
    padding-left: var(--common-base-padding);
    padding-right: var(--common-base-padding);
}

.breadcrumb > a {
    font-size: 16px !important;
    color: var(--common-affirm-dark) !important;
}

.breadcrumb:last-child > a {
    cursor: not-allowed;
    pointer-events: none;
}

.slds-breadcrumb .slds-breadcrumb__item:first-child:before {
    content: none !important;
}

.slds-breadcrumb .slds-breadcrumb__item:before {
    content: url(/sfsites/c/resource/communityIcons/right_arrow_black.svg) !important;
}

.slds-listbox_vertical .slds-listbox__option:focus, 
.slds-listbox_vertical .slds-listbox__option:hover, 
.slds-listbox_vertical .slds-listbox__option.slds-has-focus, 
.slds-listbox--vertical .slds-listbox__option:focus, 
.slds-listbox--vertical .slds-listbox__option:hover, 
.slds-listbox--vertical .slds-listbox__option.slds-has-focus {
    box-shadow: none !important;
    --webkit-box-shadow: none !important;
}


span.slds-file-selector__button.slds-button.slds-button_neutral {
    background: var(--common-affirm-theme);
    color: var(--common-affirm-light);
}

span.slds-file-selector__button.slds-button.slds-button_neutral:hover {
    background: #0000FF;
    cursor: pointer;
}

span.slds-file-selector__text.slds-medium-show {
    display: none;
}

.slds-file-selector__dropzone {
    border: none !important;
}

.slds-checkbox .slds-checkbox__label {
    font-size: var(--common-font-size-small) !important;
}

.slds-form-element__label {
    font-size: var(--common-font-size-xsmall) !important;
    margin-bottom: var(--common-base-padding) !important;
}

.slds-textarea, .slds-select, 
.dynamic-question .slds-input,
.dynamic-question .slds-textarea,
.dynamic-question .slds-combobox__input {
    font-size: var(--common-font-size-xsmall) !important;
    border-radius: var(--common-border-radius-medium) !important;
    border-color: var(--common-affirm-gray) !important;
    height: 56px !important;
    color: var(--common-affirm-dark) !important;
}

.slds-textarea:active, 
.slds-select:active, 
.slds-textarea:focus, 
.slds-select:focus,
.search.slds-input:focus,
.dynamic-question .slds-input:focus,
.dynamic-question .slds-textarea:focus,
.dynamic-question .slds-combobox__input:focus {
    box-shadow: 0px 2px 10px 0px var(--common-border-box-shadow) !important;
    border: 1px solid var(--indigo-700) !important;
}

lightning-base-combobox span.slds-truncate {
    margin-top: auto;
    margin-bottom: auto;
    white-space: normal;
    word-wrap: normal;
}

/* Experience CSS Overrides */
.article-content-container ol {
    list-style-type: decimal;
    padding-left: var(--common-spacing-medium);
}

.article-content-container ul {
    list-style-type: disc;
    padding-left: var(--common-spacing-medium);
}

.article-content-container a:not(.self-serve) {
    color: var(--common-affirm-dark) !important;
    font-weight: var(--common-font-weight-bold);
    text-decoration: underline !important;
}

.article-content-container iframe {
    display: block;
    margin: 0 auto;
    border: none;
}

@media only screen and (min-width: 769px) {
    .article-content-container iframe.web-view {
        max-width: 820px;
        width: 100%;
        max-height: 460px;
        height: 100%;
        aspect-ratio: 820 / 460;
    }

    .article-content-container iframe.mobile-view {
        max-width: 500px;
        width: 100%;
        max-height: 620px;
        height: 100%;
        aspect-ratio: 500 / 620;
    }
}

@media only screen and (max-width: 768px) {
    .article-content-container iframe.web-view {
        max-width: 680px;
        width: 100%;
        max-height: 382px;
        height: 100%;
        aspect-ratio: 680 / 382;
    }

    .article-content-container iframe.mobile-view {
        max-width: 306px;
        width: 100%;
        max-height: 420px;
        height: 100%;
        aspect-ratio: 306 / 420;
    }
}

/* Safari-only overrides to handle scrollbar issue */
@media only screen and (min-width: 769px) {
    @supports (-webkit-hyphens:none) {
        .article-content-container iframe.mobile-view {
            max-width: 100% !important;
            width: 100% !important;
            max-height: 620px !important;
            height: 100% !important;
            aspect-ratio: 500 / 620 !important;
        }
    }
}

c-contact-us-articles c-tile-item .tile-section.common-flex-column > .tile-container > .tile-title,
c-search-answers c-tile-item .tile-section.common-flex-column > .tile-container > .tile-title {
    font-weight: var(--common-font-weight-bold) !important;
}

a, a:hover, a:focus, a:active {
    text-decoration: none !important;
}

.comm-page-article .self-serve {
    background: var(--common-affirm-theme);
    font-family: var(--dxp-s-form-element-text-font-family);
    color: var(--common-affirm-light) !important;
    border-radius: var(--common-border-radius-xxlarge);
    padding: var(--common-button-medium-padding);
    font-weight: var(--common-font-weight-bold);
    font-size: var(--common-font-size-xsmall) !important;
}

.themeLayout {
    max-width: 100%;
    display: block !important;
}

.themeLayout > body.templateBody > .siteforceContentArea > *, footer {
    padding: 8px 16px 16px 16px;
}

.themeLayout body.templateBody {
    /* Use same config var for aura as LWR */
    padding-top: var(--dxp-style-c-margin-top-s);
}

.themeLayout body.templateBody .slds-col--padded.comm-layout-column > div {
    padding: 16px;
}

.themeLayout body.templateBody .slds-col--padded.comm-layout-column > div {
    padding: 16px;
}

.themeLayout header.templateHeader {
    position: fixed;
    max-width: 1200px;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
    padding: 20px 20px 0px 20px;
}

.community_byo-scoped-header-and-footer__header-content, .community_byo-scoped-header-and-footer__footer-content {
    background-color: transparent !important;
}

@media only screen and (min-width: 769px) {
    :root {
        /* Use this to control the top spacing use 3 multiplier for desktop */
        --dxp-style-c-margin-top-s: calc(var(--common-spacing-xxlarge) * 2);
    }

    body.comm-page-home:not(.templateBody), body.home {
        background-image: url(/sfsites/c/resource/communityIcons/homepage.jpg);
        background-size: 100% 600px;
        background-repeat: no-repeat;
        background-position: top center;
        padding-top: 0;
        margin-top: 0;
    }

    body:not(.comm-page-home):not(.templateBody):not(.home) {
        background-image: url(/sfsites/c/resource/communityIcons/secondary_pages.jpg);
        background-size: 100% 347px;
        background-repeat: no-repeat;
        background-position: top center;
        padding-top: 0;
        margin-top: 0;
    }

    .slds-breadcrumb .slds-breadcrumb__item:before {
        left: -.75rem !important;
    }
}

@media only screen and (max-width: 768px) {
    body.comm-page-home:not(.templateBody), body.home {
        background-image: url(/sfsites/c/resource/communityIcons/mobile_homepage.jpg);
        background-size: 100% 790px;
        background-repeat: no-repeat;
        background-position: top center;
        padding-top: 0;
        margin-top: 0;
    }

    body:not(.comm-page-home):not(.templateBody):not(.home) {
        background-image: url(/sfsites/c/resource/communityIcons/secondary_pages.jpg);
        background-size: 100% 347px;
        background-repeat: no-repeat;
        background-position: top center;
        padding-top: 0;
        margin-top: 0;
    }

    div.slds-breadcrumb.slds-list_horizontal.slds-wrap {
        width: 100%;
        flex-wrap: nowrap;
    }

    /* 1. The Container: Handles the shrinking logic */
    .breadcrumb:last-child {
        flex: 1;
        min-width: 0; /* Allows the container to shrink below its content size */
    }

    /* 2. The Text Link: Handles the ellipsis logic */
    .breadcrumb:last-child > a {
        display: block; /* or inline-block. REQUIRED to respect width/overflow */
        width: 100%;    /* Force the link to fill the container */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 0;
    }
}

header, h1, h2, h3, h4, h5, h6, span:not(a span) {
    color: var(--common-affirm-dark);
}

lightning-formatted-rich-text[c-searchlist_searchlist].search span {
    color: var(--common-affirm-theme);
}

fieldset *:not(a) {
    color: var(--common-affirm-dark);
}

fieldset a {
    color: var(--common-affirm-theme);
}

.outerTextCss p b {
    color: var(--common-affirm-dark);
}

button.comm-user-profile-menu__login-button {
    color: var(--common-affirm-light);
    background-color: var(--common-affirm-theme);
    font-size: var(--common-font-size-xsmall);
    border-radius: var(--common-border-radius-large);
}

.columns-content {
    max-width: var(--common-max-content-width) !important;
}

@media only screen and (min-width: 513px) {
    .columns-content .body {
        padding: 32px 0px !important;
    }
}

@media only screen and (max-width: 513px) {
    .columns-content .body {
        padding: 16px 0px !important;
    }
}

.searchIcon lightning-icon {
    content: url(/sfsites/c/resource/communityIcons/search_icon_black.svg) !important;
}

@font-face {
    font-family: 'Calibre';
    src: url('/sfsites/c/resource/calibrefont/calibrefont/Medium.woff') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'Calibre';
    src: url('/sfsites/c/resource/calibrefont/calibrefont/Medium.woff') format('woff');
    font-weight: var(--common-font-weight-bold);
}

@font-face {
    font-family: 'Calibre';
    src: url('/sfsites/c/resource/calibrefont/calibrefont/Regular.woff') format('woff');
    font-weight: var(--common-font-weight-normal);
}

body {
    font-family: var(--dxp-s-form-element-text-font-family);
}

.dynamic-question label.slds-form-element__label, 
.dynamic-question lightning-primitive-input-checkbox span.slds-form-element__label,
.dynamic-question lightning-checkbox-group legend.slds-form-element__label,
.question-field {
    font-family: var(--dxp-s-form-element-text-font-family);
    font-size: var(--common-font-size-small);
    font-weight: var(--common-font-weight-bold);
    line-height: 24px;
    color: var(--common-affirm-dark);
}

.dynamic-question .default-field:not(.slds-has-error) .slds-input:not(:focus),
.dynamic-question .input-field:not(.slds-has-error) .slds-input:not(:focus),
.dynamic-question .input-field:not(.slds-has-error) .slds-combobox__input:not(:focus),
.dynamic-question .input-field:not(.slds-has-error) .slds-textarea:not(:focus) {
    border: 1px solid #c9c9c9;
}

.dynamic-question .slds-input,
.dynamic-question .slds-textarea,
.dynamic-question .slds-combobox__input {
    border-radius: 6px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.dynamic-question lightning-input lightning-datepicker .slds-form-element__help {
    display: none !important;
}

lightning-base-combobox-item .slds-listbox__option-icon {
    visibility: hidden !important;
}

lightning-base-combobox-item {
    font-size: var(--common-font-size-xsmall);
}

.community_byo-scoped-header-and-footer__header-content {
    position: fixed;
    width: 100%;
    z-index: 999;
}

.uploaded-file lightning-button-icon button {
    border: none !important;
}

.comm-page-article dt.test-id__field-label-container,
.article-column .content .forceRecordLayout .forcePageBlockSection:first-of-type {
    display: none;
}

/* Messaging Styles */
@media only screen and (min-width: 48em) {
    .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"][class~="experienceSite"] {
        height: 658px;
        width: 375px;
        max-height: calc(100vh - 6em);
        border-radius: 16px;
        animation: messaging-smooth-view 0.4s ease forwards;  
    }
}

@media only screen and (min-width: 15em) and (max-width: 47.9375em) {
    .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"][class~="experienceSite"] {
        height: -webkit-fill-available;
        width: 375px;
        max-height: calc(100vh - 6em);
        border-radius: 16px;
        animation: messaging-smooth-view 0.4s ease forwards;
    }
}

@keyframes messaging-smooth-view {
    0% {
        transform: translateX(0%) translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0%) translateY(0%);
        opacity: 1;
    }
}

.embedded-messaging > .embeddedMessagingFrame {
    z-index: 1000
}