.ui-anim-btn{--padding: 4px;--radius: 24px;--transition: .4s;--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;--background: 2 6 23;--foreground: 248 250 252}.ui-anim-btn:before{content:"";position:absolute;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;background-image:linear-gradient(0deg,#0004,#000a);z-index:-1;transition:box-shadow var(--transition),filter var(--transition);box-shadow:0 -8px 8px -6px #0000 inset,0 -16px 16px -8px #0000 inset,1px 1px 1px #fff2,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.ui-anim-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-image:linear-gradient(0deg,#fff,var(--highlight),var(--highlight-50),8%,transparent);background-position:0 0;opacity:0;transition:opacity var(--transition),filter var(--transition)}.ui-anim-letter{color:#fff8;animation:ui-letter-anim 2s ease-in-out infinite;transition:color var(--transition),text-shadow var(--transition),opacity var(--transition)}@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:ui-flicker 2s linear infinite;animation-delay:.5s}@keyframes ui-flicker{50%{opacity:.3}}@keyframes ui-appear{0%{opacity:0}to{opacity:1}}.ui-anim-btn:focus .ui-anim-txt-1{animation:ui-opacity-swap .3s ease-in-out forwards;animation-delay:1s}.ui-anim-btn:focus .ui-anim-txt-2{animation:ui-opacity-swap .3s ease-in-out reverse forwards;animation-delay:1s}@keyframes ui-opacity-swap{0%{opacity:1}to{opacity:0}}.ui-anim-btn:focus .ui-anim-letter{animation:ui-focused-letter 1s ease-in-out forwards,ui-letter-anim 1.2s ease-in-out infinite;animation-delay:0s,1s}@keyframes ui-focused-letter{0%,to{filter:blur(0px);transform:scale(1)}50%{transform:scale(2);filter:blur(10px) brightness(150%) drop-shadow(-36px 12px 12px var(--highlight))}}.ui-anim-btn:focus .ui-anim-btn-svg{animation-duration:1.2s;animation-delay:.2s}.ui-anim-btn:focus:before{box-shadow:0 -8px 12px -6px #fff3 inset,0 -16px 16px -8px var(--highlight-20) inset,1px 1px 1px #fff3,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.ui-anim-btn:focus:after{opacity:.6;-webkit-mask-image:linear-gradient(0deg,#fff,transparent);mask-image:linear-gradient(0deg,#fff,transparent);filter:brightness(100%)}.ui-anim-btn:hover{border-color:hsla(var(--highlight-hue),100%,80%,.4)}.ui-anim-btn: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:hover:after{opacity:1;-webkit-mask-image:linear-gradient(0deg,#fff,transparent);mask-image:linear-gradient(0deg,#fff,transparent)}.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:active{border-color:hsla(var(--highlight-hue),100%,80%,.7);background-color:hsla(var(--highlight-hue),50%,20%,.5)}.ui-anim-btn: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:active:after{opacity:1;-webkit-mask-image:linear-gradient(0deg,#fff,transparent);mask-image:linear-gradient(0deg,#fff,transparent);filter:brightness(200%)}.ui-anim-btn:active .ui-anim-letter{text-shadow:0 0 1px hsla(var(--highlight-hue),100%,90%,.9);animation:none}.ui-anim-txt-1 .ui-anim-letter:nth-child(1),.ui-anim-txt-2 .ui-anim-letter:nth-child(1){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:.08s}.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}.ui-anim-txt-1 .ui-anim-letter:nth-child(11),.ui-anim-txt-2 .ui-anim-letter:nth-child(11){animation-delay:.8s}.ui-anim-txt-1 .ui-anim-letter:nth-child(12),.ui-anim-txt-2 .ui-anim-letter:nth-child(12){animation-delay:.88s}.ui-anim-txt-1 .ui-anim-letter:nth-child(13),.ui-anim-txt-2 .ui-anim-letter:nth-child(13){animation-delay:.96s}.ui-anim-txt-1 .ui-anim-letter:nth-child(14),.ui-anim-txt-2 .ui-anim-letter:nth-child(14){animation-delay:1.04s}.ui-anim-txt-1 .ui-anim-letter:nth-child(15),.ui-anim-txt-2 .ui-anim-letter:nth-child(15){animation-delay:1.12s}.ui-anim-btn:disabled{opacity:.6;cursor:not-allowed}