@charset "UTF-8";

/* components/video-state.css
 * 担当範囲はこのファイルだけで編集。414px基準・既存の縮小式を維持。
 * 色は 店舗側 presentation/theme.css。条件・優先度は表示維持のため残しています。
 */


:where(body:is([data-page="top"], [data-page="girls-list"])) .sp-video-preparing:where(.ui-main *) {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  min-height: 92px;
  background: var(--ui-sp-main-video-bg-variant-5, var(--ui-sp-video-bg-variant-5));
  color: var(--ui-sp-main-video-text-variant-6, var(--ui-sp-video-text-variant-6));
  text-align: center;
  font-family: Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}

:where(body:is([data-page="top"], [data-page="girls-list"])) .sp-video-preparing span:where(.ui-main *) {
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--ui-sp-main-video-text-variant-7, var(--ui-sp-video-text-variant-7));
}

:where(body:is([data-page="top"], [data-page="girls-list"])) .sp-video-preparing b:where(.ui-main *) {
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
}

:where(body:is([data-page="top"], [data-page="girls-list"])) .event-thumb.sp-video-preparing:where(.ui-main *) {
  min-height: 120px;
}