#container{color:#fff;justify-content:center;padding:20px;display:flex}@keyframes wheelRotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes ballRotate{0%{transform:rotate(0)}to{transform:rotate(-359deg)}}.wheel{width:312px;height:312px;position:relative}.ballTrack{z-index:2;border-radius:100%;width:212px;height:207px;position:absolute;top:50px;left:47.5px}.ball{background-color:#fff;border-radius:100%;width:14px;height:14px;position:relative;top:-6px;left:109px}.turret{z-index:1;background:radial-gradient(circle at 30% 30%,#f3c620,#1a1608);border-radius:100%;width:45px;height:45px;position:absolute;top:133px;left:134px}.turretHandle{background:radial-gradient(circle at 44%,#f3c620,#6a570f);width:87px;height:14px;position:absolute;top:148px;left:113px}.thendOne,.thendTwo{background:radial-gradient(circle at 30% 30%,#f3c620,#1a1608);border-radius:100%;width:25px;height:25px;position:absolute}.thendOne{top:-6px;left:-20px}.thendTwo{top:-6px;left:83px}.block{clip:rect(0px,145px,290px,0px);border-radius:100%;width:290px;height:290px;transition:all 1s;position:absolute}.sect{clip:rect(0px,290px,290px,145px);border-radius:100%;width:290px;height:290px;position:absolute;top:10px;left:10px}.double,.single{z-index:1;color:#fff;font-size:14px;position:absolute;transform:rotate(3deg)}.double{margin-top:4.5px;left:148px}.single{margin-top:4.5px;left:152px}#sect1 .block{background-color:#016d29;transform:rotate(9.73deg)}#sect2 .block,#sect4 .block,#sect6 .block,#sect8 .block,#sect10 .block,#sect12 .block,#sect14 .block,#sect16 .block,#sect18 .block,#sect20 .block,#sect22 .block,#sect24 .block,#sect26 .block,#sect28 .block,#sect30 .block,#sect32 .block,#sect34 .block,#sect36 .block{background-color:#e0080b;transform:rotate(9.73deg)}#sect3 .block,#sect5 .block,#sect7 .block,#sect9 .block,#sect11 .block,#sect13 .block,#sect15 .block,#sect17 .block,#sect19 .block,#sect21 .block,#sect23 .block,#sect25 .block,#sect27 .block,#sect29 .block,#sect31 .block,#sect33 .block,#sect35 .block,#sect37 .block{background-color:#000;transform:rotate(9.73deg)}#sect2{transform:rotate(9.73deg)}#sect3{transform:rotate(19.46deg)}#sect4{transform:rotate(29.19deg)}#sect5{transform:rotate(38.92deg)}#sect6{transform:rotate(48.65deg)}#sect7{transform:rotate(58.38deg)}#sect8{transform:rotate(68.11deg)}#sect9{transform:rotate(77.84deg)}#sect10{transform:rotate(87.57deg)}#sect11{transform:rotate(97.3deg)}#sect12{transform:rotate(107.03deg)}#sect13{transform:rotate(116.76deg)}#sect14{transform:rotate(126.49deg)}#sect15{transform:rotate(136.22deg)}#sect16{transform:rotate(145.95deg)}#sect17{transform:rotate(155.68deg)}#sect18{transform:rotate(165.41deg)}#sect19{transform:rotate(175.14deg)}#sect20{transform:rotate(184.87deg)}#sect21{transform:rotate(194.6deg)}#sect22{transform:rotate(204.33deg)}#sect23{transform:rotate(214.06deg)}#sect24{transform:rotate(223.79deg)}#sect25{transform:rotate(233.52deg)}#sect26{transform:rotate(243.25deg)}#sect27{transform:rotate(252.98deg)}#sect28{transform:rotate(262.71deg)}#sect29{transform:rotate(272.44deg)}#sect30{transform:rotate(282.17deg)}#sect31{transform:rotate(291.9deg)}#sect32{transform:rotate(301.63deg)}#sect33{transform:rotate(311.36deg)}#sect34{transform:rotate(321.09deg)}#sect35{transform:rotate(330.82deg)}#sect36{transform:rotate(340.55deg)}#sect37{transform:rotate(350.28deg)}.pockets{opacity:.5;background-color:#000;border-radius:100%;width:235px;height:235px;position:absolute;top:37px;left:37px}.pocketsRim{border:3px solid silver;border-radius:100%;width:235px;height:235px;position:absolute;top:37px;left:37px}.cone{background:radial-gradient(circle at 100px 100px,#892c10,#000);border:3px solid #9f9a9a;border-radius:100%;width:180px;height:180px;position:absolute;top:62px;left:61px}.chip{background-color:#fff;border:3px solid;border-radius:100%;width:21px;height:21px;position:absolute}.chipSpan{color:#000;text-align:center;font-size:11px;font-weight:700;display:block;position:relative;top:4px}.gold{border-color:gold}.red{border-color:red}.orange{border-color:orange}.blue{border-color:#00f}.tt1_block .chip{margin-top:-24px;margin-left:19px}.number_block .chip{margin-top:-24px;margin-left:7px}.wlrtl .chip{margin-top:9px;margin-left:-9px}.cbbb .chip{margin-top:-5px;margin-left:-4px}.ttbbetblock .chip{margin-top:-8px;margin-left:-7px}#wlttb_top .chip{margin-top:-8px;margin-left:-5px}.bbtoptwo .chip{margin-top:-25px;margin-left:108px}.number_0 .chip{margin-top:-22px;margin-left:-8px}.bo3_block .chip{margin-top:-26px;margin-left:65px}.oto_block .chip{margin-top:-25px;margin-left:45px}