/* BankMovie UI v93: platform-correct player modal + requested loaders */

/* General Uiverse ring loader (all non-movie page overlays). */
.bm-ring-loading-overlay .pl{
  width:6em;
  height:6em;
  display:block;
}
.bm-ring-loading-overlay .pl__ring{
  animation:ringA 2s linear infinite;
  transform-origin:120px 120px;
}
.bm-ring-loading-overlay .pl__ring--a{stroke:#f42f25}
.bm-ring-loading-overlay .pl__ring--b{animation-name:ringB;stroke:#f49725}
.bm-ring-loading-overlay .pl__ring--c{animation-name:ringC;stroke:#255ff4}
.bm-ring-loading-overlay .pl__ring--d{animation-name:ringD;stroke:#f42582}
@keyframes ringA{
  from,4%{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-330}
  12%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-335}
  32%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-595}
  40%,54%{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-660}
  62%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-665}
  82%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-925}
  90%,to{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-990}
}
@keyframes ringB{
  from,12%{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-110}
  20%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-115}
  40%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-195}
  48%,62%{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-220}
  70%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-225}
  90%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-305}
  98%,to{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-330}
}
@keyframes ringC{
  from{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:0}
  8%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-5}
  28%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-175}
  36%,58%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-220}
  66%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-225}
  86%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-395}
  94%,to{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-440}
}
@keyframes ringD{
  from,8%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:0}
  16%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-5}
  36%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-175}
  44%,50%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-220}
  58%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-225}
  78%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-395}
  86%,to{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-440}
}

/* Requested dual-ring video loader; used for page-player loading and buffering. */
.bm-video-spinner{
  position:relative;
  width:80px;
  height:80px;
  display:block;
  flex:0 0 auto;
}
.bm-video-spinner::before,
.bm-video-spinner::after,
.buffering::before,
.buffering::after{
  content:"";
  position:absolute;
  border:4px solid transparent;
  border-radius:50%;
  animation:bmVideoSpin .9s linear infinite;
  box-sizing:border-box;
}
.bm-video-spinner::before,
.buffering::before{
  inset:0;
  border-top-color:#60a5fa;
}
.bm-video-spinner::after,
.buffering::after{
  inset:8px;
  border-top-color:#f87171;
  animation-duration:.7s;
  animation-direction:reverse;
}
@keyframes bmVideoSpin{to{transform:rotate(360deg)}}
.bm-video-loading-overlay{gap:16px}

/* Override the old single-border buffering ring without changing player JS. */
.buffering{
  width:80px !important;
  height:80px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  animation:none !important;
  box-shadow:none !important;
}

/* Real player logos and platform-aware choices. */
.bm-play-option[hidden]{display:none !important}
.bm-play-option .bm-play-option-icon.bm-real-player-logo{
  background:rgba(255,255,255,.96) !important;
  padding:6px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 24px rgba(0,0,0,.18);
}
.bm-play-option .bm-real-player-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block;
}
.bm-play-platform-hint{
  margin:0 18px 12px;
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:8px 12px;
  border-radius:14px;
  color:rgba(255,255,255,.6);
  background:rgba(var(--accent-rgb),.075);
  border:1px solid rgba(var(--accent-rgb),.16);
  font-size:10.5px;
  font-weight:800;
  line-height:1.65;
}
@media(max-width:520px){
  .bm-play-option .bm-play-option-icon{width:44px;height:44px;flex-basis:44px;border-radius:15px}
  .bm-play-platform-hint{margin-inline:14px}
}
@media(prefers-reduced-motion:reduce){
  .bm-ring-loading-overlay .pl__ring,
  .bm-video-spinner::before,.bm-video-spinner::after,
  .buffering::before,.buffering::after{animation-duration:3s !important}
}