.dice-loader{position:relative;width:200px;height:200px;flex:none;isolation:isolate;--dice-duration:2.8s;pointer-events:none}
.dice-loader__flight{position:absolute;left:40px;top:88px;width:120px;height:120px;animation:board-dice-toss var(--dice-duration) linear infinite;transform-origin:50% 50%;will-change:transform}
.dice-loader__image{display:block;width:100%;height:100%;object-fit:contain;user-select:none}
.dice-loader__shadow{position:absolute;left:63px;top:179px;width:74px;height:10px;background:#173f7317;border-radius:50%;filter:blur(2px);animation:board-dice-shadow var(--dice-duration) linear infinite}
@keyframes board-dice-toss{
0%,8%{transform:translate(-14px,0) rotate(-8deg) scale(1);animation-timing-function:cubic-bezier(.4,0,.7,.4)}
13%{transform:translate(-14px,3px) rotate(-16deg) scale(1.04,.96);animation-timing-function:cubic-bezier(.16,.65,.3,1)}
34%{transform:translate(3px,-76px) rotate(155deg) scale(1);animation-timing-function:cubic-bezier(.6,0,.85,.45)}
53%{transform:translate(17px,0) rotate(350deg) scale(1.06,.94);animation-timing-function:cubic-bezier(.15,.65,.3,1)}
63%{transform:translate(6px,-20px) rotate(370deg) scale(1);animation-timing-function:cubic-bezier(.6,0,.85,.45)}
72%{transform:translate(-5px,0) rotate(358deg) scale(1.02,.98);animation-timing-function:ease-out}
79%{transform:translate(-12px,-3px) rotate(350deg) scale(1)}
86%{transform:translate(-14px,0) rotate(352deg) scale(1)}
100%{transform:translate(-14px,0) rotate(352deg) scale(1)}
}
@keyframes board-dice-shadow{0%,13%{transform:translateX(-14px) scale(1);opacity:.8}34%{transform:translateX(3px) scale(.5);opacity:.3}53%{transform:translateX(17px) scale(1.15);opacity:1}63%{transform:translateX(6px) scale(.82);opacity:.55}72%,86%{transform:translateX(-14px) scale(1);opacity:.8}100%{transform:translateX(-14px) scale(1);opacity:.8}}
[data-paused="true"] .dice-loader *,.dice-loader[data-paused="true"] *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.dice-loader *{animation:none!important}.dice-loader__flight{transform:translateY(0) rotate(0)}}