h1 {
  text-align: center;
  font-size: 20px;
  background-color: #e25449;
  color: #fff;
  padding: 10px 0;
}
footer {
  padding-top: 50px;
}
.btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.btn {
  width: 80px;
  text-align: center;
  padding: 20px 0;
  background-color: #eee;
  border: 1px solid #999;
  border-radius: 5px;
  text-decoration: none;
  color: #666;
  font-size: 14px;
}
.btn:hover {
  opacity: 0.7;
}
.controller {
  position: relative;
  margin: 10px;
}
.controller .configs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}
.controller .config:first-child {
  margin-right: 15px;
}
.controller p {
  font-weight: bold;
  margin-bottom: 5px;
}
.controller .lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 0;
  margin-bottom: 20px;
}
.controller .lists label {
  width: 100%;
  max-width: 220px;
  margin-bottom: 3px;
  background-color: #f3f3f3;
  padding: 3px 5px 3px 10px;
  border-radius: 5px;
}
.controller .lists label input {
  margin-right: 10px;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.controller .lists label input[name="places"] {
  display: none;
}
.controller .lists label i {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  background-color: transparent;
  font-size: 10px;
  color: #fff;
  text-align: center;
  font-style: normal;
}
.controller .lists label i.place-1 {
  background-color: #f39800;
}
.controller .lists label i.place-2 {
  background-color: #eb6100;
}
.controller .lists label i.place-3 {
  background-color: #e60012;
}
.controller .lists label i.place-4 {
  background-color: #e4007f;
}
.controller .lists label i.place-5 {
  background-color: #601986;
}
.controller .lists label i.place-6 {
  background-color: #0b318f;
}
.controller .lists label i.place-7 {
  background-color: #036eb8;
}
.controller .lists label i.place-8 {
  background-color: #00913a;
}
.controller .lists label i.place-9 {
  background-color: #8fc31f;
}
.controller .lists label i.place-10 {
  background-color: #fff100;
}
.controller button {
  line-height: 30px;
}
.controller .num {
  width: 30px;
}
#roulette {
  position: relative;
}
#roulette .roulette-box {
  position: absolute;
  left: 0;
  top: 0;
}
#roulette .roulette-box#places-box {
  z-index: 10;
  top: 0;
  left: 0;
  width: 308px;
  height: 308px;
}
#roulette .roulette-box#names-box {
  z-index: 20;
  top: 44px;
  left: 44px;
  width: 220px;
  height: 220px;
}
#roulette .roulette-box #places li {
  height: 308px;
}
#roulette .roulette-box #names li {
  height: 220px;
}
#roulette .roulette-box .roulette {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1.04);
          animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1.04);
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  counter-reset: num;
}
#roulette .roulette-box .roulette[data-size="4"].number-1 {
  -webkit-animation-name: 'number-4-1';
          animation-name: 'number-4-1';
}
#roulette .roulette-box .roulette[data-size="4"].number-2 {
  -webkit-animation-name: 'number-4-2';
          animation-name: 'number-4-2';
}
#roulette .roulette-box .roulette[data-size="4"].number-3 {
  -webkit-animation-name: 'number-4-3';
          animation-name: 'number-4-3';
}
#roulette .roulette-box .roulette[data-size="4"].number-4 {
  -webkit-animation-name: 'number-4-4';
          animation-name: 'number-4-4';
}
#roulette .roulette-box .roulette[data-size="4"].number-5 {
  -webkit-animation-name: 'number-4-5';
          animation-name: 'number-4-5';
}
#roulette .roulette-box .roulette[data-size="4"].number-6 {
  -webkit-animation-name: 'number-4-6';
          animation-name: 'number-4-6';
}
#roulette .roulette-box .roulette[data-size="4"].number-7 {
  -webkit-animation-name: 'number-4-7';
          animation-name: 'number-4-7';
}
#roulette .roulette-box .roulette[data-size="4"].number-8 {
  -webkit-animation-name: 'number-4-8';
          animation-name: 'number-4-8';
}
#roulette .roulette-box .roulette[data-size="4"].number-9 {
  -webkit-animation-name: 'number-4-9';
          animation-name: 'number-4-9';
}
#roulette .roulette-box .roulette[data-size="4"].number-10 {
  -webkit-animation-name: 'number-4-10';
          animation-name: 'number-4-10';
}
#roulette .roulette-box .roulette[data-size="5"].number-1 {
  -webkit-animation-name: 'number-5-1';
          animation-name: 'number-5-1';
}
#roulette .roulette-box .roulette[data-size="5"].number-2 {
  -webkit-animation-name: 'number-5-2';
          animation-name: 'number-5-2';
}
#roulette .roulette-box .roulette[data-size="5"].number-3 {
  -webkit-animation-name: 'number-5-3';
          animation-name: 'number-5-3';
}
#roulette .roulette-box .roulette[data-size="5"].number-4 {
  -webkit-animation-name: 'number-5-4';
          animation-name: 'number-5-4';
}
#roulette .roulette-box .roulette[data-size="5"].number-5 {
  -webkit-animation-name: 'number-5-5';
          animation-name: 'number-5-5';
}
#roulette .roulette-box .roulette[data-size="5"].number-6 {
  -webkit-animation-name: 'number-5-6';
          animation-name: 'number-5-6';
}
#roulette .roulette-box .roulette[data-size="5"].number-7 {
  -webkit-animation-name: 'number-5-7';
          animation-name: 'number-5-7';
}
#roulette .roulette-box .roulette[data-size="5"].number-8 {
  -webkit-animation-name: 'number-5-8';
          animation-name: 'number-5-8';
}
#roulette .roulette-box .roulette[data-size="5"].number-9 {
  -webkit-animation-name: 'number-5-9';
          animation-name: 'number-5-9';
}
#roulette .roulette-box .roulette[data-size="5"].number-10 {
  -webkit-animation-name: 'number-5-10';
          animation-name: 'number-5-10';
}
#roulette .roulette-box .roulette[data-size="6"].number-1 {
  -webkit-animation-name: 'number-6-1';
          animation-name: 'number-6-1';
}
#roulette .roulette-box .roulette[data-size="6"].number-2 {
  -webkit-animation-name: 'number-6-2';
          animation-name: 'number-6-2';
}
#roulette .roulette-box .roulette[data-size="6"].number-3 {
  -webkit-animation-name: 'number-6-3';
          animation-name: 'number-6-3';
}
#roulette .roulette-box .roulette[data-size="6"].number-4 {
  -webkit-animation-name: 'number-6-4';
          animation-name: 'number-6-4';
}
#roulette .roulette-box .roulette[data-size="6"].number-5 {
  -webkit-animation-name: 'number-6-5';
          animation-name: 'number-6-5';
}
#roulette .roulette-box .roulette[data-size="6"].number-6 {
  -webkit-animation-name: 'number-6-6';
          animation-name: 'number-6-6';
}
#roulette .roulette-box .roulette[data-size="6"].number-7 {
  -webkit-animation-name: 'number-6-7';
          animation-name: 'number-6-7';
}
#roulette .roulette-box .roulette[data-size="6"].number-8 {
  -webkit-animation-name: 'number-6-8';
          animation-name: 'number-6-8';
}
#roulette .roulette-box .roulette[data-size="6"].number-9 {
  -webkit-animation-name: 'number-6-9';
          animation-name: 'number-6-9';
}
#roulette .roulette-box .roulette[data-size="6"].number-10 {
  -webkit-animation-name: 'number-6-10';
          animation-name: 'number-6-10';
}
#roulette .roulette-box .roulette[data-size="7"].number-1 {
  -webkit-animation-name: 'number-7-1';
          animation-name: 'number-7-1';
}
#roulette .roulette-box .roulette[data-size="7"].number-2 {
  -webkit-animation-name: 'number-7-2';
          animation-name: 'number-7-2';
}
#roulette .roulette-box .roulette[data-size="7"].number-3 {
  -webkit-animation-name: 'number-7-3';
          animation-name: 'number-7-3';
}
#roulette .roulette-box .roulette[data-size="7"].number-4 {
  -webkit-animation-name: 'number-7-4';
          animation-name: 'number-7-4';
}
#roulette .roulette-box .roulette[data-size="7"].number-5 {
  -webkit-animation-name: 'number-7-5';
          animation-name: 'number-7-5';
}
#roulette .roulette-box .roulette[data-size="7"].number-6 {
  -webkit-animation-name: 'number-7-6';
          animation-name: 'number-7-6';
}
#roulette .roulette-box .roulette[data-size="7"].number-7 {
  -webkit-animation-name: 'number-7-7';
          animation-name: 'number-7-7';
}
#roulette .roulette-box .roulette[data-size="7"].number-8 {
  -webkit-animation-name: 'number-7-8';
          animation-name: 'number-7-8';
}
#roulette .roulette-box .roulette[data-size="7"].number-9 {
  -webkit-animation-name: 'number-7-9';
          animation-name: 'number-7-9';
}
#roulette .roulette-box .roulette[data-size="7"].number-10 {
  -webkit-animation-name: 'number-7-10';
          animation-name: 'number-7-10';
}
#roulette .roulette-box .roulette[data-size="8"].number-1 {
  -webkit-animation-name: 'number-8-1';
          animation-name: 'number-8-1';
}
#roulette .roulette-box .roulette[data-size="8"].number-2 {
  -webkit-animation-name: 'number-8-2';
          animation-name: 'number-8-2';
}
#roulette .roulette-box .roulette[data-size="8"].number-3 {
  -webkit-animation-name: 'number-8-3';
          animation-name: 'number-8-3';
}
#roulette .roulette-box .roulette[data-size="8"].number-4 {
  -webkit-animation-name: 'number-8-4';
          animation-name: 'number-8-4';
}
#roulette .roulette-box .roulette[data-size="8"].number-5 {
  -webkit-animation-name: 'number-8-5';
          animation-name: 'number-8-5';
}
#roulette .roulette-box .roulette[data-size="8"].number-6 {
  -webkit-animation-name: 'number-8-6';
          animation-name: 'number-8-6';
}
#roulette .roulette-box .roulette[data-size="8"].number-7 {
  -webkit-animation-name: 'number-8-7';
          animation-name: 'number-8-7';
}
#roulette .roulette-box .roulette[data-size="8"].number-8 {
  -webkit-animation-name: 'number-8-8';
          animation-name: 'number-8-8';
}
#roulette .roulette-box .roulette[data-size="8"].number-9 {
  -webkit-animation-name: 'number-8-9';
          animation-name: 'number-8-9';
}
#roulette .roulette-box .roulette[data-size="8"].number-10 {
  -webkit-animation-name: 'number-8-10';
          animation-name: 'number-8-10';
}
#roulette .roulette-box .roulette[data-size="9"].number-1 {
  -webkit-animation-name: 'number-9-1';
          animation-name: 'number-9-1';
}
#roulette .roulette-box .roulette[data-size="9"].number-2 {
  -webkit-animation-name: 'number-9-2';
          animation-name: 'number-9-2';
}
#roulette .roulette-box .roulette[data-size="9"].number-3 {
  -webkit-animation-name: 'number-9-3';
          animation-name: 'number-9-3';
}
#roulette .roulette-box .roulette[data-size="9"].number-4 {
  -webkit-animation-name: 'number-9-4';
          animation-name: 'number-9-4';
}
#roulette .roulette-box .roulette[data-size="9"].number-5 {
  -webkit-animation-name: 'number-9-5';
          animation-name: 'number-9-5';
}
#roulette .roulette-box .roulette[data-size="9"].number-6 {
  -webkit-animation-name: 'number-9-6';
          animation-name: 'number-9-6';
}
#roulette .roulette-box .roulette[data-size="9"].number-7 {
  -webkit-animation-name: 'number-9-7';
          animation-name: 'number-9-7';
}
#roulette .roulette-box .roulette[data-size="9"].number-8 {
  -webkit-animation-name: 'number-9-8';
          animation-name: 'number-9-8';
}
#roulette .roulette-box .roulette[data-size="9"].number-9 {
  -webkit-animation-name: 'number-9-9';
          animation-name: 'number-9-9';
}
#roulette .roulette-box .roulette[data-size="9"].number-10 {
  -webkit-animation-name: 'number-9-10';
          animation-name: 'number-9-10';
}
#roulette .roulette-box .roulette[data-size="10"].number-1 {
  -webkit-animation-name: 'number-10-1';
          animation-name: 'number-10-1';
}
#roulette .roulette-box .roulette[data-size="10"].number-2 {
  -webkit-animation-name: 'number-10-2';
          animation-name: 'number-10-2';
}
#roulette .roulette-box .roulette[data-size="10"].number-3 {
  -webkit-animation-name: 'number-10-3';
          animation-name: 'number-10-3';
}
#roulette .roulette-box .roulette[data-size="10"].number-4 {
  -webkit-animation-name: 'number-10-4';
          animation-name: 'number-10-4';
}
#roulette .roulette-box .roulette[data-size="10"].number-5 {
  -webkit-animation-name: 'number-10-5';
          animation-name: 'number-10-5';
}
#roulette .roulette-box .roulette[data-size="10"].number-6 {
  -webkit-animation-name: 'number-10-6';
          animation-name: 'number-10-6';
}
#roulette .roulette-box .roulette[data-size="10"].number-7 {
  -webkit-animation-name: 'number-10-7';
          animation-name: 'number-10-7';
}
#roulette .roulette-box .roulette[data-size="10"].number-8 {
  -webkit-animation-name: 'number-10-8';
          animation-name: 'number-10-8';
}
#roulette .roulette-box .roulette[data-size="10"].number-9 {
  -webkit-animation-name: 'number-10-9';
          animation-name: 'number-10-9';
}
#roulette .roulette-box .roulette[data-size="10"].number-10 {
  -webkit-animation-name: 'number-10-10';
          animation-name: 'number-10-10';
}
#roulette .roulette-box .roulette::after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 50%;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
#roulette .roulette-box .roulette li {
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  position: absolute;
  display: block;
}
#roulette .roulette-box .roulette li::before {
  top: 0;
  left: 0;
  position: absolute;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  z-index: 0;
}
#roulette .roulette-box .roulette li span {
  counter-increment: num;
  content: counter(num);
  z-index: 5;
  position: absolute;
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}
#roulette .roulette-box .roulette[data-size="4"] li:nth-of-type(1) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#roulette .roulette-box .roulette[data-size="4"] li:nth-of-type(2) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#roulette .roulette-box .roulette[data-size="4"] li:nth-of-type(3) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
#roulette .roulette-box .roulette[data-size="4"] li:nth-of-type(4) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
#roulette .roulette-box .roulette[data-size="4"] li:nth-of-type(5) {
  -webkit-transform: rotate(450deg);
          transform: rotate(450deg);
}
#roulette .roulette-box .roulette[data-size="4"] li:nth-of-type(6) {
  -webkit-transform: rotate(540deg);
          transform: rotate(540deg);
}
#roulette .roulette-box .roulette[data-size="4"] li:nth-of-type(7) {
  -webkit-transform: rotate(630deg);
          transform: rotate(630deg);
}
#roulette .roulette-box .roulette[data-size="4"] li:nth-of-type(8) {
  -webkit-transform: rotate(720deg);
          transform: rotate(720deg);
}
#roulette .roulette-box .roulette[data-size="4"] li:nth-of-type(9) {
  -webkit-transform: rotate(810deg);
          transform: rotate(810deg);
}
#roulette .roulette-box .roulette[data-size="4"] li:nth-of-type(10) {
  -webkit-transform: rotate(900deg);
          transform: rotate(900deg);
}
#roulette .roulette-box .roulette[data-size="5"] li:nth-of-type(1) {
  -webkit-transform: rotate(72deg);
          transform: rotate(72deg);
}
#roulette .roulette-box .roulette[data-size="5"] li:nth-of-type(2) {
  -webkit-transform: rotate(144deg);
          transform: rotate(144deg);
}
#roulette .roulette-box .roulette[data-size="5"] li:nth-of-type(3) {
  -webkit-transform: rotate(216deg);
          transform: rotate(216deg);
}
#roulette .roulette-box .roulette[data-size="5"] li:nth-of-type(4) {
  -webkit-transform: rotate(288deg);
          transform: rotate(288deg);
}
#roulette .roulette-box .roulette[data-size="5"] li:nth-of-type(5) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
#roulette .roulette-box .roulette[data-size="5"] li:nth-of-type(6) {
  -webkit-transform: rotate(432deg);
          transform: rotate(432deg);
}
#roulette .roulette-box .roulette[data-size="5"] li:nth-of-type(7) {
  -webkit-transform: rotate(504deg);
          transform: rotate(504deg);
}
#roulette .roulette-box .roulette[data-size="5"] li:nth-of-type(8) {
  -webkit-transform: rotate(576deg);
          transform: rotate(576deg);
}
#roulette .roulette-box .roulette[data-size="5"] li:nth-of-type(9) {
  -webkit-transform: rotate(648deg);
          transform: rotate(648deg);
}
#roulette .roulette-box .roulette[data-size="5"] li:nth-of-type(10) {
  -webkit-transform: rotate(720deg);
          transform: rotate(720deg);
}
#roulette .roulette-box .roulette[data-size="6"] li:nth-of-type(1) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
#roulette .roulette-box .roulette[data-size="6"] li:nth-of-type(2) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
#roulette .roulette-box .roulette[data-size="6"] li:nth-of-type(3) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#roulette .roulette-box .roulette[data-size="6"] li:nth-of-type(4) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}
#roulette .roulette-box .roulette[data-size="6"] li:nth-of-type(5) {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
}
#roulette .roulette-box .roulette[data-size="6"] li:nth-of-type(6) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
#roulette .roulette-box .roulette[data-size="6"] li:nth-of-type(7) {
  -webkit-transform: rotate(420deg);
          transform: rotate(420deg);
}
#roulette .roulette-box .roulette[data-size="6"] li:nth-of-type(8) {
  -webkit-transform: rotate(480deg);
          transform: rotate(480deg);
}
#roulette .roulette-box .roulette[data-size="6"] li:nth-of-type(9) {
  -webkit-transform: rotate(540deg);
          transform: rotate(540deg);
}
#roulette .roulette-box .roulette[data-size="6"] li:nth-of-type(10) {
  -webkit-transform: rotate(600deg);
          transform: rotate(600deg);
}
#roulette .roulette-box .roulette[data-size="7"] li:nth-of-type(1) {
  -webkit-transform: rotate(51.42857142857143deg);
          transform: rotate(51.42857142857143deg);
}
#roulette .roulette-box .roulette[data-size="7"] li:nth-of-type(2) {
  -webkit-transform: rotate(102.85714285714286deg);
          transform: rotate(102.85714285714286deg);
}
#roulette .roulette-box .roulette[data-size="7"] li:nth-of-type(3) {
  -webkit-transform: rotate(154.28571428571428deg);
          transform: rotate(154.28571428571428deg);
}
#roulette .roulette-box .roulette[data-size="7"] li:nth-of-type(4) {
  -webkit-transform: rotate(205.71428571428572deg);
          transform: rotate(205.71428571428572deg);
}
#roulette .roulette-box .roulette[data-size="7"] li:nth-of-type(5) {
  -webkit-transform: rotate(257.14285714285717deg);
          transform: rotate(257.14285714285717deg);
}
#roulette .roulette-box .roulette[data-size="7"] li:nth-of-type(6) {
  -webkit-transform: rotate(308.57142857142856deg);
          transform: rotate(308.57142857142856deg);
}
#roulette .roulette-box .roulette[data-size="7"] li:nth-of-type(7) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
#roulette .roulette-box .roulette[data-size="7"] li:nth-of-type(8) {
  -webkit-transform: rotate(411.42857142857144deg);
          transform: rotate(411.42857142857144deg);
}
#roulette .roulette-box .roulette[data-size="7"] li:nth-of-type(9) {
  -webkit-transform: rotate(462.8571428571429deg);
          transform: rotate(462.8571428571429deg);
}
#roulette .roulette-box .roulette[data-size="7"] li:nth-of-type(10) {
  -webkit-transform: rotate(514.2857142857143deg);
          transform: rotate(514.2857142857143deg);
}
#roulette .roulette-box .roulette[data-size="8"] li:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#roulette .roulette-box .roulette[data-size="8"] li:nth-of-type(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#roulette .roulette-box .roulette[data-size="8"] li:nth-of-type(3) {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
#roulette .roulette-box .roulette[data-size="8"] li:nth-of-type(4) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#roulette .roulette-box .roulette[data-size="8"] li:nth-of-type(5) {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
#roulette .roulette-box .roulette[data-size="8"] li:nth-of-type(6) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
#roulette .roulette-box .roulette[data-size="8"] li:nth-of-type(7) {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}
#roulette .roulette-box .roulette[data-size="8"] li:nth-of-type(8) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
#roulette .roulette-box .roulette[data-size="8"] li:nth-of-type(9) {
  -webkit-transform: rotate(405deg);
          transform: rotate(405deg);
}
#roulette .roulette-box .roulette[data-size="8"] li:nth-of-type(10) {
  -webkit-transform: rotate(450deg);
          transform: rotate(450deg);
}
#roulette .roulette-box .roulette[data-size="9"] li:nth-of-type(1) {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}
#roulette .roulette-box .roulette[data-size="9"] li:nth-of-type(2) {
  -webkit-transform: rotate(80deg);
          transform: rotate(80deg);
}
#roulette .roulette-box .roulette[data-size="9"] li:nth-of-type(3) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
#roulette .roulette-box .roulette[data-size="9"] li:nth-of-type(4) {
  -webkit-transform: rotate(160deg);
          transform: rotate(160deg);
}
#roulette .roulette-box .roulette[data-size="9"] li:nth-of-type(5) {
  -webkit-transform: rotate(200deg);
          transform: rotate(200deg);
}
#roulette .roulette-box .roulette[data-size="9"] li:nth-of-type(6) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}
#roulette .roulette-box .roulette[data-size="9"] li:nth-of-type(7) {
  -webkit-transform: rotate(280deg);
          transform: rotate(280deg);
}
#roulette .roulette-box .roulette[data-size="9"] li:nth-of-type(8) {
  -webkit-transform: rotate(320deg);
          transform: rotate(320deg);
}
#roulette .roulette-box .roulette[data-size="9"] li:nth-of-type(9) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
#roulette .roulette-box .roulette[data-size="9"] li:nth-of-type(10) {
  -webkit-transform: rotate(400deg);
          transform: rotate(400deg);
}
#roulette .roulette-box .roulette[data-size="10"] li:nth-of-type(1) {
  -webkit-transform: rotate(36deg);
          transform: rotate(36deg);
}
#roulette .roulette-box .roulette[data-size="10"] li:nth-of-type(2) {
  -webkit-transform: rotate(72deg);
          transform: rotate(72deg);
}
#roulette .roulette-box .roulette[data-size="10"] li:nth-of-type(3) {
  -webkit-transform: rotate(108deg);
          transform: rotate(108deg);
}
#roulette .roulette-box .roulette[data-size="10"] li:nth-of-type(4) {
  -webkit-transform: rotate(144deg);
          transform: rotate(144deg);
}
#roulette .roulette-box .roulette[data-size="10"] li:nth-of-type(5) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#roulette .roulette-box .roulette[data-size="10"] li:nth-of-type(6) {
  -webkit-transform: rotate(216deg);
          transform: rotate(216deg);
}
#roulette .roulette-box .roulette[data-size="10"] li:nth-of-type(7) {
  -webkit-transform: rotate(252deg);
          transform: rotate(252deg);
}
#roulette .roulette-box .roulette[data-size="10"] li:nth-of-type(8) {
  -webkit-transform: rotate(288deg);
          transform: rotate(288deg);
}
#roulette .roulette-box .roulette[data-size="10"] li:nth-of-type(9) {
  -webkit-transform: rotate(324deg);
          transform: rotate(324deg);
}
#roulette .roulette-box .roulette[data-size="10"] li:nth-of-type(10) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
#roulette .roulette-box #places li:nth-of-type(1)::before {
  border-color: #f39800 transparent transparent;
}
#roulette .roulette-box #places li:nth-of-type(2)::before {
  border-color: #eb6100 transparent transparent;
}
#roulette .roulette-box #places li:nth-of-type(3)::before {
  border-color: #e60012 transparent transparent;
}
#roulette .roulette-box #places li:nth-of-type(4)::before {
  border-color: #e4007f transparent transparent;
}
#roulette .roulette-box #places li:nth-of-type(5)::before {
  border-color: #601986 transparent transparent;
}
#roulette .roulette-box #places li:nth-of-type(6)::before {
  border-color: #0b318f transparent transparent;
}
#roulette .roulette-box #places li:nth-of-type(7)::before {
  border-color: #036eb8 transparent transparent;
}
#roulette .roulette-box #places li:nth-of-type(8)::before {
  border-color: #00913a transparent transparent;
}
#roulette .roulette-box #places li:nth-of-type(9)::before {
  border-color: #8fc31f transparent transparent;
}
#roulette .roulette-box #places li:nth-of-type(10)::before {
  border-color: #fff100 transparent transparent;
}
#roulette .roulette-box #places[data-size="4"] li {
  width: 308px;
  -webkit-transform-origin: 154px 154px;
          transform-origin: 154px 154px;
}
#roulette .roulette-box #places[data-size="4"] li::before {
  border-width: 154px 154px;
}
#roulette .roulette-box #places[data-size="4"] li span {
  width: 308px;
}
#roulette .roulette-box #places[data-size="5"] li {
  width: 223px;
  -webkit-transform-origin: 111.5px 154px;
          transform-origin: 111.5px 154px;
}
#roulette .roulette-box #places[data-size="5"] li::before {
  border-width: 154px 111.5px;
}
#roulette .roulette-box #places[data-size="5"] li span {
  width: 223px;
}
#roulette .roulette-box #places[data-size="6"] li {
  width: 177px;
  -webkit-transform-origin: 88.5px 154px;
          transform-origin: 88.5px 154px;
}
#roulette .roulette-box #places[data-size="6"] li::before {
  border-width: 154px 88.5px;
}
#roulette .roulette-box #places[data-size="6"] li span {
  width: 177px;
}
#roulette .roulette-box #places[data-size="7"] li {
  width: 148px;
  -webkit-transform-origin: 74px 154px;
          transform-origin: 74px 154px;
}
#roulette .roulette-box #places[data-size="7"] li::before {
  border-width: 154px 74px;
}
#roulette .roulette-box #places[data-size="7"] li span {
  width: 148px;
}
#roulette .roulette-box #places[data-size="8"] li {
  width: 127px;
  -webkit-transform-origin: 63.5px 154px;
          transform-origin: 63.5px 154px;
}
#roulette .roulette-box #places[data-size="8"] li::before {
  border-width: 154px 63.5px;
}
#roulette .roulette-box #places[data-size="8"] li span {
  width: 127px;
}
#roulette .roulette-box #places[data-size="9"] li {
  width: 112px;
  -webkit-transform-origin: 56px 154px;
          transform-origin: 56px 154px;
}
#roulette .roulette-box #places[data-size="9"] li::before {
  border-width: 154px 56px;
}
#roulette .roulette-box #places[data-size="9"] li span {
  width: 112px;
}
#roulette .roulette-box #places[data-size="10"] li {
  width: 100px;
  -webkit-transform-origin: 50px 154px;
          transform-origin: 50px 154px;
}
#roulette .roulette-box #places[data-size="10"] li::before {
  border-width: 154px 50px;
}
#roulette .roulette-box #places[data-size="10"] li span {
  width: 100px;
}
#roulette .roulette-box #names li span {
  color: #333;
}
#roulette .roulette-box #names li::before {
  border-color: #fff transparent transparent;
}
#roulette .roulette-box #names[data-size="4"] li {
  width: 220px;
  -webkit-transform-origin: 110px 110px;
          transform-origin: 110px 110px;
}
#roulette .roulette-box #names[data-size="4"] li::before {
  border-width: 110px 110px;
}
#roulette .roulette-box #names[data-size="4"] li span {
  width: 220px;
}
#roulette .roulette-box #names[data-size="5"] li {
  width: 159px;
  -webkit-transform-origin: 79.5px 110px;
          transform-origin: 79.5px 110px;
}
#roulette .roulette-box #names[data-size="5"] li::before {
  border-width: 110px 79.5px;
}
#roulette .roulette-box #names[data-size="5"] li span {
  width: 159px;
}
#roulette .roulette-box #names[data-size="6"] li {
  width: 127px;
  -webkit-transform-origin: 63.5px 110px;
          transform-origin: 63.5px 110px;
}
#roulette .roulette-box #names[data-size="6"] li::before {
  border-width: 110px 63.5px;
}
#roulette .roulette-box #names[data-size="6"] li span {
  width: 127px;
}
#roulette .roulette-box #names[data-size="7"] li {
  width: 105px;
  -webkit-transform-origin: 52.5px 110px;
          transform-origin: 52.5px 110px;
}
#roulette .roulette-box #names[data-size="7"] li::before {
  border-width: 110px 52.5px;
}
#roulette .roulette-box #names[data-size="7"] li span {
  width: 105px;
}
#roulette .roulette-box #names[data-size="8"] li {
  width: 91px;
  -webkit-transform-origin: 45.5px 110px;
          transform-origin: 45.5px 110px;
}
#roulette .roulette-box #names[data-size="8"] li::before {
  border-width: 110px 45.5px;
}
#roulette .roulette-box #names[data-size="8"] li span {
  width: 91px;
}
#roulette .roulette-box #names[data-size="9"] li {
  width: 80px;
  -webkit-transform-origin: 40px 110px;
          transform-origin: 40px 110px;
}
#roulette .roulette-box #names[data-size="9"] li::before {
  border-width: 110px 40px;
}
#roulette .roulette-box #names[data-size="9"] li span {
  width: 80px;
}
#roulette .roulette-box #names[data-size="10"] li {
  width: 71px;
  -webkit-transform-origin: 35.5px 110px;
          transform-origin: 35.5px 110px;
}
#roulette .roulette-box #names[data-size="10"] li::before {
  border-width: 110px 35.5px;
}
#roulette .roulette-box #names[data-size="10"] li span {
  width: 71px;
}
@-webkit-keyframes number-4-1 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3150deg);
            transform: rotate(3150deg);
  }
}
@keyframes number-4-1 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3150deg);
            transform: rotate(3150deg);
  }
}
@-webkit-keyframes number-4-2 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3060deg);
            transform: rotate(3060deg);
  }
}
@keyframes number-4-2 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3060deg);
            transform: rotate(3060deg);
  }
}
@-webkit-keyframes number-4-3 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2970deg);
            transform: rotate(2970deg);
  }
}
@keyframes number-4-3 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2970deg);
            transform: rotate(2970deg);
  }
}
@-webkit-keyframes number-4-4 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg);
  }
}
@keyframes number-4-4 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg);
  }
}
@-webkit-keyframes number-4-5 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2790deg);
            transform: rotate(2790deg);
  }
}
@keyframes number-4-5 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2790deg);
            transform: rotate(2790deg);
  }
}
@-webkit-keyframes number-4-6 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2700deg);
            transform: rotate(2700deg);
  }
}
@keyframes number-4-6 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2700deg);
            transform: rotate(2700deg);
  }
}
@-webkit-keyframes number-4-7 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2610deg);
            transform: rotate(2610deg);
  }
}
@keyframes number-4-7 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2610deg);
            transform: rotate(2610deg);
  }
}
@-webkit-keyframes number-4-8 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2520deg);
            transform: rotate(2520deg);
  }
}
@keyframes number-4-8 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2520deg);
            transform: rotate(2520deg);
  }
}
@-webkit-keyframes number-4-9 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2430deg);
            transform: rotate(2430deg);
  }
}
@keyframes number-4-9 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2430deg);
            transform: rotate(2430deg);
  }
}
@-webkit-keyframes number-4-10 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2340deg);
            transform: rotate(2340deg);
  }
}
@keyframes number-4-10 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2340deg);
            transform: rotate(2340deg);
  }
}
@-webkit-keyframes number-5-1 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3168deg);
            transform: rotate(3168deg);
  }
}
@keyframes number-5-1 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3168deg);
            transform: rotate(3168deg);
  }
}
@-webkit-keyframes number-5-2 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3096deg);
            transform: rotate(3096deg);
  }
}
@keyframes number-5-2 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3096deg);
            transform: rotate(3096deg);
  }
}
@-webkit-keyframes number-5-3 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3024deg);
            transform: rotate(3024deg);
  }
}
@keyframes number-5-3 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3024deg);
            transform: rotate(3024deg);
  }
}
@-webkit-keyframes number-5-4 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2952deg);
            transform: rotate(2952deg);
  }
}
@keyframes number-5-4 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2952deg);
            transform: rotate(2952deg);
  }
}
@-webkit-keyframes number-5-5 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg);
  }
}
@keyframes number-5-5 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg);
  }
}
@-webkit-keyframes number-5-6 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2808deg);
            transform: rotate(2808deg);
  }
}
@keyframes number-5-6 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2808deg);
            transform: rotate(2808deg);
  }
}
@-webkit-keyframes number-5-7 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2736deg);
            transform: rotate(2736deg);
  }
}
@keyframes number-5-7 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2736deg);
            transform: rotate(2736deg);
  }
}
@-webkit-keyframes number-5-8 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2664deg);
            transform: rotate(2664deg);
  }
}
@keyframes number-5-8 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2664deg);
            transform: rotate(2664deg);
  }
}
@-webkit-keyframes number-5-9 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2592deg);
            transform: rotate(2592deg);
  }
}
@keyframes number-5-9 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2592deg);
            transform: rotate(2592deg);
  }
}
@-webkit-keyframes number-5-10 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2520deg);
            transform: rotate(2520deg);
  }
}
@keyframes number-5-10 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2520deg);
            transform: rotate(2520deg);
  }
}
@-webkit-keyframes number-6-1 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3180deg);
            transform: rotate(3180deg);
  }
}
@keyframes number-6-1 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3180deg);
            transform: rotate(3180deg);
  }
}
@-webkit-keyframes number-6-2 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3120deg);
            transform: rotate(3120deg);
  }
}
@keyframes number-6-2 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3120deg);
            transform: rotate(3120deg);
  }
}
@-webkit-keyframes number-6-3 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3060deg);
            transform: rotate(3060deg);
  }
}
@keyframes number-6-3 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3060deg);
            transform: rotate(3060deg);
  }
}
@-webkit-keyframes number-6-4 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3000deg);
            transform: rotate(3000deg);
  }
}
@keyframes number-6-4 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3000deg);
            transform: rotate(3000deg);
  }
}
@-webkit-keyframes number-6-5 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2940deg);
            transform: rotate(2940deg);
  }
}
@keyframes number-6-5 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2940deg);
            transform: rotate(2940deg);
  }
}
@-webkit-keyframes number-6-6 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg);
  }
}
@keyframes number-6-6 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg);
  }
}
@-webkit-keyframes number-6-7 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2820deg);
            transform: rotate(2820deg);
  }
}
@keyframes number-6-7 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2820deg);
            transform: rotate(2820deg);
  }
}
@-webkit-keyframes number-6-8 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2760deg);
            transform: rotate(2760deg);
  }
}
@keyframes number-6-8 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2760deg);
            transform: rotate(2760deg);
  }
}
@-webkit-keyframes number-6-9 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2700deg);
            transform: rotate(2700deg);
  }
}
@keyframes number-6-9 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2700deg);
            transform: rotate(2700deg);
  }
}
@-webkit-keyframes number-6-10 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2640deg);
            transform: rotate(2640deg);
  }
}
@keyframes number-6-10 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2640deg);
            transform: rotate(2640deg);
  }
}
@-webkit-keyframes number-7-1 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3188.5714285714284deg);
            transform: rotate(3188.5714285714284deg);
  }
}
@keyframes number-7-1 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3188.5714285714284deg);
            transform: rotate(3188.5714285714284deg);
  }
}
@-webkit-keyframes number-7-2 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3137.1428571428573deg);
            transform: rotate(3137.1428571428573deg);
  }
}
@keyframes number-7-2 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3137.1428571428573deg);
            transform: rotate(3137.1428571428573deg);
  }
}
@-webkit-keyframes number-7-3 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3085.714285714286deg);
            transform: rotate(3085.714285714286deg);
  }
}
@keyframes number-7-3 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3085.714285714286deg);
            transform: rotate(3085.714285714286deg);
  }
}
@-webkit-keyframes number-7-4 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3034.285714285714deg);
            transform: rotate(3034.285714285714deg);
  }
}
@keyframes number-7-4 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3034.285714285714deg);
            transform: rotate(3034.285714285714deg);
  }
}
@-webkit-keyframes number-7-5 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2982.8571428571427deg);
            transform: rotate(2982.8571428571427deg);
  }
}
@keyframes number-7-5 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2982.8571428571427deg);
            transform: rotate(2982.8571428571427deg);
  }
}
@-webkit-keyframes number-7-6 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2931.4285714285716deg);
            transform: rotate(2931.4285714285716deg);
  }
}
@keyframes number-7-6 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2931.4285714285716deg);
            transform: rotate(2931.4285714285716deg);
  }
}
@-webkit-keyframes number-7-7 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg);
  }
}
@keyframes number-7-7 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg);
  }
}
@-webkit-keyframes number-7-8 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2828.5714285714284deg);
            transform: rotate(2828.5714285714284deg);
  }
}
@keyframes number-7-8 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2828.5714285714284deg);
            transform: rotate(2828.5714285714284deg);
  }
}
@-webkit-keyframes number-7-9 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2777.142857142857deg);
            transform: rotate(2777.142857142857deg);
  }
}
@keyframes number-7-9 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2777.142857142857deg);
            transform: rotate(2777.142857142857deg);
  }
}
@-webkit-keyframes number-7-10 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2725.714285714286deg);
            transform: rotate(2725.714285714286deg);
  }
}
@keyframes number-7-10 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2725.714285714286deg);
            transform: rotate(2725.714285714286deg);
  }
}
@-webkit-keyframes number-8-1 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3195deg);
            transform: rotate(3195deg);
  }
}
@keyframes number-8-1 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3195deg);
            transform: rotate(3195deg);
  }
}
@-webkit-keyframes number-8-2 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3150deg);
            transform: rotate(3150deg);
  }
}
@keyframes number-8-2 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3150deg);
            transform: rotate(3150deg);
  }
}
@-webkit-keyframes number-8-3 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3105deg);
            transform: rotate(3105deg);
  }
}
@keyframes number-8-3 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3105deg);
            transform: rotate(3105deg);
  }
}
@-webkit-keyframes number-8-4 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3060deg);
            transform: rotate(3060deg);
  }
}
@keyframes number-8-4 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3060deg);
            transform: rotate(3060deg);
  }
}
@-webkit-keyframes number-8-5 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3015deg);
            transform: rotate(3015deg);
  }
}
@keyframes number-8-5 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3015deg);
            transform: rotate(3015deg);
  }
}
@-webkit-keyframes number-8-6 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2970deg);
            transform: rotate(2970deg);
  }
}
@keyframes number-8-6 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2970deg);
            transform: rotate(2970deg);
  }
}
@-webkit-keyframes number-8-7 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2925deg);
            transform: rotate(2925deg);
  }
}
@keyframes number-8-7 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2925deg);
            transform: rotate(2925deg);
  }
}
@-webkit-keyframes number-8-8 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg);
  }
}
@keyframes number-8-8 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg);
  }
}
@-webkit-keyframes number-8-9 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2835deg);
            transform: rotate(2835deg);
  }
}
@keyframes number-8-9 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2835deg);
            transform: rotate(2835deg);
  }
}
@-webkit-keyframes number-8-10 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2790deg);
            transform: rotate(2790deg);
  }
}
@keyframes number-8-10 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2790deg);
            transform: rotate(2790deg);
  }
}
@-webkit-keyframes number-9-1 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3200deg);
            transform: rotate(3200deg);
  }
}
@keyframes number-9-1 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3200deg);
            transform: rotate(3200deg);
  }
}
@-webkit-keyframes number-9-2 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3160deg);
            transform: rotate(3160deg);
  }
}
@keyframes number-9-2 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3160deg);
            transform: rotate(3160deg);
  }
}
@-webkit-keyframes number-9-3 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3120deg);
            transform: rotate(3120deg);
  }
}
@keyframes number-9-3 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3120deg);
            transform: rotate(3120deg);
  }
}
@-webkit-keyframes number-9-4 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3080deg);
            transform: rotate(3080deg);
  }
}
@keyframes number-9-4 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3080deg);
            transform: rotate(3080deg);
  }
}
@-webkit-keyframes number-9-5 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3040deg);
            transform: rotate(3040deg);
  }
}
@keyframes number-9-5 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3040deg);
            transform: rotate(3040deg);
  }
}
@-webkit-keyframes number-9-6 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3000deg);
            transform: rotate(3000deg);
  }
}
@keyframes number-9-6 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3000deg);
            transform: rotate(3000deg);
  }
}
@-webkit-keyframes number-9-7 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2960deg);
            transform: rotate(2960deg);
  }
}
@keyframes number-9-7 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2960deg);
            transform: rotate(2960deg);
  }
}
@-webkit-keyframes number-9-8 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2920deg);
            transform: rotate(2920deg);
  }
}
@keyframes number-9-8 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2920deg);
            transform: rotate(2920deg);
  }
}
@-webkit-keyframes number-9-9 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg);
  }
}
@keyframes number-9-9 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg);
  }
}
@-webkit-keyframes number-9-10 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2840deg);
            transform: rotate(2840deg);
  }
}
@keyframes number-9-10 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2840deg);
            transform: rotate(2840deg);
  }
}
@-webkit-keyframes number-10-1 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3204deg);
            transform: rotate(3204deg);
  }
}
@keyframes number-10-1 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3204deg);
            transform: rotate(3204deg);
  }
}
@-webkit-keyframes number-10-2 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3168deg);
            transform: rotate(3168deg);
  }
}
@keyframes number-10-2 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3168deg);
            transform: rotate(3168deg);
  }
}
@-webkit-keyframes number-10-3 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3132deg);
            transform: rotate(3132deg);
  }
}
@keyframes number-10-3 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3132deg);
            transform: rotate(3132deg);
  }
}
@-webkit-keyframes number-10-4 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3096deg);
            transform: rotate(3096deg);
  }
}
@keyframes number-10-4 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3096deg);
            transform: rotate(3096deg);
  }
}
@-webkit-keyframes number-10-5 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3060deg);
            transform: rotate(3060deg);
  }
}
@keyframes number-10-5 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3060deg);
            transform: rotate(3060deg);
  }
}
@-webkit-keyframes number-10-6 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3024deg);
            transform: rotate(3024deg);
  }
}
@keyframes number-10-6 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(3024deg);
            transform: rotate(3024deg);
  }
}
@-webkit-keyframes number-10-7 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2988deg);
            transform: rotate(2988deg);
  }
}
@keyframes number-10-7 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2988deg);
            transform: rotate(2988deg);
  }
}
@-webkit-keyframes number-10-8 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2952deg);
            transform: rotate(2952deg);
  }
}
@keyframes number-10-8 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2952deg);
            transform: rotate(2952deg);
  }
}
@-webkit-keyframes number-10-9 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2916deg);
            transform: rotate(2916deg);
  }
}
@keyframes number-10-9 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2916deg);
            transform: rotate(2916deg);
  }
}
@-webkit-keyframes number-10-10 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg);
  }
}
@keyframes number-10-10 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg);
  }
}