img.rotate {
    animation: loadingspin 30s linear infinite;
}

@keyframes loadingspin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

.roulette-table-container {
    --red: red !important;
    --black: #000;
    --hover: rgba(116, 39, 134, 0.555) !important;
    font-weight: 700 !important;
}

.item-hover,
.zero-item,
.red-item,
.black-item,
.column-item,
.doz-item,
.outside-section {
  transition: background-color 0s ease;
}

.item-hover,
.zero-item:hover,
.red-item:hover,
.black-item:hover
/*
.column-item:hover,
.doz-item:hover,
.outside-section:hover*/ {
  background-color: var(--hover);
  cursor: pointer;
}
.bettable {
    position: relative;
    z-index: 1;
    transform: scale(1);
    transform-origin: top center;
    height: 370px;

    left: 0;
    right: 0;
    top: -50px;
    transition: transform 3s,top 2s;
    opacity: 1;
}
.bettable > div {
   max-width: 850px;
    margin: auto;
    background: rgba(165, 54, 54, 0.1);
box-shadow: 0px 0px 100px 20px rgba(0, 0, 0, 0.95);
    padding: 7px 10px 15px 10px;
    border-radius: 10px;
}
.last .bettable {
    top: -20px;
transform: scale(.9);

}
.nochip.bettable.Spin {
    top: -20px;
transform: scale(.9);

}
.nochip.bettable {

pointer-events: none;
cursor: not-allowed;
}

.zero-item {
    background-color: green;
}

.item-selected {
    background: linear-gradient(#c9b337, #c3bb70);
    color: #000 !important;
}

.item-selected-num::before {
    content: "✩";
    position: absolute;
    font-size: 33px;
    left: 0px;
    top: -2px;
    color: gold;
    z-index: 0;
}
.chip.user {
    transform: scale(0.7) translateX(-30px);
}
.chip::after {
    content: "25K";
    position: absolute;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    font-size: 10px;
}
.chip {
    color: #fff !important;
}
.chip[style*="Purple"]::after {
    content: "50K";
}

.chip[style*="Orange"]::after {
    content: "100K";
}
.chip[style*="Red"]::after {
    content: "250K";
}
.chip[style*="Blue"]::after {
    content: "500K";
}
.chip[style*="Black"]::after {
    content: "1M";
}