@charset "utf-8";

#aichat {text-align: center; position: fixed; right: 2%; bottom: 2%; z-index: 9999; background: #004ea2; color: #fff; border-radius: 10px; box-shadow: 0 0 7px #555; padding: 10px 10px; cursor: pointer;}
#aichat.rev2 {z-index: 9998; background: initial; border-radius: 0px; box-shadow: initial; padding: 0; cursor: pointer;}
#aichat p {line-height: 1.4}
#aichat p.launcher {margin: 0; font-size: 18px; color: #004ea2; line-height: 1; padding: 3% 2%; background: #fedf32; font-weight: bold; border-radius: 2em; font-feature-settings: "palt"; font-family: "ŸàƒSƒVƒbƒN","Yu Gothic",sans-serif;}
#aichat p.launcher .icon {background: url(/cgi/shared/images/ai_chat_icon.png) no-repeat left center; padding: 5px 0 5px 34px;}
#aichat p.doui {font-size: 13px; margin: 0.5em 0 0.3em;}
#aichat p.doui a {color: #fedf32;}
#aichat p.doui a:hover {text-decoration: none;}
#aichat p.pinfo {font-size: 11px; margin: 0;}

.modaal-container {height: 100%}
.modaal-wrapper {z-index: 10002}
.modaal-overlay {z-index: 10001}
.modaal-close {right: 2%}
.modaal-inner-wrapper {padding-left: 2%; padding-right: 2%}

/* for app form */
#aichat_wrap {bottom: 2%; right: 3%;}
#aichat_wrap {position: fixed; transition: all 0.2s; z-index: 2;}
#aichat_wrap #aichat {position: relative; right: 0; bottom: 0; border-radius: 10px 0 10px 10px;}
#aichat_wrap label {color: #fff; position: absolute; right: 0; bottom: 100%; cursor: pointer; user-select: none; background-color: #000; z-index: -2; width: 3em; height: 2em; border-radius: 0; display: flex; justify-content: center; align-items: center; border-radius: 6px 6px 0 0;}
#aichat_wrap label.rev2 {bottom: 70%; z-index: 9999; width: 2em; height: 2em; border-radius: 0; align-items: center; border-radius: 50%; }
#aichat_wrap input {position: fixed; top: 0; left: 100%;} 
#aichat_wrap input:checked ~ label,
#aichat_wrap input:checked ~ #aichat {display: none;}
@media (max-width: 639px) {
  #aichat_wrap #aichat {font-size: 10px !important; font-feature-settings: "palt"; transition: all 0.2s;}
  #aichat_wrap #aichat p.launcher {font-size: 13px;}
  #aichat_wrap #aichat p.doui,
  #aichat_wrap #aichat p.doui * {font-size: 11px !important;}
  #aichat_wrap #aichat p.pinfo,
  #aichat_wrap #aichat p.pinfo * {font-size: 11px !important;}
}
.modaal-wrapper button.modaal-close {
  min-width: auto;
}