.ui-anim-btn{--padding:4px;--radius:24px;--transition:.4s;--highlight-hue:var(--elemental-highlight-hue,354);--highlight:hsl(var(--highlight-hue),100%,70%);--highlight-50:hsla(var(--highlight-hue),100%,70%,.5);--highlight-30:hsla(var(--highlight-hue),100%,70%,.3);--highlight-20:hsla(var(--highlight-hue),100%,70%,.2);--highlight-80:hsla(var(--highlight-hue),100%,70%,.8);--ui-anim-svg-fill:#e8e8e8}.ui-anim-btn:not(.arcade):before{content:"";top:calc(0px - var(--padding));left:calc(0px - var(--padding));width:calc(100% + var(--padding)*2);height:calc(100% + var(--padding)*2);border-radius:calc(var(--radius) + var(--padding));pointer-events:none;z-index:-1;transition:box-shadow var(--transition),filter var(--transition);background-image:linear-gradient(#000a,#0004);position:absolute;box-shadow:inset 0 -8px 8px -6px #0000,inset 0 -16px 16px -8px #0000,1px 1px 1px #fff2,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.ui-anim-btn:not(.arcade):after{content:"";border-radius:inherit;pointer-events:none;background-image:linear-gradient(0deg,#fff,var(--highlight),var(--highlight-50),8%,transparent);opacity:0;transition:opacity var(--transition),filter var(--transition);background-position:0 0;position:absolute;inset:0}.ui-anim-btn.arcade{--radius:12px;box-shadow:0 6px 0 0 hsl(var(--elemental-arcade-block));transition:all .1s ease-in-out}.ui-anim-btn.arcade:active{box-shadow:none;transform:translateY(6px)}.ui-anim-btn.arcade:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(45deg,#0000 40%,#fff3 50%,#0000 60%) 0%/200% 200%;transition:background-position .5s;position:absolute;inset:0}.ui-anim-btn.arcade:hover:after{opacity:1;background-position:100%}.ui-anim-letter{color:#fff8;transition:color var(--transition),text-shadow var(--transition),opacity var(--transition);animation:2s ease-in-out infinite ui-letter-anim}.ui-anim-btn.arcade .ui-anim-letter{color:#ffffffe6}@keyframes ui-letter-anim{50%{text-shadow:0 0 3px #fff8;color:#fff}}.ui-anim-btn-svg{filter:drop-shadow(0 0 2px #fff9);animation:2s linear .5s infinite ui-flicker}@keyframes ui-flicker{50%{opacity:.3}}@keyframes ui-appear{0%{opacity:0}to{opacity:1}}.ui-anim-btn:focus .ui-anim-txt-1{animation:.3s ease-in-out 1s forwards ui-opacity-swap}.ui-anim-btn:focus .ui-anim-txt-2{animation:.3s ease-in-out 1s reverse forwards ui-opacity-swap}@keyframes ui-opacity-swap{0%{opacity:1}to{opacity:0}}.ui-anim-btn:focus .ui-anim-letter{animation:1s ease-in-out forwards ui-focused-letter,1.2s ease-in-out 1s infinite ui-letter-anim}@keyframes ui-focused-letter{0%,to{filter:blur();transform:scale(1)}50%{filter:blur(10px)brightness(150%)drop-shadow(-36px 12px 12px var(--highlight));transform:scale(2)}}.ui-anim-btn:focus .ui-anim-btn-svg{animation-duration:1.2s;animation-delay:.2s}.ui-anim-btn:not(.arcade):hover{border-color:hsla(var(--highlight-hue),100%,80%,.4)}.ui-anim-btn:not(.arcade):hover:before{box-shadow:0 -8px 8px -6px #fffa inset,0 -16px 16px -8px var(--highlight-30)inset,1px 1px 1px #fff2,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.ui-anim-btn:not(.arcade):hover:after{opacity:1;-webkit-mask-image:linear-gradient(#0000,#fff);mask-image:linear-gradient(#0000,#fff)}.ui-anim-btn:hover .ui-anim-btn-svg{fill:#fff;filter:drop-shadow(0 0 3px var(--highlight))drop-shadow(0 -4px 6px #0009);animation:none}.ui-anim-btn:not(.arcade):active{border-color:hsla(var(--highlight-hue),100%,80%,.7);background-color:hsla(var(--highlight-hue),50%,20%,.5)}.ui-anim-btn:not(.arcade):active:before{box-shadow:0 -8px 12px -6px #fffa inset,0 -16px 16px -8px var(--highlight-80)inset,1px 1px 1px #fff4,2px 2px 2px #fff2,-1px -1px 1px #0002,-2px -2px 2px #0001}.ui-anim-btn:not(.arcade):active:after{opacity:1;filter:brightness(200%);-webkit-mask-image:linear-gradient(#0000,#fff);mask-image:linear-gradient(#0000,#fff)}.ui-anim-btn:active .ui-anim-letter{text-shadow:0 0 1px hsla(var(--highlight-hue),100%,90%,.9);animation:none}.ui-anim-btn:disabled{opacity:.6;cursor:not-allowed}.ui-anim-txt-1 .ui-anim-letter:first-child,.ui-anim-txt-2 .ui-anim-letter:first-child{animation-delay:0s}.ui-anim-txt-1 .ui-anim-letter:nth-child(2),.ui-anim-txt-2 .ui-anim-letter:nth-child(2){animation-delay:80ms}.ui-anim-txt-1 .ui-anim-letter:nth-child(3),.ui-anim-txt-2 .ui-anim-letter:nth-child(3){animation-delay:.16s}.ui-anim-txt-1 .ui-anim-letter:nth-child(4),.ui-anim-txt-2 .ui-anim-letter:nth-child(4){animation-delay:.24s}.ui-anim-txt-1 .ui-anim-letter:nth-child(5),.ui-anim-txt-2 .ui-anim-letter:nth-child(5){animation-delay:.32s}.ui-anim-txt-1 .ui-anim-letter:nth-child(6),.ui-anim-txt-2 .ui-anim-letter:nth-child(6){animation-delay:.4s}.ui-anim-txt-1 .ui-anim-letter:nth-child(7),.ui-anim-txt-2 .ui-anim-letter:nth-child(7){animation-delay:.48s}.ui-anim-txt-1 .ui-anim-letter:nth-child(8),.ui-anim-txt-2 .ui-anim-letter:nth-child(8){animation-delay:.56s}.ui-anim-txt-1 .ui-anim-letter:nth-child(9),.ui-anim-txt-2 .ui-anim-letter:nth-child(9){animation-delay:.64s}.ui-anim-txt-1 .ui-anim-letter:nth-child(10),.ui-anim-txt-2 .ui-anim-letter:nth-child(10){animation-delay:.72s}