.loader{width:60px;aspect-ratio:1;display:grid;border-radius:50%;background:linear-gradient(0deg,rgb(255 255 255/50%) 30%,#0000 0 70%,rgb(255 255 255/100%) 0) 50%/8% 100%,linear-gradient(90deg,rgb(255 255 255/25%) 30%,#0000 0 70%,rgb(255 255 255/75%) 0) 50%/100% 8%;background-repeat:no-repeat;animation:animationClip 1s infinite steps(12)}.loader:before,.loader:after{content:"";grid-area:1/1;border-radius:50%;background:inherit;opacity:.915;transform:rotate(30deg)}.loader:after{opacity:.83;transform:rotate(60deg)}@keyframes animationClip{to{transform:rotate(1turn)}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s ease-in-out;background-color:#fff9}@keyframes ripple{to{transform:scale(3);opacity:0}}.white-pulse{animation:pulseAnimation 1s infinite ease}@keyframes pulseAnimation{0%{box-shadow:0 0 #ffffff80}to{box-shadow:0 0 0 12px #fff0}}.yellow-pulse{animation:pulseAnimation2 1s infinite ease}@keyframes pulseAnimation2{0%{box-shadow:0 0 #facc15}to{box-shadow:0 0 0 12px #facc1500}}[data-roll-count-mod5="0"]{--spin: rotateX(2turn) rotateY(-1turn) rotateZ(3turn)}[data-roll-count-mod5="1"]{--spin: rotateX(2turn) rotateY(1turn) rotateZ(-2turn)}[data-roll-count-mod5="2"]{--spin: rotateX(-1turn) rotateY(2turn) rotateZ(-3turn)}[data-roll-count-mod5="3"]{--spin: rotateX(-3turn) rotateY(1turn) rotateZ(-1turn)}[data-roll-count-mod5="4"]{--spin: rotateX(-1turn) rotateY(-1turn) rotateZ(-2turn)}.die{transform:translateZ(-1.5rem)}.face-1{transform:rotateY(1turn) translateZ(1.5rem)}.face-2{transform:rotateY(.25turn) translateZ(1.5rem)}.face-3{transform:rotateX(.25turn) translateZ(1.5rem)}.face-4{transform:rotateX(-.25turn) translateZ(1.5rem)}.face-5{transform:rotateY(-.25turn) translateZ(1.5rem)}.face-6{transform:rotateY(.5turn) translateZ(1.5rem)}.die[data-result="1"]{transform:translateZ(-1.5rem) rotateY(1turn) var(--spin)}.die[data-result="2"]{transform:translateZ(-1.5rem) rotateY(-.25turn) var(--spin)}.die[data-result="3"]{transform:translateZ(-1.5rem) rotateX(-.25turn) var(--spin)}.die[data-result="4"]{transform:translateZ(-1.5rem) rotateX(.25turn) var(--spin)}.die[data-result="5"]{transform:translateZ(-1.5rem) rotateY(.25turn) var(--spin)}.die[data-result="6"]{transform:translateZ(-1.5rem) rotateY(-.5turn) var(--spin)}@media (min-width: 768px){.die{transform:translateZ(-2rem)}.face-1{transform:rotateY(1turn) 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(1turn) 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)}}