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:300px;--wheel-slice-spacing:50px;--wheel-border-size:2px;--wheel-color:#fe5b26;--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}.wheel-container{display:block;position:relative;box-sizing:content-box;width:304px;width:calc(var(--wheel-size) + 2*var(--wheel-border-size));height:304px;height:calc(var(--wheel-size) + 2*var(--wheel-border-size));padding:3px;margin:auto;background-color:#fff;background-color:var(--neutral-color);border:3px solid #fe5b26;border:3px solid var(--wheel-color);border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform:rotate(270deg)}.wheel-container:after,.wheel-container:before{content:"";display:block;position:absolute;height:0;width:0;top:50%;transform:translateY(-50%);z-index:2;border:20px solid transparent;border-left-width:0}.wheel-container:before{right:0;border-right-color:#fe5b26;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:300px;width:var(--wheel-size);height:300px;height:var(--wheel-size);overflow:hidden;border-radius:50%;border:2px solid #fe5b26;border:solid var(--wheel-color) var(--wheel-border-size);background-color:#fe5b26;background-color:var(--wheel-color);transition:transform .25s;transition:transform var(--reset-duration);transform:rotate(0deg);cursor:pointer}.wheel.spinning{transition:transform 4s;transition:transform var(--spinning-duration);transform:rotate(5turn);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%;transform:translate(-50%,-50%);border-radius:50%}.wheel-item{width:50%;transform-origin:center left;transform:translateY(-50%) rotate(1turn);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;transform:translate(-50%,-50%);padding-left:0;opacity:.25;--slice-max-width:calc(var(--PI) + 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:150px solid #fff;border-right:solid var(--neutral-color) calc(var(--wheel-size)/2)}.app{padding:30px}@media (max-height:400px){.game{width:230px;height:230px;display:flex;flex-wrap:wrap}.game img{width:28px;height:28px}}@media (min-height:401px) and (max-height:500px){.game{width:260px;height:260px;display:flex;flex-wrap:wrap}.game img{width:30px;height:30px}}@media (min-height:501px) and (max-height:600px){.game{width:350px;height:350px;display:flex;flex-wrap:wrap}.game img{width:40px;height:40px}}@media (min-height:601px) and (max-height:700px){.game{width:450px;height:450px;display:flex;flex-wrap:wrap}.game img{width:55px;height:55px}}@media (min-height:700px){.game{width:560px;height:560px;display:flex;flex-wrap:wrap}.game img{width:70px;height:70px}}
/*# sourceMappingURL=main.8fee8b9f.chunk.css.map */