.button.mana-button{--mana-surface-ready: 1;position:relative;isolation:isolate;overflow:hidden;color:#f0fff4;border-color:#94eeb773;background:linear-gradient(165deg,#173d2de8,#0a241be8 52%,#153b29e8);box-shadow:inset 0 0 0 1px #a1efbc73,inset 0 1px #e3ffec7a,inset 0 -2px 3px #011b12ba,0 3px 8px #06190e20;text-decoration:none;transition:box-shadow .18s ease,color .18s ease}.button.mana-button:is(:hover,:focus-visible){color:#f0fff4;background:linear-gradient(165deg,#173d2de8,#0a241be8 52%,#153b29e8);box-shadow:inset 0 0 0 1px #bcffd495,inset 0 1px #eefff6a6,inset 0 -2px 3px #011b12ba,0 4px 12px #06261628}.mana-label,.mana-die{position:relative;z-index:3}.mana-label{display:inline-flex;align-items:center;gap:inherit;text-shadow:0 1px 3px #021c15b3}.mana-die{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.button.mana-button .die-icon{color:#a0f8bc;--die-color: #a0f8bc;transform-origin:50% 50%}.mana-liquid,.mana-glass,.mana-canvas{position:absolute;pointer-events:none;border-radius:inherit}.mana-liquid{z-index:0;inset:3px;background:linear-gradient(180deg,#5cffa66b,#157441de 8%,#075231 48%,#042d1d);transform:translateY(110%);opacity:0;transition:transform .32s cubic-bezier(.2,.7,.3,1),opacity .28s ease}.mana-liquid:before{content:"";position:absolute;inset:-2px 0 auto;height:5px;border-radius:50%;background:#9dffc6b0;box-shadow:0 2px 6px #36e68852}.mana-button:not([data-mana-bound]):is(:hover,:focus-visible):not(:disabled):not([aria-disabled=true]) .mana-liquid,.mana-button[data-mana-active=true] .mana-liquid{transform:translateY(0);opacity:1;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .16s ease}.mana-canvas{z-index:1;inset:0;width:100%;height:100%;display:block}.mana-button[data-mana-gpu=true] .mana-liquid{opacity:0;transition:none}.mana-glass{z-index:2;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #daffe633,inset 3px 0 5px #b1ffd319,inset -3px 0 5px #a1ffc919}.mana-glass:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(112deg,transparent 0 13%,#eafff316 13.5% 17%,transparent 17.5% 22%,#eafff309 22.5% 27%,transparent 27.5% 100%),linear-gradient(180deg,#eafff313,transparent 34% 75%,#b6ffdb0f)}.mana-glass:after{content:"";position:absolute;inset:auto 8px 3px;height:2px;background:linear-gradient(90deg,transparent,#9dffc659 20%,#d2ffe57a 70%,transparent);border-radius:100%}.mana-die:before{content:"";position:absolute;inset:-9px;background:radial-gradient(ellipse,#5cffac32,transparent 70%);opacity:0;transform:scale(.7);transition:opacity .18s ease,transform .45s ease}.mana-button[data-mana-active=true] .mana-die:before,.mana-button:not([data-mana-bound]):is(:hover,:focus-visible):not(:disabled) .mana-die:before{opacity:1;transform:scale(1)}.mana-button:not([data-mana-bound]):is(:hover,:focus-visible):not(:disabled) .die-icon{animation:mana-charge-spin .65s cubic-bezier(.16,1,.3,1)}@keyframes mana-charge-spin{0%{transform:rotate(0) scale(1)}24%{transform:rotate(430deg) scale(1.12)}73%{transform:rotate(1020deg) scale(1.04)}to{transform:rotate(1080deg) scale(1)}}.button.mana-button:focus-visible{outline:2px solid #c8ffdb;outline-offset:3px;box-shadow:inset 0 0 0 1px #bcffd495,inset 0 1px #eefff6a6,inset 0 -2px 3px #011b12ba,0 0 0 6px #063b25}.button.mana-button:disabled,.button.mana-button[aria-disabled=true]{opacity:.62;cursor:default}.mana-button:disabled .mana-liquid,.mana-button[aria-disabled=true] .mana-liquid{transform:translateY(110%);opacity:0}@media (prefers-reduced-motion: reduce){.button.mana-button,.mana-liquid,.mana-die:before{transition:none}.mana-button .die-icon{animation:none!important;transform:none!important}}@media (forced-colors: active){.button.mana-button,.button.mana-button:is(:hover,:focus-visible){background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none}.button.mana-button .die-icon{color:ButtonText}.mana-liquid,.mana-glass,.mana-canvas,.mana-die:before{display:none}.button.mana-button:focus-visible{outline-color:Highlight}}