.roulette-wrapper{position:relative;margin:0 auto;box-sizing:border-box;background-color:#fff;color:#0a0a0a}.roulette-body,.roulette-wheel{position:absolute;width:100%;height:100%}.roulette-wheel{transition:transform 5s cubic-bezier(.17,.67,.12,.99)}.roulette-section,.roulette-section-bg{position:absolute;width:100%;height:100%}.roulette-divider{position:absolute;background-color:#000;width:46%;height:1px;left:50%;top:50%;transform-origin:0 50%}.roulette-label{position:absolute;white-space:nowrap;text-align:center;z-index:10;transform:translate(-50%,-50%)}.roulette-label-content{display:flex;align-items:center;gap:4px;transform:rotate(90deg);transform-origin:center}.roulette-label-text{font-weight:700}.roulette-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid black;background-color:#fff;color:#0a0a0a}.roulette-button,.roulette-center-inner{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.roulette-button{flex-direction:column;color:#fff;font-weight:700;font-size:1.25rem;line-height:1.2;transition:background-color .3s,border-color .3s;background-color:#171717;color:#fafafa;border:8px solid #171717}.roulette-button:disabled{cursor:not-allowed}.roulette-outer-border{position:absolute;width:100%;height:100%;pointer-events:none}.roulette-border{border-radius:50%;border:1px solid black}.roulette-border,.roulette-border-thick{position:absolute;width:100%;height:100%}.roulette-border-thick{border-radius:50%;border:24px solid #a1a1a1}.roulette-dots{position:absolute;width:100%;height:100%;z-index:10;transition:transform 5s cubic-bezier(.17,.67,.12,.99)}.roulette-dot{position:absolute;width:12px;height:12px;border-radius:50%;border-width:2px;border-style:solid;transform:translate(-50%,-50%);background-color:#f5f5f5}.roulette-marker-container{position:absolute;top:-8px;left:50%;transform:translate(-50%);z-index:11}.roulette-marker-wrapper{position:relative;width:36px;height:36px}.roulette-marker{position:absolute;width:100%;height:100%;transform-origin:center}.roulette-marker-svg-container{position:absolute;left:50%;top:-52%;transform:translate(-50%)}.roulette-marker-svg{width:40px}@keyframes markerShake{0%{transform:rotate(0)}10%{transform:rotate(-85deg)}20%{transform:rotate(-30deg)}30%{transform:rotate(-75deg)}40%{transform:rotate(-30deg)}50%{transform:rotate(-65deg)}60%{transform:rotate(-25deg)}70%{transform:rotate(-55deg)}80%{transform:rotate(-15deg)}90%{transform:rotate(-20deg)}to{transform:rotate(0)}}