::-webkit-scrollbar{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#table-input{border:none;border-bottom:1px solid grey;margin-left:10px;outline:none;text-align:center;width:50px}input#table-input::-webkit-inner-spin-button,input#table-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input#table-input{-moz-appearance:textfield}.circle-container{background:var(--ring-color);border-radius:50%;display:block;height:calc(var(--wheel-size) + var(--circle-ring-size)*2 + var(--inner-ring-size)*2);position:relative;-webkit-transform:rotate(calc(1deg*var(--rotation)));transform:rotate(calc(1deg*var(--rotation)));-webkit-transform:rotate(270deg);transform:rotate(270deg);transition:-webkit-transform var(--spin-duration) cubic-bezier(.44,-.205,0,1);transition:transform var(--spin-duration) cubic-bezier(.44,-.205,0,1);transition:transform var(--spin-duration) cubic-bezier(.44,-.205,0,1),-webkit-transform var(--spin-duration) cubic-bezier(.44,-.205,0,1);width:calc(var(--wheel-size) + var(--circle-ring-size)*2 + var(--inner-ring-size)*2)}.circle{color:var(--item-color);left:50%;padding:0 25px 0 50px;text-align:right;top:50%;-webkit-transform:translateY(-50%) rotate(calc(var(--circle-index)*(1turn/var(--circle-count))));transform:translateY(-50%) rotate(calc(var(--circle-index)*(1turn/var(--circle-count))));-webkit-transform-origin:center left;transform-origin:center left;width:50%}.circle,.circle:before{display:block;height:20px;position:absolute}.circle:before{background-color:var(--circle-color);border-radius:50%;content:"";right:5px;width:20px}.center{align-items:center;border-radius:50%;display:flex;height:calc(var(--wheel-size) + var(--circle-ring-size)*2 + var(--inner-ring-size)*2);justify-content:center;width:calc(var(--wheel-size) + var(--circle-ring-size)*2 + var(--inner-ring-size)*2)}.circle-arrow{height:60px;position:absolute;right:-45px;top:50%;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);width:150px;z-index:10}:root{--wheel-font:"Lato","Quicksand",sans-serif;--wheel-size:400px;--wheel-slice-spacing:30px;--wheel-color:#da3768;--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;--slice-background:#fff;--slice-font-color:#fff;--wheel-border-color:red;--spin-btn-color:#fff;--padding-ring:#fff;--outer-ring:#1b6568;--circle-ring-size:30px;--inner-ring:#1b6568;--inner-ring-size:8px;--ring-color:#6c6c1f}.wheel-container:after,.wheel-container:before{border:0 solid transparent;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:red;border-right-color:var(--wheel-border-color);right:0}.wheel-container:after{border-right-color:#fff;border-right-color:var(--neutral-color);right:-5px}.spin{color:#000;cursor:pointer;font-size:20px;font-weight:900;height:67px;position:absolute;right:38%;text-transform:uppercase;top:61%;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:150px;z-index:10}.wheel{background-color:#da3768;background-color:var(--wheel-color);border:8px solid #da3768;border:solid var(--wheel-color) var(--inner-ring-size);border-radius:50%;box-sizing:content-box;display:block;height:400px;height:var(--wheel-size);margin:auto;overflow:hidden;position:relative;-webkit-transform:rotate(calc(1deg * 90 / 0 * 2));transform:rotate(calc(1deg * 90 / 0 * 2));-webkit-transform:rotate(calc(90deg/var(--nb-item)*2));transform:rotate(calc(90deg/var(--nb-item)*2));width:400px;width:var(--wheel-size)}.wheel:after{background-color:#fff;background-color:var(--spin-btn-color);border-radius:50%;content:"";height:80px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px;z-index:2}.wheel-item,.wheel:after{display:block;left:50%;position:absolute;text-align:center;top:50%}.wheel-item{box-sizing:border-box;color:#fff;color:var(--slice-font-color);font-size:calc(1px*var(--slice-font-size));padding:0 25px 0 50px;-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%}.title{display:block;overflow:hidden;text-overflow:ellipsis;width:150px}.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(--slice-background) calc(var(--wheel-size)/2);box-sizing:border-box;content:" ";display:block;height:0;left:50%;padding-left:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;z-index:-1}@media (max-width:768px){:root{--wheel-size:350px;--inner-ring-size:6px}.main{margin-top:50px}.title{font-size:13px}.wheel:after{height:50px;width:50px}.spin{font-size:15px;height:64px;position:absolute;right:37%;top:64%;width:152px}}@media (max-width:390px){:root{--wheel-size:320px;--inner-ring-size:3px}.spin{font-size:15px;height:60px;position:absolute;right:37%;top:64%;width:140px}}@media (max-width:375px){:root{--wheel-size:290px;--inner-ring-size:3px}.circle-arrow{height:51px;width:140px}.title{height:20px;width:100px}.spin{font-size:15px;height:66px;position:absolute;right:37%;top:64%;width:137px}.title{font-size:13px}}@media (max-width:360px){:root{--wheel-size:270px}.wheel:after{height:40px;width:40px}.spin{font-size:13px;height:68px;position:absolute;right:36%;top:67%;width:145px}}@media (max-width:320px){:root{--wheel-size:230px;--circle-ring-size:25px}.circle-arrow{height:42px;right:-44px;width:130px}.title{font-size:10px;width:60px}.main{margin-top:20px}.wheel:after{height:40px;width:40px}.spin{font-size:13px;height:66px;position:absolute;right:34%;top:69%;width:140px}}
/*# sourceMappingURL=main.5baa2d32.css.map*/