@charset "UTF-8";

/* ==================================================
   System CSS (システム動作の土台)
   ※アニメーション設定は全て op-design.css 側に任せます
   ================================================== */

/* 待機クラス(is-loading-waiting)がある時だけ強制表示 
  これがないと、HTML側の style="display:none" に負けて表示されません
*/
html.is-loading-waiting #luxury-loader {
  display: flex !important;
}

/* 読み込み完了後 (.loaded) の挙動
  システム側では「クリック禁止」にするだけ。
  動き（消え方）は op-design.css で決めます。
*/
#luxury-loader.loaded {
  pointer-events: none;
}

/* 本体コンテナの初期設定
  ※ここも最低限の設定のみ残します
*/
#luxury-loader {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;

  /* 基本は非表示（JSがクラスをつけるまで隠しておく） */
  display: none;

  justify-content: center;
  align-items: center;
}