.embeddedServiceSidebar {
    --lwc-colorTextDefault: var(--green);
    --lwc-colorBrandSecondary: var(--green);
    --lwc-colorBorderBrandSecondary: var(--green);
    --lwc-colorBrandSecondaryDarken40: var(--green);
    --lwc-colorTextDefaultDarken20: var(--green);
    --lwc-fontFamily: "Plus Jakarta Sans",sans-serif;
}

.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: var(--green);
    font-family: "Open Sans",sans-serif;
}

    .embeddedServiceHelpButton .helpButton .uiButton:focus {
        outline: 1px solid var(--green);
    }

@media (max-width:991.98px) {
    .embeddedServiceHelpButton .helpButton {
        right: -170px;
    }

        .embeddedServiceHelpButton .helpButton:hover, .embeddedServiceHelpButton .helpButton:focus, .embeddedServiceHelpButton .helpButton:active {
            transform: translateX(-170px);
            transition-duration: 0.3s;
        }
}

.embeddedServiceSidebar .sidebarHeader {
    flex-direction: row;
}

.embeddedServiceSidebar .chatHeaderBranding,
.embeddedservice-chat-header.chatHeaderBranding {
    background-color: var(--green);
}