body,html{padding:0;margin:0}a{color:inherit;text-decoration:none}*{box-sizing:border-box}:root{--wheel-font:"Lato","Quicksand",sans-serif;--wheel-size:500px;--wheel-slice-spacing:24px;--wheel-border-size:5px;--wheel-color:#3ebd59;--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}@media only screen and (max-width:768px){:root{--wheel-font:"Lato","Quicksand",sans-serif;--wheel-size:86vw;--wheel-slice-spacing:24px;--wheel-border-size:5px;--wheel-color:#3ebd59;--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:calc(var(--wheel-size) + 2 * var(--wheel-border-size));height:calc(var(--wheel-size) + 2 * var(--wheel-border-size));padding:3px;margin:auto;background-color:var(--neutral-color);border:3px solid var(--wheel-color);border-radius:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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:var(--wheel-color)}.wheel-container:after{right:-5px;border-right-color:var(--neutral-color)}.wheel{display:block;position:relative;box-sizing:content-box;margin:auto;width:var(--wheel-size);height:var(--wheel-size);overflow:hidden;border-radius:50%;border:solid var(--wheel-color) var(--wheel-border-size);background-color:var(--wheel-color);transition:transform var(--reset-duration);transform:rotate(0deg);cursor:pointer}.wheel.spinning{transition:transform var(--spinning-duration);transform:rotate(calc(var(--nb-turn) * 1turn + (-1turn * var(--selected-item) / var(--nb-item, 1))))}.wheel:after{display:block;position:absolute;content:"";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(calc(var(--item-nb) * (1turn / var(--nb-item, 1))));color:var(--neutral-color);text-align:right;padding:0 25px 0 50px;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) * 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:solid var(--neutral-color) calc(var(--wheel-size) / 2)}.loader{--path:#2f3545;--dot:#5628ee;--duration:3s;width:44px;height:44px;position:relative}.loader:before{content:"";width:6px;height:6px;border-radius:50%;position:absolute;display:block;background:var(--dot);top:37px;left:19px;transform:translate(-18px,-18px);animation:dotRect var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader svg{display:block;width:100%;height:100%}.loader svg circle,.loader svg polygon,.loader svg rect{fill:none;stroke:var(--path);stroke-width:10px;stroke-linejoin:round;stroke-linecap:round}.loader svg polygon{stroke-dasharray:145 76 145 76;stroke-dashoffset:0;animation:pathTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader svg rect{stroke-dasharray:192 64 192 64;stroke-dashoffset:0;animation:pathRect 3s cubic-bezier(.785,.135,.15,.86) infinite}.loader svg circle{stroke-dasharray:150 50 150 50;stroke-dashoffset:75;animation:pathCircle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader.triangle{width:48px}.loader.triangle:before{left:21px;transform:translate(-10px,-18px);animation:dotTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}@keyframes pathTriangle{33%{stroke-dashoffset:74}66%{stroke-dashoffset:147}to{stroke-dashoffset:221}}@keyframes dotTriangle{33%{transform:translate(0)}66%{transform:translate(10px,-18px)}to{transform:translate(-10px,-18px)}}@keyframes pathRect{25%{stroke-dashoffset:64}50%{stroke-dashoffset:128}75%{stroke-dashoffset:192}to{stroke-dashoffset:256}}@keyframes dotRect{25%{transform:translate(0)}50%{transform:translate(18px,-18px)}75%{transform:translateY(-36px)}to{transform:translate(-18px,-18px)}}@keyframes pathCircle{25%{stroke-dashoffset:125}50%{stroke-dashoffset:175}75%{stroke-dashoffset:225}to{stroke-dashoffset:275}}.loader{display:inline-block;margin:0 16px}.history-btn{background:#fbca1f;padding:.6em 1.3em;font-family:none;font-weight:900;font-size:18px;border:3px solid #000;border-radius:.4em;box-shadow:.1em .1em}.history-btn:hover{transform:translate(-.05em,-.05em);box-shadow:.15em .15em}.history-btn:active{transform:translate(.05em,.05em);box-shadow:.05em .05em}.back-btn button{display:flex;height:3em;width:100px;align-items:center;justify-content:center;background-color:#eeeeee4b;border-radius:3px;letter-spacing:1px;transition:all .2s linear;cursor:pointer;border:none;background:#fff}.back-btn button>svg{margin-right:5px;margin-left:5px;font-size:20px;transition:all .4s ease-in}.back-btn button:hover>svg{font-size:1.2em;transform:translateX(-5px)}.back-btn button:hover{box-shadow:9px 9px 33px #d1d1d1,-9px -9px 33px #fff;transform:translateY(-2px)}