.gl-dice-scene{perspective:70px;filter:drop-shadow(0 1px 1.5px #00000040);flex-shrink:0;width:18px;height:18px;display:inline-block}.gl-dice-cube{width:18px;height:18px;transform-style:preserve-3d;will-change:transform;display:block;position:relative}.gl-dice-side{backface-visibility:hidden;background:linear-gradient(155deg,#fff 0%,#f8f4ec 50%,#ebe5d6 100%);border-radius:4px;display:block;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000024,inset 0 1px #ffffffd9,inset 0 -1px 1.5px #0000001a}.gl-dice-side svg{width:100%;height:100%;display:block}.gl-dice-side svg circle{fill:var(--primary-color);filter:drop-shadow(0 .4px .3px #00000073)}.gl-side-1{transform:translateZ(9px)}.gl-side-6{transform:rotateY(180deg)translateZ(9px)}.gl-side-3{transform:rotateY(90deg)translateZ(9px)}.gl-side-4{transform:rotateY(-90deg)translateZ(9px)}.gl-side-2{transform:rotateX(90deg)translateZ(9px)}.gl-side-5{transform:rotateX(-90deg)translateZ(9px)}@keyframes gl-cube-tumble{0%,5%{animation-timing-function:ease-in;transform:rotateX(0)rotateY(0)translateY(0)scale(1)}7%{animation-timing-function:cubic-bezier(.55,0,.3,1);transform:rotateX(4deg)rotateY(0)translateY(0)scaleY(1.03)scaleX(.98)}11%{animation-timing-function:cubic-bezier(.4,.2,.2,1);transform:rotateX(-55deg)rotateY(0)translateY(-2.5px)scaleY(.88)scaleX(1.06)}14%{animation-timing-function:cubic-bezier(.5,.5,.3,1);transform:rotateX(-97deg)rotateY(0)translateY(.5px)scaleY(1.06)scaleX(.94)}16%,21%{animation-timing-function:ease-in;transform:rotateX(-90deg)rotateY(0)translateY(0)scale(1)}23%{animation-timing-function:cubic-bezier(.55,0,.3,1);transform:rotateX(-90deg)rotateY(-4deg)translateY(0)scaleX(1.03)scaleY(.98)}27%{animation-timing-function:cubic-bezier(.4,.2,.2,1);transform:rotateX(-90deg)rotateY(55deg)translateY(-2.5px)scaleX(.88)scaleY(1.06)}30%{animation-timing-function:cubic-bezier(.5,.5,.3,1);transform:rotateX(-90deg)rotateY(97deg)translateY(.5px)scaleX(1.06)scaleY(.94)}32%,37%{animation-timing-function:ease-in;transform:rotateX(-90deg)rotateY(90deg)translateY(0)scale(1)}39%{animation-timing-function:cubic-bezier(.55,0,.3,1);transform:rotateX(-94deg)rotateY(90deg)translateY(0)scaleY(1.03)scaleX(.98)}43%{animation-timing-function:cubic-bezier(.4,.2,.2,1);transform:rotateX(-35deg)rotateY(90deg)translateY(-2.5px)scaleY(.88)scaleX(1.06)}46%{animation-timing-function:cubic-bezier(.5,.5,.3,1);transform:rotateX(7deg)rotateY(90deg)translateY(.5px)scaleY(1.06)scaleX(.94)}48%,53%{animation-timing-function:ease-in;transform:rotateX(0)rotateY(90deg)translateY(0)scale(1)}55%{animation-timing-function:cubic-bezier(.55,0,.3,1);transform:rotateX(0)rotateY(94deg)translateY(0)scaleX(1.03)scaleY(.98)}59%{animation-timing-function:cubic-bezier(.4,.2,.2,1);transform:rotateX(0)rotateY(35deg)translateY(-2.5px)scaleX(.88)scaleY(1.06)}62%{animation-timing-function:cubic-bezier(.5,.5,.3,1);transform:rotateX(0)rotateY(-7deg)translateY(.5px)scaleX(1.06)scaleY(.94)}64%,69%{animation-timing-function:ease-in;transform:rotateX(0)rotateY(0)translateY(0)scale(1)}71%{animation-timing-function:cubic-bezier(.55,0,.3,1);transform:rotateX(4deg)rotateY(0)translateY(0)scaleY(1.03)scaleX(.98)}75%{animation-timing-function:cubic-bezier(.4,.2,.2,1);transform:rotateX(-55deg)rotateY(0)translateY(-2.5px)scaleY(.88)scaleX(1.06)}78%{animation-timing-function:cubic-bezier(.5,.5,.3,1);transform:rotateX(-97deg)rotateY(0)translateY(.5px)scaleY(1.06)scaleX(.94)}80%,85%{animation-timing-function:ease-in;transform:rotateX(-90deg)rotateY(0)translateY(0)scale(1)}87%{animation-timing-function:cubic-bezier(.55,0,.3,1);transform:rotateX(-94deg)rotateY(0)translateY(0)scaleY(1.03)scaleX(.98)}91%{animation-timing-function:cubic-bezier(.4,.2,.2,1);transform:rotateX(-35deg)rotateY(0)translateY(-2.5px)scaleY(.88)scaleX(1.06)}94%{animation-timing-function:cubic-bezier(.5,.5,.3,1);transform:rotateX(7deg)rotateY(0)translateY(.5px)scaleY(1.06)scaleX(.94)}96%,to{transform:rotateX(0)rotateY(0)translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.gl-dice-cube{transform:rotateX(-15deg)rotateY(25deg)}}