.bm-spinner > div:first-child > div {
    display: inline-block; /* Maintains the spinner's inline display */
    border: 2px solid rgba(255, 255, 255, .3); /* Makes border white with some transparency */
    width: 40px; /* Doubles the spinner's size */
    height: 40px; /* Matches width to maintain circular shape */
    border-radius: 50%; /* Ensures the spinner remains circular */
    border-top-color: #fff; /* Sets the top border to solid white */
    animation: spin 0.5s linear infinite; /* Speeds up the animation */
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


.match-loading {
  padding: 5px;
}

.match-loading .placeholder {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 8px; 
  background-color: #1D1D1D; 
}

.match-loading .tabs-container {
  display: flex;
  justify-content: start; 
  gap: 8px; 
}

.match-loading .tab-placeholder {
  width: 80px; 
  height: 35px; 
  background-color: #2D2D2D; 
  animation: shimmer 2s infinite linear;
}

.match-loading .animated-background {
  height: 35px; 
  background-color: #2D2D2D; 
  animation: shimmer 2s infinite linear;
  width: 100%; 
}

@keyframes shimmer {
  0% {
    background: #2D2D2D;
  }
  50% {
    background: linear-gradient(90deg, #2D2D2D 25%, #3D3D3D 50%, #2D2D2D 75%);
  }
  100% {
    background: #2D2D2D;
  }
}

.coupon-loading {
  /* padding: 10px; */
  display: flex;
  flex-direction: column;
  /* background-color: #1D1D1D; */
}

.coupon-loading .tabs-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 15px; 
}

.coupon-loading .left-tabs {
  display: flex;
  gap: 8px; 
}

.coupon-loading .tab-placeholder {
  background-color: #2D2D2D;
  height: 25px;
  animation: loading 1s infinite;
}

.coupon-loading .tab-placeholder.small {
  width: 40px;
}

.coupon-loading .tab-placeholder.extra-small {
  width: 20px;
  height: 25px; 
}

.coupon-loading .right-tabs {
  display: flex;
  gap: 8px;
}

.coupon-loading .main-row + .main-row {
  margin-top: 10px; 
}

.coupon-loading .animated-background {
  background-color: #2D2D2D;
  height: 35px;
  width: 100%;
}

.coupon-loading .animated-background.small {
  height: 25px;
  margin-top: 4px;
}

.coupon-loading .columns-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

@keyframes loading {
  0%{
    left: -45%;
  }
  100%{
    left: 100%;
  }
}

.coupon-loading .animated-background {
  animation: loading 1s infinite;
}
.coupon-loading .placeholder-sports-header {
  height:48px;
  margin-bottom:10px;
  align-items:center;
}
.placeholder-icon {
  width:30px;
  height:30px;
  border-radius:50%;
  background-color:var(--c-background-white-10);
  margin-right:8px;
}
.placeholder-sports-header .placeholder-text {
  width:30%;
  margin-right:auto;
}
.placeholder-text {
  background-color:var(--c-background-white-10);
  
  border-radius:var(--r-5);
  width:100%;
}
.animated-gradient {
  background-image:linear-gradient(45deg, transparent 30%, var(--c-background-white-50) 50%, transparent 70%);
  background-size: 300%;
   background-position-x: 100%;
  animation: shimmer 1s infinite linear;
}
@keyframes shimmer {
   to {
      background-position-x: 0%
   }
}
.placeholder-text.large {
  height:23px;
  
}
.placeholder-text.small {
  height:14px;
}
.placeholder-market {
  display:flex;
  justify-content:center;
  height:30px;
  
}
.placeholder-market .dropdown-placeholder {
  height:100%;
   width:calc(100% - var(--c-market-gutter) * 2);
   background-color:var(--c-background-white-10);
  border-radius:var(--r-5)
}
.placeholder-market.opt-3 {
  width: calc((var(--c-odd-width) * 3) + (var(--c-odd-gutter) * 2) + var(--c-market-gutter));
}
.placeholder-coupon-container {
  padding:10px;
  border-radius:var(--r-10);
  background-color:var(--c-background-white-10);
  background-color:var(--c-brand-color)
}
.placeholder-tournament-heading {
  height:31px;
  margin-bottom:2px;
  background-color:var(--c-background-white-10);
  border-radius:var(--r-5)
}
.placeholder-coupon {
  min-height:68px;
 align-items:center;
  background-color:var(--c-background-white-10);
  border-radius:var(--r-5);
  padding: 0px 10px;
  display:flex;
  flex-direction:row;
}
.placeholder-teams {
  flex:1;
  justify-content:center;
}
.placeholder-teams .placeholder-text {
  max-width:30%;
}
.placeholder-teams .placeholder-text:first-child {
  margin-bottom:8px;
  max-width:25%;
}
.placeholder-coupon:not(:last-child) {
   margin-bottom:2px;
}
.placeholder-odd {
  width: var(--c-odd-width);
  min-height:48px;
   background-color:var(--c-background-white-10);
  border-radius:var(--r-10)
}
.placeholder-odd:not(:last-child) {
  margin-right: var(--c-odd-gutter);
}
.placeholder-market-wrapper {
  align-items:center;
}
.placeholder-market-wrapper .placeholder-market {
  height:unset;
  justify-content: flex-end;
}
.placeholder-links {
  width:80px;
  height:36px;
    background-color:var(--c-background-white-10);
  border-radius:var(--r-10);
  margin-right:20px;
}
.medium  .placeholder-market:last-child {
  display:none;
}
.small .placeholder-market:not(:last-child) {
  display:none;
}
.small .placeholder-coupon{
  flex-direction:column;
  padding:10px;
  margin-bottom:6px;
}
.small .placeholder-tournament-heading {
  margin-bottom:6px;
}
.small .placeholder-teams {
  width:100%;
  margin: 10px 0px;
}
.small .placeholder-links {
  width:100%;
  height:20px;
  margin:unset;
  margin-bottom:10px;
}
.small .placeholder-market-wrapper {
  width:100%;
  margin-top:8px;
}
.small .placeholder-market-wrapper .placeholder-market {
  width:100%;
}
.small .placeholder-market-wrapper .placeholder-market .placeholder-odd{
  width:unset;
  flex:1;
  height:36px;
  min-height:unset;
}
.placeholder-match-markets {
  padding: 15px 12px;
    background-color: var(--c-brand-color);
    border-radius: var(--r-10);
}
.placeholder-match-market {
  background-color:var(--c-background-white-10);
  border-radius:var(--r-10);
 
}
.placeholder-match-header {
   display: flex
;
    min-height: 38px;
    padding: 16px 23px;
}
.placeholder-match-market:not(:last-child) {
  margin-bottom:15px;
}
.placeholder-match-markets-wrapper {
      padding: 0px 23px;
    padding-bottom: 16px;
}
.placeholder-match-odd {
  min-width: 52px;
    justify-content: center;
    margin: 4px;
    flex: 1;
    min-height: 36px;
  background-color:var(--c-background-white-10);
  border-radius:var(--r-10);
}
.coupon-carousel .placeholder-sports-header {
  display:none;
}
.coupon-carousel .placeholder-tournament-heading {
  display:none;
}
.coupon-carousel .placeholder-coupon-container {
  flex-direction:row;
  background-color:transparent;
}
.coupon-carousel .placeholder-coupon {
  flex-direction:column;
  align-items:flex-start;
   width: 395px;
    height: 150px;
  padding: 10px;
   margin:0px 7px;
   border-radius: var(--r-10);
   background-image: var(--bg-match-image),var(--c-linear-gradient-2);
}
.coupon-carousel .placeholder-coupon .placeholder-market:not(:last-child) {
  display:none;
}
.coupon-carousel .placeholder-coupon .placeholder-teams {
  flex:unset;
  width:100%;
  margin-top:10px;
}
.coupon-carousel .placeholder-coupon .placeholder-links {
  height:14px;
  margin-bottom:8px;
}
.coupon-carousel .placeholder-coupon .placeholder-market-wrapper {
  width:100%;
  margin-top:auto;
  
}
#root .coupon-carousel .placeholder-coupon .placeholder-market {
  width:100%;
}
#root .coupon-carousel .placeholder-coupon .placeholder-market .placeholder-odd {
  flex:unset;
  width:100%!important;
  max-width:unset;
  height:36px;
  border-radius:0px;
  min-height:36px;
}
#root .coupon-carousel .placeholder-coupon .placeholder-market .placeholder-odd:first-child {
  border-top-left-radius:var(--r-10);
  border-bottom-left-radius:var(--r-10);
}
  #root .coupon-carousel .placeholder-coupon .placeholder-market .placeholder-odd:last-child {
  border-top-right-radius:var(--r-10);
  border-bottom-right-radius:var(--r-10);
}