:root{--wheel-font:"Lato","Quicksand",sans-serif;--wheel-size:364px;--wheel-slice-spacing:1px;--wheel-border-size:0px;--wheel-color:black;--neutral-color:white;--PI:3.14159265358979;--nb-item:0;--item-nb:0;--selected-item:0;--nb-turn:5;--reset-duration:0s}.spinning-game{--tw-shadow:0px 2px 0px 0px #000;--tw-shadow-colored:0px 4px 0px 0px #000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin-bottom:42px}.wheel-container{width:calc(var(--wheel-size) + 2 * var(--wheel-border-size));height:calc(var(--wheel-size) + 2 * var(--wheel-border-size));background-color:var(--neutral-color);border:3px solid var(--wheel-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.wheel,.wheel-container{display:block;position:relative;box-sizing:content-box;margin:auto;border-radius:50%}.wheel{width:var(--wheel-size);height:var(--wheel-size);overflow:hidden;border:solid var(--wheel-color) var(--wheel-border-size);background-color:var(--wheel-color);transition:transform var(--reset-duration);transform:rotate(0deg);cursor:pointer}.wheel .avatar{border:1px solid #000;--tw-shadow:0px 2px 0px 0px #000;--tw-shadow-colored:0px 4px 0px 0px #000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.wheel.spinning{transition:transform var(--spinning-duration);transform:rotate(calc(var(--nb-turn) * 1turn + (-1turn * var(--selected-item) / var(--nb-item))))}.wheel-wrapper .spin-text{font-size:27px;font-weight:700;position:absolute;background-color:#e3ff9b;width:92px;height:89px;border-radius:50%;border:2px solid #aacc53;--tw-shadow:0px 4px 0px 0px #aacc53;--tw-shadow-colored:0px 4px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.wheel-item{width:50%;transform-origin:center left;transform:translateY(-50%) rotate(calc(var(--item-nb) * (1turn / var(--nb-item)) - 90deg));color:var(--neutral-color);text-align:right;padding:0 25px 0 50px;font-family:var(--wheel-font)}.wheel-item,.wheel-item:before{display:block;position:absolute;box-sizing:border-box;top:50%;left:50%}.wheel-item:before{content:" ";z-index:-1;width:0;height:0;transform:translate(-49%,-50%);padding-left:0;--slice-max-width:calc(var(--PI) * var(--wheel-size) + var(--wheel-size) / 2);--slice-width:calc((var(--slice-max-width) / var(--nb-item)) - var(--wheel-slice-spacing));border:calc((var(--slice-width) / 2) - 5px) solid transparent;border-left:0 solid transparent;border-right:solid var(--neutral-color) calc((var(--wheel-size) / 2) + -1px)}.wheel-item:first-of-type:before{border-right-color:var(--item-0-color)}.wheel-item:nth-of-type(2):before{border-right-color:var(--item-1-color)}.wheel-item:nth-of-type(3):before{border-right-color:var(--item-2-color)}.wheel-item:nth-of-type(4):before{border-right-color:var(--item-3-color)}.wheel-item:nth-of-type(5):before{border-right-color:var(--item-4-color)}.wheel-item:nth-of-type(6):before{border-right-color:var(--item-5-color)}