.testo {
    background-color: blue;
}

.embeddedServiceSidebar .sidebarHeader h2 {
font-size: 16px !important;
}

.embeddedServiceSidebar .sidebarBody {
--lwc-colorBrand: #000;
}

embeddedservice-chat-header lightning-icon,
embeddedservice-chat-header svg.slds-icon-text-default {
width: 80%;
height: auto;
}

.embeddedServiceLiveAgentStateChatItem .isCommunitiesContext .avatar {
padding: 0;

display: flex;
align-items: center;
justify-content: center;

line-height: 32px;

transform: none;
}

.forceCommunityEmbeddedServiceHelpButton .help svg {
padding-top: 0 !important;
}

.embeddedServiceHelpButton {
--chat-bubble-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='%23fff'%3E%3Cpath d='M114.88 26.77a52.155 51.214 0 0 1 5.838 10.475c11.396 5.477 18.96 16.343 18.965 28.742a32.04 32.04 0 0 1-4.291 15.732l.07-.115a7.37 7.37 0 0 0-.746 6.199l.02.06 3.457 9.48-9.697-3.72-.113-.037a7.5 7.5 0 0 0-6.096.709l.117-.066a38.92 38.92 0 0 1-18.885 4.842 40.64 40.64 0 0 1-3.254-.164 59.47 58.396 0 0 1-11.383 5.742c4.577 1.53 9.488 2.382 14.582 2.422h.02a46.91 46.91 0 0 0 22.66-5.781l14.168 5.426c4.198 1.323 8.5-3 7.188-7.187l-.027-.084-5.068-13.898c3.395-5.947 5.22-12.662 5.28-19.512V66c0-18.958-13.976-34.72-32.805-39.23z' dominant-baseline='%23fff'%3E%3C/path%3E%3Cpath d='M67.16 10c-27.73 0-49.83 20.43-49.83 45.66a45.08 45.08 0 0 0 6.051 22.1 4.2 4.2 0 0 1 .42 3.541L17.33 99a2.16 2.16 0 0 0 2.67 2.731l18-6.88a4.43 4.43 0 0 1 3.551.42 53.73 53.73 0 0 0 26.059 6.67c27.3-.2 49.62-20.43 49.62-45.86C117 30.43 94.68 10 67.16 10zM45.22 50.2a5.77 5.77 0 1 1 0 11.541 5.77 5.77 0 1 1 0-11.541zm21.98 0a5.77 5.77 0 1 1 0 11.541 5.77 5.77 0 1 1 0-11.541zm21.98 0a5.77 5.77 0 1 1 0 11.541 5.77 5.77 0 1 1 0-11.541z'%3E%3C/path%3E%3C/svg%3E");
}

body .embeddedServiceHelpButton .helpButton,
body .forceCommunityEmbeddedServiceHelpButton {
bottom: calc(24px + env(safe-area-inset-bottom));
right: 20px;
}

body .embeddedServiceHelpButton .helpButton,
body .embeddedServiceHelpButton .flatButton,
body .embeddedServiceHelpButton .helpButton .uiButton {
border-radius: 54px;
width: 54px;
min-width: 0;
height: 54px;
margin: 0;
padding: 0;
}

body .embeddedServiceHelpButton .helpButton .uiButton,
body .embeddedServiceHelpButton .flatButton {
font-family: "Ridgeway Sans", Arial, Helvetica, sans-serif;
background-color: #000;
background-image: var(--chat-bubble-white);
background-position: 50%;
background-repeat: no-repeat;
background-size: 65%;
transition: transform 0.25s ease-in-out;
box-shadow:
    0 4px 5px rgba(0, 0, 0, 0.14),
    0 1px 10px rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

body .embeddedServiceHelpButton .flatButton:focus,
.forceCommunityEmbeddedServiceHelpButton .flatButton:focus,
body .embeddedServiceMinimized:focus {
background-color: #000;
}

body .embeddedServiceHelpButton .helpButton .uiButton:focus-visible,
body .embeddedServiceHelpButton .flatButton:focus-visible,
.forceCommunityEmbeddedServiceHelpButton .flatButton:focus-visible,
body .embeddedServiceMinimized:focus-visible {
outline: 4px solid #91abe9;
background-color: #000;
}

body .embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled,
body .embeddedServiceHelpButton .flatButton.helpButtonDisabled {
display: none;
}

body .embeddedServiceHelpButton .helpButton .helpButtonEnabled:hover,
body .embeddedServiceHelpButton .flatButton:hover {
    background-color: #000;
    transform: scale(1.05);
}

body .embeddedServiceHelpButton .helpButton .helpButtonEnabled:hover:before,
body .embeddedServiceHelpButton .helpButton .helpButtonEnabled:focus:before,
body .embeddedServiceHelpButton .flatButton .helpButtonEnabled:hover:before,
body .embeddedServiceHelpButton .flatButton .helpButtonEnabled:focus:before {
display: none;
}

body .embeddedServiceHelpButton .helpButton .helpButtonLabel,
body .embeddedServiceHelpButton .helpButton span,
body .embeddedServiceHelpButton .flatButton .helpButtonLabel,
body .embeddedServiceHelpButton .flatButton span {
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
}

body .embeddedServiceHelpButton .helpButton .helpButtonLabel:not(caption),
body .embeddedServiceHelpButton .helpButton span:not(caption),
body .embeddedServiceHelpButton .flatButton .helpButtonLabel:not(caption),
body .embeddedServiceHelpButton .flatButton span:not(caption) {
position: absolute !important;
}