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

.embeddedServiceSidebar.layout-docked .dockableContainer {
    min-height: 560px !important;
    max-height: 700px !important;
}

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

embeddedservice-chat-header .sidebarHeader button {
    padding: 0 5px;
}

.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 {
    border-radius: 54px;
    min-width: 0;
    margin: 0;
    padding: 0;
}

body .embeddedServiceHelpButton .helpButton,
body .forceCommunityEmbeddedServiceHelpButton,
.forceCommunityEmbeddedServiceHelpButton.embeddedServiceBottomTabBar .flatButton {
    position: fixed;
    bottom: calc(24px + env(safe-area-inset-bottom)) !important;
    right: 20px;
    left: auto;
    top: auto;
    width: 54px;
    height: 54px;
    z-index: 999;
}

.embeddedServiceHelpButton.placeholderBtn {
    position: relative;
    z-index: 888;
    animation: fade-in .05s ease-in;
    animation-iteration-count: 1;
}

body .embeddedServiceHelpButton .flatButton,body .embeddedServiceHelpButton .helpButton .uiButton {
    border-radius: 54px;
    width: 54px;
    min-width: 0;
    height: 54px;
    margin: 0;
    padding: 0;
    font-family: "ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W6","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ","Hiragino Kaku Gothic","游ゴシック Medium","游ゴシック体",YuGothic,"Yu Gothic Medium",Osaka,"メイリオ",Meiryo,"Ridgeway Sans",Helvetica,Arial,sans-serif;
    background-color: #000;
    background-image: var(--chat-bubble-white);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 65%;
    box-shadow: 0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
    border:none;
}

body .embeddedServiceHelpButton .flatButton {
    transition: transform .25s ease-in-out;
}

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

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

body .embeddedServiceHelpButton .flatButton.helpButtonDisabled {
    display: none;
}

body .embeddedServiceHelpButton .flatButton:hover,body .embeddedServiceHelpButton .helpButton .helpButtonEnabled:hover {
    transform: scale(1.05);
}

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

body .embeddedServiceHelpButton .flatButton .helpButtonLabel,body .embeddedServiceHelpButton .flatButton span,body .embeddedServiceHelpButton .helpButton .helpButtonLabel,body .embeddedServiceHelpButton .helpButton 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 .flatButton .helpButtonLabel:not(caption),body .embeddedServiceHelpButton .flatButton span:not(caption),body .embeddedServiceHelpButton .helpButton .helpButtonLabel:not(caption),body .embeddedServiceHelpButton .helpButton span:not(caption) {
    position: absolute!important;
}

.forceCommunityEmbeddedServiceHelpButton.helpButtonDisabled .flatButton,body .embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled {
    display: block!important;
    background-color: #666;
}

.forceCommunityEmbeddedServiceHelpButton.helpButtonDisabled .flatButton {
    display: none !important;
}

div[id^=jsFrame_fixed_] {
    z-index: 100;
}

.embeddedServiceHelpButton .helpButton .uiButton {
    font-family: "Arial",sans-serif;
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: none;
}

.embeddedServiceHelpButton .helpButton .uiButton:hover {
    transform: scale(1.05);
}

.embeddedServiceLiveAgentStateChatAction.uiButton svg {
    padding-top: 0;
}

.saveTranscriptButton .label {
    font-size: 0!important;
}

.saveTranscriptButton .label:before {
    font-size: 16px;
    line-height: 19px;
    content: "テキストを保存";
}

.embeddedServiceMinimized {
    background-color: #000;
    border: none;
}

body .embeddedServiceHelpButton .helpButton .uiButton {
    transition: background-color .25s ease-in-out,transform .25s ease-in-out;
}

.embeddedServiceMinimized_offline {
    background-color: #5a5a5a;
    border: none;
}

.embeddedServiceMinimized,.embeddedServiceMinimized_offline {
    width: 50px;
    height: 50px;
    padding: 3px 5px 0;
    border-radius: 25px;
    box-shadow: 0 4px 8px rgba(0,0,0,.2);
    position: fixed;
    right: 10px;
    bottom: 10px;
}

.embeddedServiceMinimized:hover,.embeddedServiceMinimized_offline:hover {
    transform: scale(1.05);
}

.forceCommunityEmbeddedServiceHelpButton .flatButton:hover {
    background-color: black;
}

@media only screen and (min-device-width:768px) {
    .embeddedServiceMinimized,.embeddedServiceMinimized_offline {
        right: 20px!important;
        bottom: 20px!important;
    }
}

.embeddedServiceSidebar.layout-docked .dockableContainer,.embeddedServiceSidebar.layout-float .dockableContainer {
    position: fixed!important;
    bottom: 0!important;
    right: 0!important;
    margin-right: 10px;
    z-index: 101!important;
    left: auto!important;
}

@media only screen and (max-device-width:768px) {
    .embeddedServiceSidebar.layout-docked .dockableContainer,.embeddedServiceSidebar.layout-float .dockableContainer {
        max-width: 75%!important;
        max-height: 650px!important;
    }
}

body .embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled {
    display: block !important;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}