.turno-ball{--size:var(--s);width:var(--size);height:calc(var(--size)*.875);pointer-events:none;flex:none;display:block;position:relative}@media only screen and (min-width:1024px){.turno-ball{--size:var(--s-desktop)}}.turno-ball .turno-ball_x{position:absolute;inset:0}.turno-ball .turno-ball_x .turno-ball_x_shadow{left:50%;top:calc(var(--size)*.875);width:calc(var(--size)*.42);height:max(3px,var(--size)*.07);transform-origin:50%;border-radius:50%;position:absolute;translate:-50% -50%}.turno-ball .turno-ball_x .turno-ball_x_y{width:var(--size);height:var(--size);transform-origin:50% 87.5%;position:absolute;top:0;left:0}.turno-ball .turno-ball_x .turno-ball_x_y .turno-ball_x_y_r{transform-origin:50%;width:100%;height:100%;display:block;transform:rotate(-8deg)}.turno-ball .turno-ball_x .turno-ball_x_y .turno-ball_x_y_r svg{width:100%;height:100%;display:block}.turno-ball.turno-ball--light{color:var(--color-green-text)}.turno-ball.turno-ball--light .turno-ball_x_shadow{background:#0a1f1729}.turno-ball.turno-ball--light.turno-ball--error{color:var(--color-forest)}.turno-ball.turno-ball--dark{color:var(--color-green)}.turno-ball.turno-ball--dark .turno-ball_x_shadow{background:#0006}.turno-ball.turno-ball--dark.turno-ball--error{color:var(--color-cream)}.turno-ball.turno-ball--lost{--x0:-330px;--x1:41px;--r0:-1058deg;--r1:123deg}@media only screen and (min-width:1024px){.turno-ball.turno-ball--lost{--x0:-520px;--x1:71px;--r0:-1112deg;--r1:143deg}}.turno-ball.turno-ball--lost .turno-ball_x{animation:1.8s .2s both tp-ball-roll-x}.turno-ball.turno-ball--lost .turno-ball_x_y_r{animation:1.8s .2s both tp-ball-roll-r}.turno-ball.turno-ball--empty{margin-left:calc(var(--size)/-8);margin-bottom:16px}@media only screen and (min-width:1024px){.turno-ball.turno-ball--empty{margin-bottom:20px}}.turno-ball.turno-ball--empty .turno-ball_floor{left:calc(var(--size)/8);top:calc(var(--size)*.875);border-radius:999px;width:96px;height:2px;position:absolute}@media only screen and (min-width:1024px){.turno-ball.turno-ball--empty .turno-ball_floor{width:128px}}.turno-ball.turno-ball--empty.turno-ball--light .turno-ball_floor{background:#0a1f1729}.turno-ball.turno-ball--empty.turno-ball--dark .turno-ball_floor{background:#f4f3ee29}.turno-ball.turno-ball--empty .turno-ball_x_y{animation:.52s cubic-bezier(.2,.8,.3,1) .12s both tp-ball-settle}.turno-ball.turno-ball--empty .turno-ball_x_shadow{animation:.52s .12s both tp-ball-fade}.turno-ball.turno-ball--loading{--h:calc(var(--size) * .6)}.turno-ball.turno-ball--loading .turno-ball_x_y{animation:.9s infinite tp-ball-bounce}.turno-ball.turno-ball--loading .turno-ball_x_shadow{animation:.9s infinite tp-ball-bounce-sh}.turno-ball.turno-ball--confirmed{--h:8px}@media only screen and (min-width:1024px){.turno-ball.turno-ball--confirmed{--h:10px}}.turno-ball.turno-ball--confirmed .turno-ball_x_y{animation:.7s .3s both tp-ball-hop}.turno-ball.turno-ball--confirmed .turno-ball_x_shadow{animation:.7s .3s both tp-ball-hop-sh}.turno-ball-still .turno-ball.turno-ball--confirmed .turno-ball_x_y,.turno-ball-still .turno-ball.turno-ball--confirmed .turno-ball_x_shadow{animation:none}.turno-ball.turno-ball--error .turno-ball_x_y_r{transform:rotate(28deg)}@media (prefers-reduced-motion:reduce){.turno-ball .turno-ball_x,.turno-ball .turno-ball_x_y,.turno-ball .turno-ball_x_y_r,.turno-ball .turno-ball_x_shadow{animation:none!important}.turno-ball.turno-ball--lost .turno-ball_x{transform:translateX(var(--x1))}.turno-ball.turno-ball--lost .turno-ball_x_y_r{transform:rotate(var(--r1))}}@keyframes tp-ball-roll-x{0%{transform:translateX(var(--x0));opacity:0;animation-timing-function:cubic-bezier(.25,.6,.35,1)}8%{opacity:1}58%{transform:translateX(var(--x1));animation-timing-function:linear}68%{transform:translateX(var(--x1));animation-timing-function:cubic-bezier(.45,0,.3,1)}to{opacity:1;transform:translate(0)}}@keyframes tp-ball-roll-r{0%{transform:rotate(var(--r0));animation-timing-function:cubic-bezier(.25,.6,.35,1)}58%{transform:rotate(var(--r1));animation-timing-function:linear}68%{transform:rotate(var(--r1));animation-timing-function:cubic-bezier(.45,0,.3,1)}to{transform:rotate(-8deg)}}@keyframes tp-ball-hop{0%{animation-timing-function:cubic-bezier(.33,1,.68,1);transform:translateY(0)}38%{transform:translateY(calc(var(--h) * -1));animation-timing-function:cubic-bezier(.32,0,.67,0)}70%{animation-timing-function:cubic-bezier(.33,1,.68,1);transform:translateY(0)}84%{transform:translateY(calc(var(--h) * -.25));animation-timing-function:cubic-bezier(.32,0,.67,0)}to{transform:translateY(0)}}@keyframes tp-ball-hop-sh{0%,70%,to{opacity:1;transform:scale(1)}38%{opacity:.4;transform:scale(.55)}84%{opacity:.8;transform:scale(.85)}}@keyframes tp-ball-settle{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes tp-ball-fade{0%{opacity:0}to{opacity:1}}@keyframes tp-ball-bounce{0%,to{animation-timing-function:cubic-bezier(.33,1,.68,1);transform:translateY(0)scale(1.07,.93)}50%{transform:translateY(calc(var(--h) * -1)) scale(1, 1);animation-timing-function:cubic-bezier(.32,0,.67,0)}}@keyframes tp-ball-bounce-sh{0%,to{opacity:1;animation-timing-function:cubic-bezier(.33,1,.68,1);transform:scale(1)}50%{opacity:.45;animation-timing-function:cubic-bezier(.32,0,.67,0);transform:scale(.5)}}