body{margin:0;padding:0;box-sizing:border-box;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;display:flex;justify-content:center;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--app-font:"Quicksand","Lato",sans-serif}.App{font-family:"Quicksand","Lato",sans-serif;font-family:var(--app-font);background:#fff;background:var(--neutral-color);border:3px solid #000;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;box-shadow:5px 5px 5px 0 rgba(0,0,0,.2);background-color:#f8f7f7;margin:0 5px 5px}@media (min-width:1200px){.App{margin-top:1rem;flex-direction:row}}.heading{font-family:impact;font-size:2.5em;text-transform:uppercase;color:#fff;letter-spacing:1px;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000,2px 2px 5px #000;border:3px solid #000;border-radius:5px;background-color:#6593f5;text-align:center;margin:1.75rem 5px}:root{--wheel-font:"Lato","Quicksand",sans-serif;--wheel-font-size:0.75rem;--wheel-size:60vw;--wheel-slice-spacing:30px;--wheel-border-size:5px;--wheel-color:#6593f5;--border-color:#111e6c;--neutral-color:#fff;--PI:3.14159265358979;--nb-item:1;--item-nb:0;--selected-item:0;--nb-turn:5;--spinning-duration:4s;--reset-duration:0.25s;--bg-color:#f8f7f7}@media (min-width:800px){:root{--wheel-size:40vw;--wheel-font-size:1.25rem}}@media (min-width:1650px){:root{--wheel-size:681.59px}}.spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem 2rem 0;padding-bottom:1rem;border-bottom:5px dotted #000;width:100%}.hide{display:none}.catLabel{margin-right:1rem}.catForm{padding:1rem 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;justify-self:center;align-self:center}.catDiv{height:inherit;display:flex;flex-direction:column}.catForm input{height:1.5rem}.catForm button{height:2rem}@media (min-width:600px){.catForm input{height:2rem}.catForm button{height:2.4rem}}@media (min-width:1200px){.catDiv{padding:2rem;width:40vw;border-left:5px dotted #000}.spinner{border:none;margin:0 2rem;padding-top:2rem;align-self:flex-start}}.categories{display:flex;justify-content:space-between;align-items:center}.categories .catHide{margin-right:1rem}.catHideBox{margin-right:1.5rem}.catDeleteBox{margin-right:1.25rem;margin-left:0}.catBar{width:1px;border-right:1px solid #000;height:1rem;margin-right:1.5rem}.scrollable{height:50vh;overflow-y:auto}.wheel-container{display:block;position:relative;box-sizing:content-box;width:calc(60vw + 10px);width:calc(var(--wheel-size) + var(--wheel-border-size)*2);height:calc(60vw + 10px);height:calc(var(--wheel-size) + var(--wheel-border-size)*2);padding:3px;background-color:#f8f7f7;background-color:var(--bg-color);border:3px solid #111e6c;border:3px solid var(--border-color);border-radius:50%;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:auto auto 1rem}.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:#111e6c;border-right-color:var(--border-color)}.wheel-container:after{right:-5px;border-right-color:#f8f7f7;border-right-color:var(--bg-color)}.wheel{display:block;position:relative;box-sizing:content-box;margin:auto;width:60vw;width:var(--wheel-size);height:60vw;height:var(--wheel-size);overflow:hidden;border-radius:50%;border:5px solid #6593f5;border:solid var(--wheel-color) var(--wheel-border-size);background-color:#6593f5;background-color:var(--wheel-color);transition:transform .25s;transition:transform var(--reset-duration);transform:rotate(0deg)}.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:#111e6c;background-color:var(--border-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(0deg);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);font-size:.75rem;font-size:var(--wheel-font-size)}.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)*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:30vw solid #fff;border-right:solid var(--neutral-color) calc(var(--wheel-size)/2)}#reset,#spin{border:2px solid #111e6c;border:2px solid var(--border-color);background-color:#6593f5;background-color:var(--wheel-color);color:#fff;color:var(--neutral-color);font-size:1.5rem!important;height:3rem;width:6rem;text-transform:capitalize;letter-spacing:.1rem;border-radius:5px;cursor:pointer}#reset:hover,#spin:hover,#submit:hover{background-color:#111e6c;background-color:var(--border-color)}#submit{border:2px solid #111e6c;border:2px solid var(--border-color);background-color:#6593f5;background-color:var(--wheel-color);color:#fff;color:var(--neutral-color);text-transform:capitalize;letter-spacing:.1rem;border-radius:5px;cursor:pointer}
/*# sourceMappingURL=main.e708e2c0.chunk.css.map */