body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--wheel-font:"Lato","Quicksand",sans-serif;--wheel-size:400px;--wheel-slice-spacing:50px;--wheel-border-size:5px;--wheel-color:#001e6c;--neutral-color:#fff;--PI:3.14159265358979;--nb-item:1;--item-nb:1;--selected-item:0;--nb-turn:5;--spinning-duration:4s;--reset-duration:0.25s}@media only screen and (max-width:600px){:root{--wheel-font:"Lato","Quicksand",sans-serif;--wheel-size:220px;--wheel-slice-spacing:50px;--wheel-border-size:5px;--wheel-color:#001e6c;--neutral-color:#fff;--PI:3.14159265358979;--nb-item:0;--item-nb:0;--selected-item:0;--nb-turn:5;--spinning-duration:4s;--reset-duration:0.25s}}.wheel-container{display:block;position:relative;box-sizing:content-box;width:410px;width:calc(var(--wheel-size) + var(--wheel-border-size)*2);height:410px;height:calc(var(--wheel-size) + var(--wheel-border-size)*2);padding:3px;margin:auto;background-color:#fff;background-color:var(--neutral-color);border:3px solid #001e6c;border:3px solid var(--wheel-color);border-radius:50%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.wheel-container:after,.wheel-container:before{content:"";display:block;position:absolute;height:0;width:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;border:20px solid transparent;border-left-width:0}.wheel-container:before{right:0;border-right-color:#001e6c;border-right-color:var(--wheel-color)}.wheel-container:after{right:-5px;border-right-color:#fff;border-right-color:var(--neutral-color)}.wheel{display:block;position:relative;box-sizing:content-box;margin:auto;width:400px;width:var(--wheel-size);height:400px;height:var(--wheel-size);overflow:hidden;border-radius:50%;border:5px solid #001e6c;border:solid var(--wheel-color) var(--wheel-border-size);background-color:#001e6c;background-color:var(--wheel-color);transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;transition:-webkit-transform var(--reset-duration);transition:transform var(--reset-duration);transition:transform var(--reset-duration),-webkit-transform var(--reset-duration);-webkit-transform:rotate(0deg);transform:rotate(0deg);cursor:pointer}.wheel.spinning{transition:-webkit-transform 4s;transition:transform 4s;transition:transform 4s,-webkit-transform 4s;transition:-webkit-transform var(--spinning-duration);transition:transform var(--spinning-duration);transition:transform var(--spinning-duration),-webkit-transform var(--spinning-duration);-webkit-transform:rotate(5turn);transform:rotate(5turn);-webkit-transform:rotate(calc(var(--nb-turn)*360deg + -360deg*var(--selected-item)/var(--nb-item, 1)));transform:rotate(calc(var(--nb-turn)*360deg + -360deg*var(--selected-item)/var(--nb-item, 1)))}.wheel:after{display:block;position:absolute;content:"";background-color:#fff;background-color:var(--neutral-color);width:25px;height:25px;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%}.wheel-item{width:50%;-webkit-transform-origin:center left;transform-origin:center left;-webkit-transform:translateY(-50%) rotate(1turn);transform:translateY(-50%) rotate(1turn);-webkit-transform:translateY(-50%) rotate(calc(var(--item-nb)*360deg/var(--nb-item, 1)));transform:translateY(-50%) rotate(calc(var(--item-nb)*360deg/var(--nb-item, 1)));color:#fff;color:var(--neutral-color);text-align:right;padding:0 25px 0 50px;font-family:"Lato","Quicksand",sans-serif;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;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-left:0;opacity:.25;--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)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.App{text-align:center;background:#f2f3f7;-webkit-user-select:none;-ms-user-select:none;user-select:none}
/*# sourceMappingURL=main.62b1d25b.chunk.css.map */