:root{--wheel-font:"Lato","Quicksand",sans-serif;--wheel-size:400px;--wheel-slice-spacing:50px;--wheel-border-size:5px;--wheel-color:#da3768;--PI:3.14159265358979;--nb-item:0;--item-nb:0;--selected-item:0;--nb-turn:2;--spinning-duration-per-round:5s;--spinning-duration:calc(var(--nb-turn)*3s)}.wheel-container{background-color:#fff;background-color:var(--neutral-color);border:3px solid #da3768;border:3px solid var(--wheel-color);border-radius:50%;box-sizing:initial;display:block;height:410px;height:calc(var(--wheel-size) + var(--wheel-border-size)*2);margin:auto;padding:3px;position:relative;-webkit-user-select:none;user-select:none;width:410px;width:calc(var(--wheel-size) + var(--wheel-border-size)*2)}.wheel-container:after,.wheel-container:before{border:20px solid transparent;border-left-width:0;content:"";display:block;height:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0;z-index:2}.wheel-container:before{border-right-color:#da3768;border-right-color:var(--wheel-color);right:0}.wheel-container:after{border-right-color:#fff;border-right-color:var(--neutral-color);right:-5px}.wheel{background-color:#da3768;background-color:var(--wheel-color);border:5px solid #da3768;border:solid var(--wheel-color) var(--wheel-border-size);border-radius:50%;box-sizing:initial;cursor:pointer;display:block;height:400px;height:var(--wheel-size);margin:auto;overflow:hidden;position:relative;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:400px;width:var(--wheel-size)}.wheel.spinning{-webkit-transform:rotate(calc(2 * 1turn + (1turn * (0 - 0) / 0)));transform:rotate(calc(2 * 1turn + (1turn * (0 - 0) / 0)));-webkit-transform:rotate(calc(var(--nb-turn)*1turn + 1turn*(var(--nb-item) - var(--selected-item))/var(--nb-item, 1)));transform:rotate(calc(var(--nb-turn)*1turn + 1turn*(var(--nb-item) - var(--selected-item))/var(--nb-item, 1)));transition:-webkit-transform 6s linear;transition:transform 6s linear;transition:transform 6s linear,-webkit-transform 6s linear;transition:-webkit-transform var(--spinning-duration) linear;transition:transform var(--spinning-duration) linear;transition:transform var(--spinning-duration) linear,-webkit-transform var(--spinning-duration) linear}.wheel:after{background-color:#fff;background-color:var(--neutral-color);border-radius:50%;content:"";display:block;height:25px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:25px;z-index:2}.wheel-item{color:#fff;color:var(--neutral-color);font-family:Lato,Quicksand,sans-serif;font-family:var(--wheel-font);padding:0 25px 0 50px;text-align:right;-webkit-transform:translateY(-50%) rotate(calc(0 * (1turn / 0)));transform:translateY(-50%) rotate(calc(0 * (1turn / 0)));-webkit-transform:translateY(-50%) rotate(calc(var(--item-nb)*(1turn/var(--nb-item, 1))));transform:translateY(-50%) rotate(calc(var(--item-nb)*(1turn/var(--nb-item, 1))));-webkit-transform-origin:center left;transform-origin:center left;width:50%}.wheel-item,.wheel-item:before{box-sizing:border-box;display:block;left:50%;position:absolute;top:50%}.wheel-item:before{--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) solid transparent;border-left:0 solid transparent;border-right:200px solid #fff;border-right:solid var(--neutral-color) calc(var(--wheel-size)/2);content:" ";height:0;opacity:.25;padding-left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;z-index:-1}:root{--app-font:"Quicksand","Lato",sans-serif;--neutral-color:#fff}.App{background:#fff;background:var(--neutral-color);font-family:Quicksand,Lato,sans-serif;font-family:var(--app-font);text-align:center;-webkit-user-select:none;user-select:none}
/*# sourceMappingURL=main.1b2111d8.css.map*/