code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loader{aspect-ratio:1;background-color:#0000;background-image:linear-gradient(0deg,#ffffff80 30%,#0000 0 70%,#fff 0),linear-gradient(90deg,#ffffff40 30%,#0000 0 70%,#ffffffbf 0);background-position:50%,50%;background-repeat:no-repeat;background-size:8% 100%,100% 8%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:50%;width:60px;animation:1s steps(12,end) infinite animationClip;display:grid}.loader:before,.loader:after{content:"";background:inherit;opacity:.915;border-radius:50%;grid-area:1/1;transform:rotate(30deg)}.loader:after{opacity:.83;transform:rotate(60deg)}@keyframes animationClip{to{transform:rotate(1turn)}}span.ripple{background-color:#fff9;border-radius:50%;animation:.6s ease-in-out ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(3)}}.white-pulse{animation:1s infinite pulseAnimation}@keyframes pulseAnimation{0%{box-shadow:0 0 #ffffff80}to{box-shadow:0 0 0 12px #fff0}}.yellow-pulse{animation:1s infinite pulseAnimation2}@keyframes pulseAnimation2{0%{box-shadow:0 0 #facc15}to{box-shadow:0 0 0 12px #facc1500}}[data-roll-count-mod5="0"]>:first-child{--spin:rotateX(0turn) rotateY(0turn) rotateZ(0turn)}[data-roll-count-mod5="1"]>:first-child{--spin:rotateX(2turn) rotateY(1turn) rotateZ(-2turn)}[data-roll-count-mod5="2"]>:first-child{--spin:rotateX(-1turn) rotateY(2turn) rotateZ(-3turn)}[data-roll-count-mod5="3"]>:first-child{--spin:rotateX(-3turn) rotateY(1turn) rotateZ(-1turn)}[data-roll-count-mod5="4"]>:first-child{--spin:rotateX(-1turn) rotateY(-1turn) rotateZ(-2turn)}[data-roll-count-mod5="0"]>:nth-child(2){--spin:rotateX(0turn) rotateY(0turn) rotateZ(0turn)}[data-roll-count-mod5="1"]>:nth-child(2){--spin:rotateX(-2turn) rotateY(2turn) rotateZ(-1turn)}[data-roll-count-mod5="2"]>:nth-child(2){--spin:rotateX(0turn) rotateY(3turn) rotateZ(0turn)}[data-roll-count-mod5="3"]>:nth-child(2){--spin:rotateX(2turn) rotateY(2turn) rotateZ(1turn)}[data-roll-count-mod5="4"]>:nth-child(2){--spin:rotateX(-1turn) rotateY(1turn) rotateZ(2turn)}.die{transform:translateZ(-.75rem)}.face-1{transform:rotateY(0)translateZ(.75rem)}.face-2{transform:rotateY(.25turn)translateZ(.75rem)}.face-3{transform:rotateX(.25turn)translateZ(.75rem)}.face-4{transform:rotateX(-.25turn)translateZ(.75rem)}.face-5{transform:rotateY(-.25turn)translateZ(.75rem)}.face-6{transform:rotateY(.5turn)translateZ(.75rem)}.die[data-result="1"]{transform:translateZ(-.75rem) rotateY(0turn) var(--spin)}.die[data-result="2"]{transform:translateZ(-.75rem) rotateY(-.25turn) var(--spin)}.die[data-result="3"]{transform:translateZ(-.75rem) rotateX(-.25turn) var(--spin)}.die[data-result="4"]{transform:translateZ(-.75rem) rotateX(.25turn) var(--spin)}.die[data-result="5"]{transform:translateZ(-.75rem) rotateY(.25turn) var(--spin)}.die[data-result="6"]{transform:translateZ(-.75rem) rotateY(-.5turn) var(--spin)}@media (width>=768px){.die{transform:translateZ(-2rem)}.face-1{transform:rotateY(0)translateZ(2rem)}.face-2{transform:rotateY(.25turn)translateZ(2rem)}.face-3{transform:rotateX(.25turn)translateZ(2rem)}.face-4{transform:rotateX(-.25turn)translateZ(2rem)}.face-5{transform:rotateY(-.25turn)translateZ(2rem)}.face-6{transform:rotateY(.5turn)translateZ(2rem)}.die[data-result="1"]{transform:translateZ(-2rem) rotateY(0turn) var(--spin)}.die[data-result="2"]{transform:translateZ(-2rem) rotateY(-.25turn) var(--spin)}.die[data-result="3"]{transform:translateZ(-2rem) rotateX(-.25turn) var(--spin)}.die[data-result="4"]{transform:translateZ(-2rem) rotateX(.25turn) var(--spin)}.die[data-result="5"]{transform:translateZ(-2rem) rotateY(.25turn) var(--spin)}.die[data-result="6"]{transform:translateZ(-2rem) rotateY(-.5turn) var(--spin)}}