.icon-animating{will-change:transform;animation:1s linear infinite spin;transform:translateZ(0)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-png-icon{z-index:2;filter:drop-shadow(0 1px 1px #0000008c);object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;line-height:0;display:block;position:relative;transform:translateZ(0)}.action-png-icon__layer{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.action-png-icon--generate{isolation:isolate}.action-png-icon--generate .action-png-icon__layer--star{transform-origin:50%;transform:translateZ(0)rotate(0)scale(1)}.d6-button,.d20-button,.generate-button{--action-magic-primary:var(--theme-accent,#f8d77c);--action-magic-secondary:#fff}.d6-button{--action-magic-primary:var(--theme-color-d6,#f8d77c);--action-magic-secondary:#fff1a7}.d20-button{--action-magic-primary:var(--theme-color-d20,#a855f7);--action-magic-secondary:#f5d0fe}.generate-button{--action-magic-primary:var(--theme-border-gen,#22d3ee);--action-magic-secondary:#fef3c7}.action-button-locked:not(.action-button-magic-active):not(.action-button-magic-finish) .action-png-icon{opacity:.56;filter:grayscale(.12)saturate(.82)brightness(.86)drop-shadow(0 1px 1px #00000070);transition:opacity .18s ease-out,filter .18s ease-out}.action-button-magic-active .action-png-icon,.action-button-magic-finish .action-png-icon{opacity:1}.action-button-magic-overlay{z-index:1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .18s ease-out;position:absolute;inset:0;overflow:hidden}.action-button-magic-overlay:before,.action-button-magic-overlay:after{content:"";pointer-events:none;position:absolute}.action-button-magic-overlay:before{background:radial-gradient(circle, color-mix(in srgb, var(--action-magic-secondary), transparent 88%) 0 24%, color-mix(in srgb, var(--action-magic-primary), transparent 92%) 48%, transparent 68%), repeating-conic-gradient(from 0deg, transparent 0deg 18deg, color-mix(in srgb, var(--action-magic-secondary), transparent 86%) 28deg, color-mix(in srgb, var(--action-magic-primary), transparent 78%) 38deg, color-mix(in srgb, var(--action-magic-secondary), transparent 86%) 48deg, transparent 62deg 90deg);filter:blur(10px);opacity:.54;transform-origin:50%;inset:-42%;transform:translateZ(0)}.action-button-magic-overlay:after{background:radial-gradient(circle at 24% 26%, color-mix(in srgb, var(--action-magic-secondary), transparent 10%) 0 1.8px, transparent 3px), radial-gradient(circle at 74% 27%, color-mix(in srgb, var(--action-magic-primary), transparent 12%) 0 1.8px, transparent 3px), radial-gradient(circle at 76% 74%, color-mix(in srgb, var(--action-magic-secondary), transparent 16%) 0 1.5px, transparent 2.8px), radial-gradient(circle at 25% 73%, color-mix(in srgb, var(--action-magic-primary), transparent 16%) 0 1.5px, transparent 2.8px), radial-gradient(circle at 50% 17%, color-mix(in srgb, var(--action-magic-secondary), transparent 28%) 0 1.2px, transparent 2.4px), radial-gradient(circle at 51% 84%, color-mix(in srgb, var(--action-magic-primary), transparent 30%) 0 1.2px, transparent 2.4px);opacity:.58;border-radius:999px;inset:10%}.action-button-magic-active .action-button-magic-overlay{opacity:1}.action-button-magic-active .action-button-magic-overlay:before{animation:2.8s linear infinite action-button-magic-orbit}.action-button-magic-active .action-button-magic-overlay:after{animation:1.6s ease-in-out infinite action-button-magic-dust}.action-button-magic-spark{z-index:2;background:var(--action-magic-secondary);width:5px;height:5px;box-shadow:0 0 5px var(--action-magic-primary), 0 0 10px color-mix(in srgb, var(--action-magic-primary), transparent 30%);opacity:0;border-radius:1px;position:absolute;transform:translate(0,0)rotate(45deg)scale(.55)}.action-button-magic-spark--one{top:24%;left:27%}.action-button-magic-spark--two{top:25%;left:68%}.action-button-magic-spark--three{top:67%;left:58%}.action-button-magic-active .action-button-magic-spark--one{animation:.96s ease-in-out infinite action-button-magic-spark}.action-button-magic-active .action-button-magic-spark--two{animation:1.12s ease-in-out .17s infinite action-button-magic-spark}.action-button-magic-active .action-button-magic-spark--three{animation:1.04s ease-in-out .32s infinite action-button-magic-spark}.action-button-magic-finish .action-button-magic-overlay{transition:none;animation:.72s ease-out both action-button-magic-finish-overlay}.action-button-magic-finish .action-button-magic-overlay:before{background:radial-gradient(circle, transparent 0 35%, color-mix(in srgb, var(--action-magic-secondary), transparent 18%) 37% 40%, transparent 44%), radial-gradient(circle, color-mix(in srgb, var(--action-magic-primary), transparent 35%) 0 18%, transparent 44%);filter:blur();opacity:0;border-radius:999px;animation:.68s cubic-bezier(.16,1,.3,1) both action-button-magic-finish-ring;inset:8% 22%}.action-button-magic-finish .action-button-magic-overlay:after{opacity:0;animation:.68s cubic-bezier(.16,1,.3,1) both action-button-magic-finish-glints;inset:7% 13%}.action-button-magic-finish .action-button-magic-spark{animation:.68s cubic-bezier(.16,1,.3,1) both action-button-magic-finish-spark}.action-button-magic-finish .action-button-magic-spark--two{animation-delay:55ms}.action-button-magic-finish .action-button-magic-spark--three{animation-delay:.105s}@keyframes action-button-magic-orbit{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1)}}@keyframes action-button-magic-dust{0%,to{opacity:.5;transform:translateY(1px)scale(.94)}50%{opacity:.82;transform:translateY(-2px)scale(1.05)}}@keyframes action-button-magic-spark{0%,to{opacity:0;transform:translateY(5px)rotate(45deg)scale(.45)}42%{opacity:.92;transform:translateY(-3px)rotate(135deg)scale(1)}68%{opacity:.48;transform:translateY(-7px)rotate(180deg)scale(.72)}}@keyframes action-button-magic-finish-overlay{0%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes action-button-magic-finish-ring{0%{opacity:.92;transform:scale(.42)}72%{opacity:.52}to{opacity:0;transform:scale(1.55)}}@keyframes action-button-magic-finish-glints{0%{opacity:0;transform:scale(.75)}20%{opacity:1}to{opacity:0;transform:scale(1.22)}}@keyframes action-button-magic-finish-spark{0%{opacity:0;transform:translate(0,0)rotate(45deg)scale(.4)}24%{opacity:1}to{opacity:0;transform:translateY(-14px)rotate(225deg)scale(1.35)}}.action-png-icon--rolling{will-change:transform, filter;animation:.64s cubic-bezier(.32,0,.2,1) infinite action-png-roll-in-place}.action-png-icon--d20.action-png-icon--rolling{animation-duration:.72s}.action-png-icon--d6.action-png-icon--rolling{will-change:transform;animation:1.1s linear infinite action-png-d6-spin-like-generate}.action-png-icon--generate.action-png-icon--rolling{will-change:auto;animation:none}.action-png-icon--generate.action-png-icon--rolling .action-png-icon__layer--star{will-change:transform;animation:2.2s linear infinite action-png-generate-star-spin}@keyframes action-png-generate-star-spin{0%{transform:translate(0,0)rotate(0)scale(1)}50%{transform:translate(0,0)rotate(180deg)scale(1.04)}to{transform:translate(0,0)rotate(360deg)scale(1)}}@keyframes action-png-d6-spin-like-generate{0%{transform:translate(0,0)rotate(0)scale(1)}50%{transform:translate(0,0)rotate(180deg)scale(1.05)}to{transform:translate(0,0)rotate(360deg)scale(1)}}@keyframes action-png-roll-in-place{0%{filter:drop-shadow(0 1px 1px #0000008c);transform:translate(0,0)rotate(-4deg)scale(1)}28%{filter:drop-shadow(0 4px 5px #00000061);transform:translateY(-1px)rotate(5deg)scale(1.06)}58%{filter:drop-shadow(0 3px 4px #00000070);transform:translateY(1px)rotate(-6deg)scale(1.03)}to{filter:drop-shadow(0 1px 1px #0000008c);transform:translate(0,0)rotate(-4deg)scale(1)}}@media (prefers-reduced-motion:reduce){.action-png-icon--rolling,.action-png-icon--generate.action-png-icon--rolling .action-png-icon__layer--star,.action-button-magic-active .action-button-magic-overlay:before,.action-button-magic-active .action-button-magic-overlay:after,.action-button-magic-active .action-button-magic-spark,.action-button-magic-finish .action-button-magic-overlay:before,.action-button-magic-finish .action-button-magic-overlay:after,.action-button-magic-finish .action-button-magic-spark{animation:none!important}.action-button-magic-overlay{display:none}}