.joy-btn{--jb-bg:var(--primary-color);--jb-bg-hover:color-mix(in srgb, var(--primary-color) 88%, #000);--jb-bg-active:color-mix(in srgb, var(--primary-color) 78%, #000);--jb-border:var(--primary-color);--jb-color:var(--primary-color-text);--jb-disabled-bg:var(--surface-subtle-color);--jb-disabled-border:var(--surface-border-color);--jb-disabled-color:var(--text-muted);--jb-focus-ring:color-mix(in srgb, var(--primary-color) 40%, transparent);--jb-height:32px;--jb-padding-x:12px;--jb-gap:6px;--jb-font-size:13px;--jb-line-height:1.2;--jb-icon-size:calc(var(--jb-font-size) * var(--jb-line-height));--jb-radius:6px;justify-content:center;align-items:center;gap:var(--jb-gap);height:var(--jb-height);padding:0 var(--jb-padding-x);font-family:inherit;font-size:var(--jb-font-size);border-radius:var(--jb-radius);background:var(--jb-bg);color:var(--jb-color);border:1px solid var(--jb-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-easing);appearance:none;white-space:nowrap;flex-shrink:0;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.joy-btn:hover:not([data-disabled]){background:var(--jb-bg-hover);border-color:var(--jb-bg-hover)}.joy-btn:active:not([data-disabled]){background:var(--jb-bg-active);border-color:var(--jb-bg-active)}.joy-btn:focus-visible{box-shadow:0 0 0 2px var(--background-color,transparent), 0 0 0 4px var(--jb-focus-ring);outline:none}.joy-btn[data-disabled]{cursor:not-allowed;background:var(--jb-disabled-bg);border-color:var(--jb-disabled-border);color:var(--jb-disabled-color)}.joy-btn__icon{font-size:var(--jb-icon-size);flex-shrink:0;line-height:1}.joy-btn__icon--spin{animation:.9s linear infinite joy-btn-spin}.joy-btn__label{line-height:var(--jb-line-height)}.joy-btn__badge{--jb-badge-bg:var(--primary-color);--jb-badge-color:var(--primary-color-text);background:var(--jb-badge-bg);min-width:16px;height:16px;color:var(--jb-badge-color);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.joy-btn__badge--secondary{--jb-badge-bg:var(--surface-border-color);--jb-badge-color:var(--text-color)}.joy-btn__badge--success{--jb-badge-bg:var(--success-color);--jb-badge-color:var(--success-color-text,#fff)}.joy-btn__badge--warn{--jb-badge-bg:var(--warning-color);--jb-badge-color:var(--warning-color-text,#0b0d13)}.joy-btn__badge--danger{--jb-badge-bg:var(--danger-color);--jb-badge-color:var(--danger-color-text,#fff)}.joy-btn__badge--info{--jb-badge-bg:var(--link-color);--jb-badge-color:#fff}.joy-btn__badge--contrast{--jb-badge-bg:var(--heading-color);--jb-badge-color:var(--background-color)}.joy-btn--sm{--jb-height:28px;--jb-padding-x:10px;--jb-font-size:12px}.joy-btn--form{--jb-height:36px;--jb-padding-x:12px;--jb-font-size:14px}.joy-btn--lg{--jb-height:40px;--jb-padding-x:16px;--jb-gap:8px;--jb-font-size:14px;--jb-radius:8px}.joy-btn--icon-only{width:var(--jb-height);padding:0}.joy-btn--rounded{border-radius:999px}.joy-btn--rounded.joy-btn--icon-only{border-radius:50%}.joy-btn--fluid{width:100%;display:flex}.joy-btn--loading{cursor:wait}.joy-btn--filled.joy-btn--primary{--jb-bg:var(--primary-color);--jb-bg-hover:var(--primary-color-hover,color-mix(in srgb, var(--primary-color) 88%, #000));--jb-bg-active:var(--primary-color-hover,color-mix(in srgb, var(--primary-color) 78%, #000));--jb-border:var(--primary-color);--jb-color:var(--primary-color-text);--jb-focus-ring:color-mix(in srgb, var(--primary-color) 40%, transparent);--jb-disabled-bg:var(--btn-primary-disabled-bg);--jb-disabled-border:var(--btn-primary-disabled-bg);--jb-disabled-color:var(--btn-primary-disabled-text)}.joy-btn--filled.joy-btn--secondary{background:linear-gradient(180deg, var(--btn-secondary-bg-top), var(--btn-secondary-bg-bottom));border-color:var(--btn-secondary-border);color:var(--text-color);box-shadow:var(--btn-secondary-top-highlight), var(--btn-secondary-bottom-shadow);--jb-focus-ring:color-mix(in srgb, var(--btn-secondary-border) 50%, transparent);--jb-disabled-bg:var(--btn-secondary-disabled-bg);--jb-disabled-border:var(--btn-secondary-disabled-border);--jb-disabled-color:var(--btn-secondary-disabled-text)}.joy-btn--filled.joy-btn--secondary:hover:not([data-disabled]){background:linear-gradient(180deg, var(--btn-secondary-hover-bg-top), var(--btn-secondary-hover-bg-bottom));border-color:var(--btn-secondary-border)}.joy-btn--filled.joy-btn--secondary:active:not([data-disabled]){background:linear-gradient(180deg, var(--btn-secondary-active-bg-top), var(--btn-secondary-active-bg-bottom));border-color:var(--btn-secondary-border)}.joy-btn--filled.joy-btn--secondary[data-disabled]{background:var(--jb-disabled-bg);box-shadow:none}.joy-btn--filled.joy-btn--success{--jb-bg:var(--success-color);--jb-bg-hover:color-mix(in srgb, var(--success-color) 88%, #000);--jb-bg-active:color-mix(in srgb, var(--success-color) 78%, #000);--jb-border:var(--success-color);--jb-color:var(--success-color-text,#fff);--jb-focus-ring:color-mix(in srgb, var(--success-color) 40%, transparent);--jb-disabled-bg:color-mix(in srgb, var(--success-color) 22%, var(--surface-muted));--jb-disabled-border:color-mix(in srgb, var(--success-color) 22%, var(--surface-muted));--jb-disabled-color:var(--text-muted)}.joy-btn--filled.joy-btn--warn{--jb-bg:var(--warning-color);--jb-bg-hover:var(--warning-color-hover,color-mix(in srgb, var(--warning-color) 88%, #000));--jb-bg-active:var(--warning-color-hover,color-mix(in srgb, var(--warning-color) 78%, #000));--jb-border:var(--warning-color);--jb-color:var(--warning-color-text,#0b0d13);--jb-focus-ring:color-mix(in srgb, var(--warning-color) 40%, transparent);--jb-disabled-bg:var(--btn-warn-disabled-bg);--jb-disabled-border:var(--btn-warn-disabled-bg);--jb-disabled-color:var(--btn-warn-disabled-text)}.joy-btn--filled.joy-btn--danger{--jb-bg:var(--danger-color);--jb-bg-hover:color-mix(in srgb, var(--danger-color) 88%, #000);--jb-bg-active:color-mix(in srgb, var(--danger-color) 78%, #000);--jb-border:var(--danger-color);--jb-color:var(--danger-color-text,#fff);--jb-focus-ring:color-mix(in srgb, var(--danger-color) 40%, transparent);--jb-disabled-bg:color-mix(in srgb, var(--danger-color) 22%, var(--surface-muted));--jb-disabled-border:color-mix(in srgb, var(--danger-color) 22%, var(--surface-muted));--jb-disabled-color:var(--text-muted)}.joy-btn--filled.joy-btn--info{--jb-bg:var(--link-color);--jb-bg-hover:color-mix(in srgb, var(--link-color) 88%, #000);--jb-bg-active:color-mix(in srgb, var(--link-color) 78%, #000);--jb-border:var(--link-color);--jb-color:#fff;--jb-focus-ring:color-mix(in srgb, var(--link-color) 40%, transparent);--jb-disabled-bg:color-mix(in srgb, var(--link-color) 22%, var(--surface-muted));--jb-disabled-border:color-mix(in srgb, var(--link-color) 22%, var(--surface-muted));--jb-disabled-color:var(--text-muted)}.joy-btn--filled.joy-btn--contrast{--jb-bg:var(--heading-color);--jb-bg-hover:color-mix(in srgb, var(--heading-color) 88%, #fff);--jb-bg-active:color-mix(in srgb, var(--heading-color) 78%, #fff);--jb-border:var(--heading-color);--jb-color:var(--background-color);--jb-focus-ring:color-mix(in srgb, var(--heading-color) 40%, transparent);--jb-disabled-bg:var(--surface-muted);--jb-disabled-border:var(--surface-border-color);--jb-disabled-color:var(--text-muted)}.joy-btn--outlined{--jb-bg:transparent;--jb-bg-hover:color-mix(in srgb, var(--jb-border) 8%, transparent);--jb-bg-active:color-mix(in srgb, var(--jb-border) 14%, transparent);--jb-color:var(--jb-border);--jb-disabled-bg:transparent;--jb-disabled-color:var(--text-muted);--jb-disabled-border:var(--surface-border-color);background:0 0}.joy-btn--outlined.joy-btn--primary{--jb-border:var(--primary-color)}.joy-btn--outlined.joy-btn--secondary{--jb-border:var(--surface-border-color);--jb-color:var(--text-color)}.joy-btn--outlined.joy-btn--success{--jb-border:var(--success-color)}.joy-btn--outlined.joy-btn--warn{--jb-border:var(--warning-color)}.joy-btn--outlined.joy-btn--danger{background:var(--btn-danger-outline-bg);--jb-bg:var(--btn-danger-outline-bg);--jb-border:var(--btn-danger-outline-border);--jb-color:var(--btn-danger-outline-text);--jb-bg-hover:color-mix(in srgb, var(--btn-danger-outline-border) 30%, var(--btn-danger-outline-bg));--jb-bg-active:color-mix(in srgb, var(--btn-danger-outline-border) 50%, var(--btn-danger-outline-bg));--jb-disabled-bg:transparent;--jb-disabled-border:var(--btn-danger-outline-disabled-border);--jb-disabled-color:var(--btn-danger-outline-disabled-text)}.joy-btn--outlined.joy-btn--info{--jb-border:var(--link-color)}.joy-btn--outlined.joy-btn--contrast{--jb-border:var(--heading-color)}.joy-btn--text{--jb-bg:transparent;--jb-bg-hover:color-mix(in srgb, var(--jb-color) 10%, transparent);--jb-bg-active:color-mix(in srgb, var(--jb-color) 16%, transparent);--jb-disabled-bg:transparent;--jb-disabled-border:transparent;--jb-disabled-color:var(--btn-ghost-disabled-text,var(--text-muted));background:0 0;border-color:#0000}.joy-btn--text:hover:not([data-disabled]),.joy-btn--text:active:not([data-disabled]),.joy-btn--text[data-disabled]{border-color:#0000}.joy-btn--text.joy-btn--primary{--jb-color:var(--primary-color)}.joy-btn--text.joy-btn--secondary{--jb-color:var(--btn-ghost-text,var(--text-muted))}.joy-btn--text.joy-btn--success{--jb-color:var(--success-color)}.joy-btn--text.joy-btn--warn{--jb-color:var(--warning-color)}.joy-btn--text.joy-btn--danger{--jb-color:var(--danger-color)}.joy-btn--text.joy-btn--info{--jb-color:var(--link-color)}.joy-btn--text.joy-btn--contrast{--jb-color:var(--heading-color)}@keyframes joy-btn-spin{to{transform:rotate(360deg)}}.joy-btn-group{flex-shrink:0;display:inline-flex;position:relative}.joy-btn-group--split .joy-btn-group__primary{border-right:1px solid #00000026;border-top-right-radius:0;border-bottom-right-radius:0}.joy-btn-group--split .joy-btn-group__trigger{--jb-padding-x:8px;border-top-left-radius:0;border-bottom-left-radius:0}.joy-btn-group .joy-btn:hover,.joy-btn-group .joy-btn:focus-visible,.joy-btn-group .joy-btn:active{z-index:1;position:relative}.joy-btn-group__menu{background:var(--surface-color);border:1px solid var(--surface-border-color);border-radius:var(--jb-radius,6px);box-shadow:var(--panel-shadow,0 6px 20px #00000040);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.joy-btn-group__menu .joy-btn-group__menu-item{justify-content:flex-start;border-radius:0!important}