.canvas-container{width:600px;height:600px;position:relative;margin:auto}.canvas-container .canvas{width:100%;height:100%;overflow:hidden}.canvas-container .pointer{width:40px;height:40px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%) rotate(180deg);z-index:5}.canvas-container .pointer img{width:100%;height:100%}@media screen and (max-width: 610px){.canvas-container .pointer{width:40px;height:40px}}.canvas-container .spinner{width:100px;height:100px;background:lightgray;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:5px;letter-spacing:2px;font-weight:bolder;font-size:20px;text-transform:uppercase}@media screen and (max-width: 610px){.canvas-container .spinner{width:60px;height:60px;letter-spacing:1px;font-size:15px}}@media screen and (max-width: 610px){.canvas-container{width:95%;height:95%;margin-right:auto}}.tab-container{width:100%;height:100%;border:1px solid #ccc;padding:10px;background:rgba(204,204,204,.548);color:#646464;border-radius:20px}.tab-container .nav{width:100%;height:50px;display:flex;align-items:center;justify-content:flex-start}.tab-container .nav .title{width:auto;height:100%;padding:5px 10px;margin:0 10px;border:1px solid #ccc;letter-spacing:1px;display:flex;justify-content:center;align-items:center;cursor:pointer}@media screen and (max-width: 610px){.tab-container .nav .title{font-size:13px}}.tab-container hr{width:100%;margin-top:10px}.tab-container .data-container{width:100%;height:calc(100% - 50px);margin-top:10px}.inputs-container{width:100%;height:100%;padding:10px;margin:0 auto;overflow:hidden}.inputs-container .add-new-item{width:100%;height:40px}.inputs-container .add-new-item input{width:96%;height:100%;margin:0 auto;letter-spacing:1px;font-size:16px;padding:5px 10px;border-bottom:1px solid #ccc}.inputs-container .list{width:100%;height:calc(100% - 40px);padding:5px;margin:0 auto;overflow-x:hidden;overflow-y:scroll}.inputs-container .list .item{width:100%;height:40px;margin:10px 0;display:flex;align-items:center;justify-content:space-around;background:#e9e9e9}.inputs-container .list .item input{width:90%;height:100%;padding:5px;letter-spacing:1px}.inputs-container .list .item button{width:30px;height:30px}@media screen and (max-width: 610px){.inputs-container .list .item{margin:5px auto}}.result-container{width:100%;height:100%;padding:10px;overflow:scroll}.result-container .item{width:95%;height:auto;padding:5px;margin:5px auto}.result-container .item span{letter-spacing:1px;font-size:16px}.nav-container{width:100%;height:50px;padding:5px;display:flex;align-items:center;justify-content:flex-start;background:#68a7f8}.nav-container span{display:flex;align-items:flex-end;margin-left:10px}.nav-container span i{margin-left:10px;font-size:13px}@media screen and (max-width: 610px){.nav-container span{align-items:center}.nav-container span h2{font-size:16px}.nav-container span i{font-size:10px}}.winner-container{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(204,204,204,.5)}.winner-container .winner-card{width:40%;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.winner-container .winner-card .header{width:100%;height:50px;padding:5px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;letter-spacing:1px;background:#e9e9e9}.winner-container .winner-card .content{width:100%;height:100px;padding:10px;text-align:left;overflow-wrap:break-word;letter-spacing:1px;font-size:14px;font-weight:500;background:#f0f0f0}.winner-container .winner-card .btn{width:100%;height:50px;display:flex;align-items:center;justify-content:flex-end;background:#e9e9e9}.winner-container .winner-card .btn button{width:auto;height:auto;margin-right:20px;padding:5px 10px;background:#6193ff;letter-spacing:1px;font-size:14px;border-radius:5px}@media screen and (max-width: 610px){.winner-container .winner-card{width:90%}}*{padding:0;margin:0;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}a{text-decoration:none;color:#000;cursor:pointer}button,input{border:none;outline:none;background:none;cursor:pointer}.App{width:100%;height:calc(100vh - 50px)}.App .wheel-and-tab{width:100%;height:100%;display:flex;align-items:center;justify-content:space-around}.App .wheel-and-tab .wheel{width:60%;height:100%;display:flex;align-items:center}.App .wheel-and-tab .tab{width:30%;height:400px}@media screen and (max-width: 610px){.App .wheel-and-tab{margin-top:20px;flex-direction:column}.App .wheel-and-tab .wheel{width:100%;height:auto}.App .wheel-and-tab .tab{width:96%;margin:auto;max-height:300px}}@media screen and (max-width: 610px){.App{height:auto}}