#roulette{display:block;position:fixed;width:400px;height:400px}#roulette .shadow{display:block;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;box-shadow:inset 0 .3em 0 rgba(0,0,0,.25)}#roulette .markers{display:block;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;overflow:hidden;border-radius:100%}#roulette .markers .marker{position:absolute;width:0;height:0;top:-200px;left:200px;transform-origin:0 400px;border:0 solid transparent}#roulette .markers .triangle{width:0;height:0;position:absolute;border-color:transparent transparent transparent #fff;border-style:solid;border-width:1em 0 1em 1em;top:50%;left:-1px;margin-top:-1em;filter:drop-shadow(0 .25em 0 rgba(0,0,0,.25))}#roulette #spinner{display:block;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;overflow:hidden;transform:rotate(0deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}#roulette #spinner .item{position:absolute;width:0;height:0;top:-200px;left:200px;transform-origin:0 400px;border:0 solid transparent}#roulette #spinner .item .label{display:block;position:absolute;color:#fff;font-weight:800;top:0;left:0;white-space:nowrap;transform-origin:0 0;font-size:.8em}#roulette #spinner .item .label .text,#roulette #spinner .item .label i{display:inline-block;vertical-align:middle;line-height:1;font-size:1em;text-indent:0}#roulette #spinner .item .label i{margin-right:.1em}#roulette #rotate{width:8em;height:8em;line-height:8em;top:50%;left:50%;margin-left:-4em;margin-top:-4em;font-weight:800;z-index:998;position:absolute;background:#fff;border:none;border-radius:100%;color:#000;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 .4em 0 rgba(0,0,0,.25);text-align:center;transition:transform .15s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}#roulette #rotate:hover{color:inherit}#roulette #rotate span{font-size:1.6em;letter-spacing:-.05em}#roulette.busy #rotate{transform:scale(.9);box-shadow:0 .15em 0 rgba(0,0,0,.25);color:#999;cursor:default}#roulette #spinner .item[data-type=quiz] .label{font-size:1.5em}#roulette #spinner .item[data-type=question] .label{font-size:1.3em;font-weight:600}#roulette #spinner .item[data-type=replay] .label .text{font-size:.6em;white-space:normal;width:1em;text-align:center;line-height:1.2}