<div id="wheel-container" style="width: 448px; height: 448px; position: relative; margin: 0px auto;"><div id="wheel-svg"><div style="width: 448px; height: 448px; position: absolute; top: 0px; left: 0px; z-index: 200; pointer-events: none;"><svg width="448" height="448" viewBox="-224 -224 448 448"><defs><mask id="border"><circle r="202.61306532663315" fill="white"></circle><circle r="192" fill="black"></circle></mask><pattern id="pattern" patternUnits="userSpaceOnUse" x="0" y="0" width="70" height="70" viewBox="0 0 64 64"><image xlink:href="https://venngage-wordpress.s3.amazonaws.com/uploads/2018/09/Colorful-Geometric-Simple-Background-Image.jpg" opacity="0.4"></image></pattern></defs><circle r="202.61306532663315" mask="url(#border)" fill="rgba(255, 255, 255, 0.5)"></circle><g class="wheel-knob"><path d="M -10.31578946991382 -28.110526294727126
L 0 -46.42105255522853
L 10.31578946991382 -28.110526294727126
A 31.015384615384615 31.015384615384615 0 1 1 -10.31578946991382 -28.110526294727126
Z" fill="black" stroke-width="4.032" stroke-linejoin="round" stroke="white" pointer-events="auto"></path><text font-size="21.221052631578946" font-family="VanillaExtractRegular" fill="white" height="21.221052631578946" text-anchor="middle" y="8.064" pointer-events="none">Spin</text></g></svg></div><div style="position: absolute; top: 0px; left: 0px; z-index: 100; width: 448px; height: 448px; touch-action: none; pointer-events: none;"><div class="innerWheelContainer" style="transform: rotate(0deg); animation: 0s ease 0s 1 normal none running none;"><svg id="wheel-cpt" width="448" height="448" viewBox="-224 -224 448 448"><g pointer-events="none"><g><path d="M 201.59900514469462 -0.63334403715332
A 201.6 201.6 0 0 1 -201.59900514469462 -0.6333440371532558
L 0 0 Z" fill="#000000" class="cone false"></path><path d="M -201.59900514469462 0.6333440371533052
A 201.6 201.6 0 0 1 201.59900514469462 0.6333440371532312
L 0 0 Z" fill="#ffffff" class="cone false"></path></g><g><defs><path id="textPath-0" d="M 1.7290064683908928 183.44785218865948
L 0.19000071081218603 20.159104636116428"></path><path id="textPath-1" d="M -1.7290064683907929 -183.44785218865948
L -0.19000071081217507 -20.159104636116428"></path></defs><text font-size="6.719999999999999" height="5" text-anchor="start" class="label cone false" dy="0"><textPath xlink:href="#textPath-0" startOffset="0"><tspan fill="#f8fff5" alignment-baseline="middle"></tspan></textPath></text><text font-size="6.719999999999999" height="5" text-anchor="start" class="label cone false" dy="0"><textPath xlink:href="#textPath-1" startOffset="0"><tspan fill="#fffcf5" alignment-baseline="middle"></tspan></textPath></text></g><path id="cone-overlay" d="M 0 0
A 201.6 201.6 1 1 0 0 0
L 0 0 Z" fill="white" class="cone-overlay false"></path></g><circle r="201.6" fill="url(#pattern)" pointer-events="fill"></circle></svg></div></div><span class="svg-icon fullscreen-btn" style="border: 0px; z-index: 1;"><svg color="#584f4a" class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="padding: 5px 4px;"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 368L144 144M368 144L144 368"></path></svg></span></div></div>