.WAC__message-vertical-padding { position: relative !important; } #WACContainer.WACContainer .WAC__bot-bar-color { background-color: white; } .WAC__bot-bar-color { position: relative absolute; background: white !important; background-size: contain !important; position: absolute !important; left: -0.5rem !important; top: 0.75rem !important; display: flex !important; width: 8rem !important; flex-direction: column !important; justify-content: flex-end !important; } #WACContainer.WACContainer .WACHomeScreen__bodyWrapper, #WACContainer.WACContainer .WACWidget.WACWidget--rounded .WACBrandingBanner, #WACContainer.WACContainer .WACWidget.WACWidget--rounded button.WACInputContainer__SendButton { background-color: #0068b7 !important; border-top:none !important; color:white !important; } #WACContainer.WACContainer .WACHomeScreen__greeting { color:white !important; } #WACContainer.WACContainer .cds--chat-btn--quick-action, #WACContainer.WACContainer .ibm-web-chat--default-styles button:not([class*=cds--]), #WACContainer.WACContainer .ibm-web-chat--default-styles button:not([class*=cds--]):disabled { border-color:white !important; color: white !important; } #WACContainer.WACContainer .WACHomeScreen__bodyWrapper, #WACContainer.WACContainer .WACWidget.WACWidget--rounded .WACBrandingBanner, #WACContainer.WACContainer .WACWidget.WACWidget--rounded button.WACInputContainer__SendButton > svg { fill: white !important; } .WAC__received--inner { border-radius: 0.5rem !important; --tw-bg-opacity: 1 !important; background-color: #0068b7 !important; padding: 0.5rem !important; color: white !important; } .WACMessages__Wrapper { background-color: white !important; color:black !important; } .WACWidget__MarkdownP { color:white !important; } #WACContainer.WACContainer .WACLauncherComplex__Container .WACLauncherComplex__ContentButton, .WACLauncherComplex__ContentButton,.bx--tag.WACLauncher__CloseButton.bx--tag--interactive { display: none !important; } #WACContainer.WACContainer .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button:not(.WACLauncher__TourButton) { background-color: transparent !important; } .WACLauncherComplex__Container--simpleAnimation .WACLauncher__ButtonContainer.WACLauncherComplex__SmallLauncherContainer { right: -32px !important; border-radius: 0% !important; height: auto !important; padding: 0 30px 60px 0 !important; } .WACLauncherComplex__Container--simpleAnimation .WACLauncher__ButtonContainer.WACLauncherComplex__SmallLauncherContainer .WACLauncher__Button { width:150px !important; padding: 0 30px 60px 0 !important; border-radius: 0% !important; } #WACContainer.WACContainer .bx--tag--interactive, #WACContainer.WACContainer .ibm-web-chat--default-styles button:not([class*=bx--]), #WACContainer.WACContainer button.WAC__button--base.WAC__button--round { background-color: white !important; } #WACContainer.WACContainer button.WAC__button--base.WAC__button--round.WAC__button--selected, #WACContainer.WACContainer button.WAC__button--base.WAC__button--round.WAC__button--selected:disabled:hover, #WACContainer.WACContainer button.WAC__button--base.WAC__button--round:enabled:active { background-color: #393939 !important; } #WACContainer.WACContainer .WACWidget.WACWidget--launched.WACWidget--defaultElement { box-shadow: 1px 1px 1px grey !important; border: 1px solid white !important; } #WACContainer.WACContainer .WAC__message a, #WACContainer.WACContainer .WAC__message a:visited { color:white !important; font-weight: bold !important; text-decoration: underline !important; } #WACContainer.WACContainer .WACHeader, #WACContainer.WACContainer .WACHomeScreenModern__inputContainerWrapper--background, #WACContainer.WACContainer .WACHomeScreenModern__body { background-color: #0068b7 !important; color:white !important; } #WACContainer.WACContainer .WACWidget.WACWidget--rounded .WACHeader { border-top: 1px solid #0068b7 !important; border-left: 1px solid #0068b7 !important; border-right: 1px solid #0068b7 !important; } .WAC__ChatNonHeaderContainer { border-left: 1px solid #0068b7 !important; border-right: 1px solid #0068b7 !important; } .WACBrandingBanner { border-bottom: 1px solid #0068b7 !important; } #WACContainer.WACContainer .WACWidget.WACWidget--rounded .WACBrandingBanner { border-right: 1px solid #0068b7 !important; } #WACContainer.WACContainer .WACWidget.WACWidget--rounded .WACBrandingBanner, #WACContainer.WACContainer .WACWidget.WACWidget--rounded .WACInputContainer__LeftContainer { border-left: 1px solid #0068b7 !important; } #WACContainer.WACContainer .WACBotContainer .WACInputContainer { padding:4px !important; } #WACContainer.WACContainer .WACLauncherExtended__Container { border-radius: 0% !important; box-shadow: none !important; background:transparent !important; border: transparent !important; width: 0px !important; } #WACContainer.WACContainer .WACLauncherComplex__Container--introAnimation .WACLauncherComplex__SmallLauncherContainer, #WACContainer.WACContainer .WACLauncherComplex__Container--introAnimation .WACLauncher__ButtonContainer.WACLauncherComplex__SmallLauncherContainer .WACLauncher__Button { background: transparent !important; box-shadow: none; } #WACContainer.WACContainer .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round { box-shadow: none !important; } #WACContainer.WACContainer .WACLauncherComplex__Container--introAnimation .WACLauncher__Avatar { position: absolute; right: 110px; } #WACContainer.WACContainer .WACLauncherComplex__Container--introAnimation .WACLauncher__Avatar { position: absolute; right: 110px; } #WACContainer.WACContainer .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round, #WACContainer.WACContainer .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button, #WACContainer.WACContainer .WACLauncher__Avatar { border-radius: 0% !important; } #WACContainer.WACContainer .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button:not(.WACLauncher__TourButton) { background-color: transparent !important; border:0 !important; } #WACContainer.WACContainer .WACLauncherExtended__Container { border-radius: 0% !important; box-shadow: none !important; background:transparent !important; border: transparent !important; width: 0px !important; } /* buttonの削除 */ button.cds--tag.WACLauncher__CloseButton.cds--tag--interactive { display:none !important; } @media screen and (max-width: 480px){ #WACContainer.WACContainer .WACLauncherExtended__Wrapper { width:140px !important; } #WACLauncher__Button { position: absolute !important; right: 10px !important; bottom: -20px !important; } .WACLauncher__Avatar { width: 130px !important; height: 48px !important; border-radius: 0% !important; } .WACHomeScreenModern__starter,.WAC__button--round { background-color: white !important; border: 1px solid #0068b7 !important; color:black !important; } #WACContainer.WACContainer .WACLauncherExtended__Button .WACLauncher__IconHolder { width:130px !important; overflow: visible !important; } #WACContainer.WACContainer .WACLauncherExtended__WrapperContainer { position: relative !important; overflow: visible !important; } #WACContainer.WACContainer .WACBrandingBanner { background-color: #0068b7 !important; border:none !important; } } @media screen and (min-width: 481px) { #WACLauncher__Button { position: absolute !important; bottom: calc(100vh * 0.3) !important; right: -30px !important; } .WACLauncher__Avatar { width:50px !important; height: auto !important; border-radius: 0% !important; } } @media screen and (max-width: 480px){ #WACLauncher__Button { position: absolute !important; right: 10px !important; bottom: -20px !important; } .WACLauncher__Avatar { width: 130px !important; height: 48px !important; border-radius: 0% !important; } .WACHomeScreenModern__starter,.WAC__button--round { background-color: white !important; border: 1px solid #0068b7 !important; color:black !important; } #WACContainer.WACContainer .WACLauncherExtended__Button .WACLauncher__IconHolder { width:130px !important; overflow: visible !important; } #WACContainer.WACContainer .WACLauncherExtended__WrapperContainer { position: relative !important; overflow: visible !important; } #WACContainer.WACContainer .WACBrandingBanner { background-color: #0068b7 !important; border:none !important; } } @media screen and (min-width: 481px) { #WACLauncher__Button { position: absolute !important; bottom: calc(100vh * 0.3) !important; right: -30px !important; } .WACLauncher__Avatar { width:50px !important; height: auto !important; border-radius: 0% !important; background-color: orange !important; } }