body{margin:0;padding:0}.d20-3d{vertical-align:middle;transition:transform .25s;display:inline-block;position:relative}.d20-3d .d20-stage{width:100%;height:100%;position:relative}.d20-3d .d20-layer{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.d20-3d .d20-roll-label{pointer-events:none;color:var(--d20-col,currentColor);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute;inset:0}.d20-3d.rolling{animation:.18s linear infinite d20-shake}.d20-3d.rolling .d20-stage{transform-origin:50%;animation:.55s ease-in-out infinite d20-wobble}@keyframes d20-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-1px,1px)rotate(-3deg)}40%{transform:translate(1px,-1px)rotate(4deg)}60%{transform:translate(-1px,-1px)rotate(-2deg)}80%{transform:translate(1px,1px)rotate(3deg)}}@keyframes d20-wobble{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(120deg)scale(1.08)}50%{transform:rotate(200deg)scale(.95)}75%{transform:rotate(320deg)scale(1.08)}}.scroll-title{white-space:nowrap;overflow:hidden}.scroll-title .scroll-title-inner{text-overflow:ellipsis;white-space:nowrap;vertical-align:top;max-width:100%;display:inline-block;overflow:hidden}.scroll-title.scrolling .scroll-title-inner{text-overflow:clip;max-width:none;animation:5s ease-in-out infinite title-scroll;overflow:visible}@keyframes title-scroll{0%,15%{transform:translate(0)}55%,70%{transform:translateX(var(--scroll-amount,0))}90%,to{transform:translate(0)}}