/* Supplied chat3.css appearance, scoped locally; no third-party icon URL or fonts. */
#chatbot { box-sizing:border-box; position:fixed; z-index:36; right:8px; bottom:8px; width:45%; max-width:calc(100vw - 16px); height:90vh; height:90dvh; margin:0; padding:0; display:flex; flex-direction:column; overflow:hidden; border-radius:10px; background:#fff; box-shadow:0 0 25px -5px #888; font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,'Helvetica Neue',YuGothic,'ヒラギノ角ゴ ProN W3',Hiragino Kaku Gothic ProN,Arial,'メイリオ',Meiryo,sans-serif; }
#chatbot[hidden] { display:none; }
#chatbot-header { flex:0 0 45px; display:flex; align-items:center; justify-content:space-between; height:45px; background:#4169e1; }
#chatbot-logo { padding:0 30px; color:#fff; font-size:16px; line-height:45px; }
#chatbot-close-icon { align-self:stretch; min-width:60px; border:0; padding:0 20px; color:#fff; background:transparent; font:28px/45px sans-serif; cursor:pointer; }
#chatbot-close-icon:active { background:#4d7999; }
#chatbot-body { flex:1; min-height:0; width:100%; background:#fff; }
#chatbot-body iframe { display:block; width:100%; height:100%; border:0; }
#chatbot-toggle_button { position:fixed; z-index:35; right:max(16px,env(safe-area-inset-right)); bottom:max(16px,env(safe-area-inset-bottom)); width:100px; height:100px; border-radius:20px; overflow:hidden; box-shadow:0 4px 8px rgb(0 0 0 / .2); }
#chat-button { display:block; width:100%; height:100%; border:0; padding:0; background:transparent; cursor:pointer; }
#chat-button img { display:block; width:100%; height:100%; border-radius:20px; }
#chat-button:focus-visible,#chatbot-close-icon:focus-visible { outline:3px solid #fff; outline-offset:-4px; }
body:has(.saito-pickup:not([hidden])) #chatbot-toggle_button { bottom:210px; }
@media(max-width:700px) { #chatbot { width:90%; } }