/* Shared loading identity for BucakBet desktop and native mobile. */
:root {
  --ax-content-loader: url('/images/uploads/site-109448890/brand-20261019/loader.svg');
  --ax-compact-loader: url('/images/uploads/site-109448890/brand-20261019/icon-48.png');
}
html body .bc-loader > :is(.bc-loader-contain, .casino-loader, .live-casino-loader),
html body .bc-loader-contain:is(.big, .medium, .small) {
  position: relative;
  flex: 0 1 auto;
  margin: auto;
  max-width: 100%;
  background: var(--ax-content-loader) center / contain no-repeat !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body .bc-loader.big > :is(.bc-loader-contain, .casino-loader, .live-casino-loader),
html body .bc-loader-contain.big {
  width: min(320px, 80vw) !important;
  height: auto !important;
  aspect-ratio: 32 / 15 !important;
}
html body .bc-loader.medium > :is(.bc-loader-contain, .casino-loader, .live-casino-loader),
html body .bc-loader-contain.medium {
  width: 176px !important;
  height: auto !important;
  aspect-ratio: 32 / 15 !important;
}
html body .bc-loader.small > :is(.bc-loader-contain, .casino-loader, .live-casino-loader),
html body .bc-loader-contain.small {
  width: 24px;
  height: auto !important;
  aspect-ratio: 1 !important;
  background-image: var(--ax-compact-loader) !important;
  animation: ax-compact-loading 1.3s ease-in-out infinite;
}
html body .bc-loader > :is(.bc-loader-contain, .casino-loader, .live-casino-loader) > :is(img, svg),
html body .bc-loader-contain:is(.big, .medium, .small) > :is(img, svg) {
  position: absolute !important;
  inset: 0 !important;
  visibility: hidden !important;
  animation: none !important;
  pointer-events: none;
}
html body .bc-loader > :is(.bc-loader-contain, .casino-loader, .live-casino-loader)::before,
html body .bc-loader > :is(.bc-loader-contain, .casino-loader, .live-casino-loader)::after,
html body .bc-loader-contain:is(.big, .medium, .small)::before,
html body .bc-loader-contain:is(.big, .medium, .small)::after {
  content: none !important;
  animation: none !important;
}
html body .bc-loader .bc-loader-animation .path {
  stroke: #ff1946 !important;
  fill: none !important;
  animation: none !important;
}
@keyframes ax-compact-loading {
  0%, 100% { opacity: .45; }
  50% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  html body .bc-loader.small > :is(.bc-loader-contain, .casino-loader, .live-casino-loader),
  html body .bc-loader-contain.small { animation: none; opacity: 1; }
}