.spinner{background:conic-gradient(#fff0 0%,#fff 5%,#ffffffe6 15%,#fffc 25%,#ffffffb3 35%,#fff9 45%,#ffffff80 55%,#fff6 65%,#ffffff4d 75%,#fff3 85%,#ffffff1a 95%,#fff0 100%);border-radius:50%;width:60px;height:60px;animation:1.3s linear infinite spin;-webkit-mask:radial-gradient(#0000 18px,#000 19px 40px,#0000 41px);mask:radial-gradient(#0000 18px,#000 19px 40px,#0000 41px)}.spinner-dark{background:conic-gradient(#0000 0%,#000 5%,#000000e6 15%,#000c 25%,#000000b3 35%,#0009 45%,#00000080 55%,#0006 65%,#0000004d 75%,#0003 85%,#0000001a 95%,#0000 100%)}.spinner-small{width:15px!important;height:15px!important;-webkit-mask:radial-gradient(#0000 4px,#000 5px 10px,#0000 11px)!important;mask:radial-gradient(#0000 4px,#000 5px 10px,#0000 11px)!important}@keyframes spin{to{transform:rotate(-360deg)}}
.btn{white-space:nowrap;border-radius:var(--card-radius);height:52px;transition:all .2s var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-family:var(--font-findsans);outline-offset:-1px;word-wrap:break-word;cursor:pointer;will-change:opacity,transform;color:var(--white-color);outline:1px solid #0000;justify-content:center;align-items:center;gap:12px;padding:16px;font-weight:400;text-decoration:none;display:flex}.btn:active{transform:scale(.95)translateZ(0)}.btn .button-text{transition:all .2s var(--transition-fast);line-height:9px}.btn i{color:var(--white-color);font-size:20px}.btn.fill{align-self:stretch;width:100%}.btn.small-ghost{justify-content:flex-start;height:10px;padding:0}.btn.disabled{pointer-events:none;opacity:.35;filter:grayscale(.6)}.btn.secondary{background:var(--black-color);outline:1px var(--outline-color) solid}.btn.secondary.selected{background:var(--element-bg)}.btn.secondary:hover{background:var(--element-bg-hover)}.btn.red{background:var(--warn-color);color:var(--black-color)}.btn.strong-red{background:var(--red-color);color:var(--white-color)}.btn.default{background:var(--element-bg);outline:1px var(--outline-color) solid}.btn.default:hover{background:var(--element-bg-hover)}.btn.white{background:var(--white-color);color:var(--black-color)}.btn.white:hover{opacity:.8}.btn.black{background:var(--black-color);outline:1px var(--outline-color) solid}.btn.black:hover{opacity:.8}.btn.dark{background:var(--black-color)}.btn.dark:hover{opacity:.8}.btn.small{height:48px}.btn.primary{background:var(--green-color)}.btn.primary .button-text{color:var(--black-color)}.btn.primary:hover{opacity:.8}.btn.snake{background:var(--black-color);color:var(--white-color);border-radius:var(--card-radius);z-index:0;outline:1px var(--outline-color) solid;outline-offset:-1px;transition:transform .2s;position:relative;overflow:hidden}.btn.snake:after{content:"";background:var(--black-color);border-radius:inherit;z-index:-1;position:absolute;inset:2px}.btn.snake:before{content:"";aspect-ratio:1;z-index:-2;filter:blur(2px);background:conic-gradient(#0000 0% 40%,#a2e6351a 60%,#a2e63599 85%,#a2e635 100%);width:250%;animation:3s linear infinite snakeRotateSmooth;position:absolute;top:50%;left:50%}.btn.snake:hover:before{filter:blur(4px)}.btn.snake:active{transform:scale(.96)}@keyframes snakeRotateSmooth{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.btn img{width:20px!important;height:20px!important}