.btn{font-family:Manrope,sans-serif;line-height:1.5;transition-duration:.3s;--btn-size-s:24px;--btn-size-m:32px;--btn-size-l:40px}.btn>span{align-items:center;display:inline-flex}.btn:not([class*=rounded]){border-radius:.5em}.btn:not(.btn-custom):not(.btn-link){border-style:solid;border-width:1px}.btn:not(.btn-link){display:inline-flex}.btn-ai,.btn-default,.btn-outline,.btn-solid{justify-content:center}.btn-link{align-items:flex-start;display:initial;text-align:left}.btn.icon-left,.btn.icon-only,.btn.icon-right{justify-content:center}.btn.icon-left i{margin-right:.5em}.btn.icon-left span{text-align:left}.btn.icon-right{flex-direction:row-reverse}.btn.icon-right i{margin-left:.5em}.btn.icon-right span{text-align:right}.btn.disabled,.btn:disabled{cursor:not-allowed}.btn.disabled:not(.btn-link),.btn:disabled:not(.btn-link){opacity:.2}.btn .spinner{margin-right:.25rem}.btn-default:not(.disabled):not(:disabled){background-color:transparent;border-color:transparent;color:var(--btn-color)}.btn-default:not(.disabled):not(:disabled):hover{background-color:color-mix(in srgb,var(--btn-color) 7%,transparent);border-color:color-mix(in srgb,var(--btn-color) 20%,transparent)}.btn-solid:not(.disabled):not(:disabled){background-color:var(--btn-color);border-color:transparent;color:rgb(var(--colors-white)/1)}.btn-solid:not(.disabled):not(:disabled):hover{background-color:color-mix(in srgb,var(--btn-color),#000 20%);border-color:transparent}.btn-outline:not(.disabled):not(:disabled){background-color:transparent;border-color:var(--btn-color);color:var(--btn-color)}.btn-outline:not(.disabled):not(:disabled):hover{background-color:color-mix(in srgb,var(--btn-color) 7%,transparent);border-color:var(--btn-color);color:var(--btn-color)}.btn-link:not(.disabled):not(:disabled){border:none;color:var(--btn-color);text-align:left}.btn-link:not(.disabled):not(:disabled):hover:not(.el-breadcrumb__item):not(.icon-only){color:color-mix(in srgb,var(--btn-color),#000 30%);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.btn-ai:not(.disabled):not(:disabled){--ai-c1:transparent;--ai-c2:#ff8c00;--ai-c3:#8a2be2;--ai-c4:#3574f2;border:1px solid transparent;border:1px solid var(--ai-c1);border-radius:999px;color:var(--text-color-app)}.btn-ai:not(.disabled):not(:disabled):hover{background-color:color-mix(in srgb,var(--ai-c4) 12%,transparent)}.btn-ai:not(.disabled):not(:disabled).animated{animation:ai-color 6s linear infinite}.btn-ai:not(.disabled):not(:disabled).disabled,.btn-ai:not(.disabled):not(:disabled):disabled{border-radius:999px}.btn-custom{--btn-color:rgb(var(--colors-black)/1)}.btn-custom:hover{background-color:color-mix(in srgb,var(--btn-color) 7%,transparent)}.btn-custom--avatar{background-color:var(--bg-app-light);border:1px solid rgba(0,0,0,.15);margin-bottom:.5rem}.btn-custom--avatar .avatar-name{align-items:center}.btn-custom--avatar i.icon{border-radius:999px;display:block;height:1.25em;line-height:1;margin-left:.75em;padding:2px;width:1.25em}.btn-custom--avatar i.icon:hover{background-color:var(--bg-app-light)}@keyframes ai-color{0%{border-color:var(--ai-c1)}15%{border-color:var(--ai-c2)}30%{border-color:var(--ai-c1)}50%{border-color:var(--ai-c3)}70%{border-color:var(--ai-c1)}85%{border-color:var(--ai-c4)}to{border-color:var(--ai-c1)}}.btn-primary{--btn-color:rgb(var(--colors-color-primary)/1)}.btn-secondary{--btn-color:rgb(var(--colors-color-secondary)/1)}.btn-danger{--btn-color:rgb(var(--colors-color-danger)/1)}.btn-s{font-size:.875em}.btn-s:not(.btn-link){line-height:calc(var(--btn-size-s) - 2px);min-height:calc(var(--btn-size-s) - 2px);padding:0 .5rem}.btn-s:not(.btn-link).icon-only{height:var(--btn-size-s);line-height:calc(var(--btn-size-s) - 2px);padding:0;width:var(--btn-size-s)}.btn-m{font-size:1em}.btn-m:not(.btn-link){line-height:calc(var(--btn-size-m) - 2px);min-height:calc(var(--btn-size-m) - 2px);padding:0 .75rem}.btn-m:not(.btn-link).icon-only{height:var(--btn-size-m);line-height:calc(var(--btn-size-m) - 2px);padding:0;width:var(--btn-size-m)}.btn-l{font-size:1.125em}.btn-l:not(.btn-link){line-height:calc(var(--btn-size-l) - 2px);min-height:calc(var(--btn-size-l) - 2px);padding:0 1.25rem}.btn-l:not(.btn-link).icon-only{font-size:1.25rem;height:var(--btn-size-l);line-height:1.75rem;line-height:calc(var(--btn-size-l) - 2px);padding:0;width:var(--btn-size-l)}.icon-only{display:inline-block;margin:0;padding:0;text-align:center}.icon-right{flex-direction:row-reverse}.btn:has(.spinner){align-items:center}.btn-link:has(.spinner){display:inline-flex}.spinner{height:1rem;width:1rem}