@charset "utf-8";
/*
 * Re:lation Chat ランチャー カスタムCSS
 * ----------------------------------------------------------
 *  対象：<cw-launcher> のシャドウDOM内のランチャーボタン #relation-chat-launcher
 *  ・既定（クラスなし）＝右に300px飛ばし＋透明＝非表示（影も除去）
 *  ・.rc-active が付くと表示（戻る）
 *  ※ このCSSは relationchat-custom.js がシャドウDOMへ読み込みます。
 *    表示/非表示の切替（100pxスクロール）はJSが .rc-active を付け外しして制御。
 *  ※ rc.js/Svelte がインラインstyleを当てるため !important で上書きしています。
 * ----------------------------------------------------------
 */

#relation-chat-launcher {
  transform: translateX(300px) !important;   /* 右に飛ばす */
  opacity: 0 !important;                      /* 非表示 */
  box-shadow: none !important;                /* 影を消す */
  pointer-events: none !important;
  transition: transform 0.35s ease, opacity 0.35s ease !important;
}

#relation-chat-launcher.rc-active {
  transform: translateX(0) !important;        /* 戻す */
  opacity: 1 !important;                       /* 表示 */
  pointer-events: auto !important;
}