*{margin:0;padding:0;box-sizing:border-box}.App{text-align:center}.title{margin-top:16px;font-size:16px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.answer{font-size:24px;font-family:Arial,Helvetica,sans-serif;font-weight:700;margin-bottom:32px}.wheelContainer{font-size:.75vw;overflow:hidden}:root{--wheel-font: "Lato", "Quicksand", sans-serif;--wheel-size: 2000px;--wheel-slice-spacing: 5px;--wheel-border-size: 5px;--wheel-color: #d38c12;--neutral-color: white;--PI: 3.14159265358979;--nb-item: 0;--item-nb: 0;--selected-item: 0;--nb-turn: 5;--spinning-duration: 10s;--reset-duration: .25s}div.row{display:block}.wheel-container{display:block;position:relative;box-sizing:content-box;width:125em;aspect-ratio:1;padding:.1875em;margin:auto;background-color:var(--neutral-color);border:solid var(--wheel-color) .1875em;border-radius:50%;-webkit-user-select:none;user-select:none}.wheel-container:before,.wheel-container:after{content:"";display:block;position:absolute;height:0;width:0;top:50%;transform:translateY(-50%);border:solid transparent 1.25em;border-left-width:0}.wheel-container:before{right:0;border-right-color:var(--wheel-color)}.wheel-container:after{right:-.3125em;border-right-color:var(--neutral-color)}.wheel{display:block;position:relative;box-sizing:content-box;margin:auto;width:124.375em;aspect-ratio:1;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(0);cursor:pointer}.wheel.spinning{transition:transform var(--spinning-duration);transform:rotate(calc(var(--nb-turn) * 360deg + (-360deg * var(--selected-item) / var(--nb-item, 1))))}.wheel:after{display:block;position:absolute;content:"";background-color:var(--neutral-color);width:1.5625em;height:1.5625em;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.wheel-item{display:block;position:absolute;box-sizing:border-box;top:50%;left:50%;width:50%;transform-origin:center left;transform:translateY(-50%) rotate(calc(var(--item-nb) * (360deg / var(--nb-item, 1))));color:var(--neutral-color);text-align:right;padding:0 1.5625em 0 3.125em;font-family:var(--wheel-font)}.wheel-item:before{content:" ";display:block;position:absolute;box-sizing:border-box;z-index:-1;width:0;height:0;top:50%;left:50%;transform:translate(-50%,-50%);padding-left:0;opacity:.25;--slice-max-width: 455.199081698725em;--slice-width: calc( (var(--slice-max-width) / var(--nb-item)) - .3125em );border:solid transparent calc(var(--slice-width) / 2);border-left:solid transparent 0;border-right:solid var(--neutral-color) 62.5em}