.base-button{--base-button-font-weight:600;--base-button-border-radius:10px;--base-button-type-color:var(--color-primary-dark);--base-button-type-foreground:#fff;--base-button-border-color:var(--color-border);--base-button-bg-color:var(--color-card);--base-button-text-color:var(--color-foreground);--base-button-hover-text-color:var(--color-primary-dark);--base-button-hover-bg-color:color-mix(in srgb, var(--color-primary-light) 40%, white);--base-button-hover-border-color:color-mix(in srgb, var(--color-primary-dark) 34%, var(--color-border));--base-button-active-text-color:var(--color-primary-dark);--base-button-active-bg-color:color-mix(in srgb, var(--color-primary-light) 62%, white);--base-button-active-border-color:color-mix(in srgb, var(--color-primary-dark) 48%, var(--color-border));--base-button-outline-color:color-mix(in srgb, var(--color-primary-light) 74%, white);--base-button-plain-bg-color:color-mix(in srgb, var(--base-button-type-color) 10%, white);--base-button-plain-border-color:color-mix(in srgb, var(--base-button-type-color) 38%, white);--base-button-plain-text-color:var(--base-button-type-color);--base-button-disabled-bg-color:var(--color-muted);--base-button-disabled-text-color:var(--color-muted-foreground);--base-button-disabled-border-color:var(--color-border);box-sizing:border-box;border:1px solid var(--base-button-border-color);border-radius:var(--base-button-border-radius);appearance:none;background-color:var(--base-button-bg-color);min-width:0;height:40px;color:var(--base-button-text-color);cursor:pointer;font-size:14px;font-weight:var(--base-button-font-weight);text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;outline:none;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 15px;line-height:1;text-decoration:none;transition:color .12s,border-color .12s,background-color .12s,box-shadow .16s;display:inline-flex;position:relative}.base-button:hover{border-color:var(--base-button-hover-border-color);background-color:var(--base-button-hover-bg-color);color:var(--base-button-hover-text-color)}.base-button:active{border-color:var(--base-button-active-border-color);background-color:var(--base-button-active-bg-color);color:var(--base-button-active-text-color)}.base-button:focus-visible{outline:2px solid var(--base-button-outline-color);outline-offset:1px}.base-button+.base-button{margin-left:12px}.base-button--large{border-radius:12px;gap:8px;height:44px;padding:0 19px;font-size:14px}.base-button--small{border-radius:8px;gap:4px;height:32px;padding:0 11px;font-size:12px}.base-button--primary,.base-button--success,.base-button--warning,.base-button--danger,.base-button--info,.base-button.is-custom-color{--base-button-border-color:var(--base-button-type-color);--base-button-bg-color:var(--base-button-type-color);--base-button-text-color:var(--base-button-type-foreground);--base-button-hover-text-color:var(--base-button-type-foreground);--base-button-hover-bg-color:color-mix(in srgb, var(--base-button-type-color) 88%, white);--base-button-hover-border-color:color-mix(in srgb, var(--base-button-type-color) 88%, white);--base-button-active-text-color:var(--base-button-type-foreground);--base-button-active-bg-color:color-mix(in srgb, var(--base-button-type-color) 82%, black);--base-button-active-border-color:color-mix(in srgb, var(--base-button-type-color) 82%, black)}.base-button--primary{--base-button-type-color:var(--color-primary-dark);--base-button-type-foreground:#fff}.base-button--success{--base-button-type-color:var(--color-success);--base-button-type-foreground:var(--color-success-foreground)}.base-button--warning{--base-button-type-color:color-mix(in srgb, var(--color-warning) 94%, var(--color-foreground));--base-button-type-foreground:#fff}.base-button--danger{--base-button-type-color:var(--color-danger);--base-button-type-foreground:var(--color-danger-foreground)}.base-button--info{--base-button-type-color:color-mix(in srgb, var(--color-info-foreground) 72%, var(--color-foreground));--base-button-type-foreground:#fff}.base-button.is-custom-color{--base-button-type-color:var(--base-button-color);--base-button-type-foreground:#fff}.base-button.is-plain{--base-button-border-color:var(--base-button-plain-border-color);--base-button-bg-color:var(--base-button-plain-bg-color);--base-button-text-color:var(--base-button-plain-text-color);--base-button-hover-bg-color:var(--base-button-type-color);--base-button-hover-border-color:var(--base-button-type-color);--base-button-hover-text-color:var(--base-button-type-foreground);--base-button-active-bg-color:color-mix(in srgb, var(--base-button-type-color) 82%, black);--base-button-active-border-color:color-mix(in srgb, var(--base-button-type-color) 82%, black);--base-button-active-text-color:var(--base-button-type-foreground)}.base-button--default.is-plain{--base-button-border-color:var(--color-border);--base-button-bg-color:var(--color-card);--base-button-text-color:var(--color-foreground);--base-button-hover-bg-color:color-mix(in srgb, var(--color-primary-light) 72%, white);--base-button-hover-border-color:var(--color-primary-dark);--base-button-hover-text-color:var(--color-primary-dark)}.base-button.is-plain.is-custom-color{--base-button-bg-color:var(--base-button-plain-bg-color);--base-button-border-color:var(--base-button-plain-border-color);--base-button-text-color:var(--base-button-plain-text-color)}.base-button.is-text,.base-button.is-link,.base-button--text{color:var(--base-button-type-color);background-color:#0000;border-color:#0000}.base-button.is-text{padding:0 10px}.base-button.is-link{border-radius:4px;height:auto;padding:2px}.base-button.is-text:hover,.base-button.is-link:hover{color:color-mix(in srgb, var(--base-button-type-color) 82%, black);background-color:#0000;border-color:#0000}.base-button.is-text.is-has-bg{background-color:var(--color-muted)}.base-button.is-text.is-has-bg:hover{background-color:color-mix(in srgb, var(--base-button-type-color) 10%, var(--color-muted))}.base-button.is-round{border-radius:999px}.base-button.is-circle{border-radius:50%;width:40px;padding:0}.base-button--large.is-circle{width:44px}.base-button--small.is-circle{width:32px}.base-button.is-dashed{border-style:dashed}.base-button.is-block{width:100%}.base-button.is-disabled,.base-button.is-loading{cursor:not-allowed}.base-button.is-disabled,.base-button.is-disabled:hover,.base-button.is-disabled:focus,.base-button.is-disabled:active{border-color:var(--base-button-disabled-border-color);background-color:var(--base-button-disabled-bg-color);color:var(--base-button-disabled-text-color)}.base-button.is-disabled.is-text,.base-button.is-disabled.is-link{background-color:#0000;border-color:#0000}.base-button.is-loading{pointer-events:none}.base-button.is-loading:before{z-index:1;border-radius:inherit;background-color:color-mix(in srgb, var(--base-button-bg-color) 52%, transparent);content:"";position:absolute;inset:1px}.base-button__icon,.base-button__text{z-index:2;justify-content:center;align-items:center;min-width:0;display:inline-flex;position:relative}.base-button__text{text-overflow:ellipsis;overflow:hidden}.base-button__text--expand{letter-spacing:0}.base-button__loading{animation:1s linear infinite base-button-spin}@keyframes base-button-spin{to{transform:rotate(360deg)}}.base-button-group{vertical-align:middle;display:inline-flex}.base-button-group>.base-button+.base-button{margin-left:0}.base-button-group>.base-button{position:relative}.base-button-group>.base-button:hover,.base-button-group>.base-button:focus,.base-button-group>.base-button:active{z-index:1}.base-button-group>.base-button:first-child:last-child{border-radius:var(--base-button-border-radius)}.base-button-group>.base-button:first-child:last-child.is-round{border-radius:999px}.base-button-group>.base-button:first-child:last-child.is-circle{border-radius:50%}.base-button-group--horizontal{flex-direction:row}.base-button-group--horizontal>.base-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.base-button-group--horizontal>.base-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.base-button-group--horizontal>.base-button:not(:first-child):not(:last-child){border-radius:0}.base-button-group--horizontal>.base-button:not(:last-child){margin-right:-1px}.base-button-group--vertical{flex-direction:column;align-items:stretch}.base-button-group--vertical>.base-button{width:100%;margin-top:-1px;margin-left:0}.base-button-group--vertical>.base-button:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.base-button-group--vertical>.base-button:last-child{border-top-left-radius:0;border-top-right-radius:0}.base-button-group--vertical>.base-button:not(:first-child):not(:last-child){border-radius:0}