.ui-button{--_bg: var(--ui-button-bg, transparent);--_color: var(--ui-button-color, var(--text-color, #1f2937));--_border: var(--ui-button-border, transparent);--_bg-hover: var(--ui-button-bg-hover, var(--_bg));--_color-hover: var(--ui-button-color-hover, var(--_color));--_border-hover: var(--ui-button-border-hover, var(--_border));--_radius: var(--ui-button-radius, 6px);--_height: 34px;--_padding-x: 12px;--_font-size: 14px;--_gap: 8px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--_gap);box-sizing:border-box;height:var(--_height);padding:0 var(--_padding-x);font-family:inherit;font-size:var(--_font-size);font-weight:var(--ui-button-font-weight, 400);line-height:1;white-space:nowrap;text-align:center;text-decoration:none;vertical-align:middle;color:var(--_color);background-color:var(--_bg);border:1px solid var(--_border);border-radius:var(--_radius);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:var(--ui-button-transition, color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out)}.ui-button:hover,.ui-button:focus-visible{color:var(--_color-hover);background-color:var(--_bg-hover);border-color:var(--_border-hover);text-decoration:none}.ui-button:focus{outline:0}.ui-button:focus-visible{box-shadow:var(--ui-button-focus-ring, 0 0 0 3px color-mix(in srgb, var(--color-blue, #2c66d8) 35%, transparent))}.ui-button:active:not(.ui-button--disabled){filter:brightness(.95)}.ui-button.ui-button--disabled,.ui-button:disabled{opacity:var(--ui-button-disabled-opacity, .65);cursor:not-allowed;pointer-events:none}.ui-button.ui-button--soft-disabled{opacity:var(--ui-button-disabled-opacity, .65);cursor:not-allowed}.ui-button.ui-button--soft-disabled:hover{color:var(--_color);background-color:var(--_bg);border-color:var(--_border)}.ui-button.ui-button--loading{cursor:progress}.ui-button.ui-button--block{display:flex;width:100%}.ui-button.ui-button--bold{font-weight:var(--ui-button-font-weight-bold, 600)}.ui-button.ui-button--xs{--_height: 25px;--_padding-x: 7px;--_font-size: 11px;--_gap: 4px;--_radius: var(--ui-button-radius-xs, 2px)}.ui-button.ui-button--sm{--_height: 29px;--_padding-x: 9px;--_font-size: 12px;--_gap: 6px;--_radius: var(--ui-button-radius-sm, 5px)}.ui-button.ui-button--lg{--_height: 42px;--_padding-x: 24px;--_font-size: 16px;--_gap: 10px}.ui-button.ui-button--shape-icon,.ui-button.ui-button--shape-round{--_padding-x: 0;width:var(--_height);flex-shrink:0}.ui-button.ui-button--shape-round{--_radius: 999px}.ui-button.ui-button--primary{--_bg: var(--ui-button-primary-bg, var(--color-blue, #2c66d8));--_color: var(--ui-button-primary-color, #ffffff);--_border: var(--ui-button-primary-border, var(--_bg));--_bg-hover: var(--ui-button-primary-bg-hover, color-mix(in srgb, var(--_bg), #000 10%));--_color-hover: var(--ui-button-primary-color-hover, var(--_color));--_border-hover: var(--ui-button-primary-border-hover, var(--_bg-hover))}.ui-button.ui-button--secondary{--_bg: var(--ui-button-secondary-bg, var(--color-black, #000000));--_color: var(--ui-button-secondary-color, var(--color-white, #ffffff));--_border: var(--ui-button-secondary-border, var(--_bg));--_bg-hover: var(--ui-button-secondary-bg-hover, color-mix(in srgb, var(--_bg), #808080 20%));--_color-hover: var(--ui-button-secondary-color-hover, var(--_color));--_border-hover: var(--ui-button-secondary-border-hover, var(--_bg-hover))}.ui-button.ui-button--default{--_bg: var(--ui-button-default-bg, var(--btn-default-bg, transparent));--_color: var(--ui-button-default-color, var(--btn-default-color, var(--text-color, #1f2937)));--_border: var(--ui-button-default-border, var(--btn-default-border, #d1d5db));--_bg-hover: var(--ui-button-default-bg-hover, var(--btn-default-bg-hover, #f1f3f7));--_color-hover: var(--ui-button-default-color-hover, var(--_color));--_border-hover: var(--ui-button-default-border-hover, var(--btn-default-border-hover, #7d808f))}.ui-button.ui-button--danger{--_bg: var(--ui-button-danger-bg, var(--color-red, #f63148));--_color: var(--ui-button-danger-color, #ffffff);--_border: var(--ui-button-danger-border, var(--_bg));--_bg-hover: var(--ui-button-danger-bg-hover, color-mix(in srgb, var(--_bg), #000 10%));--_color-hover: var(--ui-button-danger-color-hover, var(--_color));--_border-hover: var(--ui-button-danger-border-hover, var(--_bg-hover))}.ui-button.ui-button--outline-primary{--_bg: var(--ui-button-outline-primary-bg, transparent);--_color: var(--ui-button-outline-primary-color, var(--color-blue, #2c66d8));--_border: var(--ui-button-outline-primary-border, var(--color-blue, #2c66d8));--_bg-hover: var(--ui-button-outline-primary-bg-hover, var(--color-blue, #2c66d8));--_color-hover: var(--ui-button-outline-primary-color-hover, #ffffff);--_border-hover: var(--ui-button-outline-primary-border-hover, var(--color-blue, #2c66d8))}.ui-button.ui-button--outline-danger{--_bg: var(--ui-button-outline-danger-bg, color-mix(in srgb, var(--color-red, #f63148) 12%, transparent));--_color: var(--ui-button-outline-danger-color, var(--color-red, #f63148));--_border: var(--ui-button-outline-danger-border, var(--color-red, #f63148));--_bg-hover: var(--ui-button-outline-danger-bg-hover, var(--color-red, #f63148));--_color-hover: var(--ui-button-outline-danger-color-hover, #ffffff);--_border-hover: var(--ui-button-outline-danger-border-hover, var(--color-red, #f63148))}.ui-button.ui-button--upgrade{--_bg: var(--ui-button-upgrade-bg, var(--color-orange-tint, #ffeedf));--_color: var(--ui-button-upgrade-color, var(--color-orange, #fb7e0a));--_border: var(--ui-button-upgrade-border, var(--color-orange, #fb7e0a));--_bg-hover: var(--ui-button-upgrade-bg-hover, var(--color-orange, #fb7e0a));--_color-hover: var(--ui-button-upgrade-color-hover, #ffffff);--_border-hover: var(--ui-button-upgrade-border-hover, var(--color-orange, #fb7e0a));font-weight:var(--ui-button-font-weight-bold, 500)}.ui-button.ui-button--muted{--_bg: var(--ui-button-muted-bg, var(--btn-light-grey-bg, #f1f3f7));--_color: var(--ui-button-muted-color, var(--text-color, #1f2937));--_border: var(--ui-button-muted-border, var(--btn-light-grey-border, var(--_bg)));--_bg-hover: var(--ui-button-muted-bg-hover, var(--btn-light-grey-bg-hover, #d9dbde));--_color-hover: var(--ui-button-muted-color-hover, var(--_color));--_border-hover: var(--ui-button-muted-border-hover, var(--_bg-hover))}.ui-button.ui-button--grey{--_bg: var(--ui-button-grey-bg, var(--color-grey, #8b8e9f));--_color: var(--ui-button-grey-color, #ffffff);--_border: var(--ui-button-grey-border, var(--_bg));--_bg-hover: var(--ui-button-grey-bg-hover, color-mix(in srgb, var(--_bg), #000 10%));--_color-hover: var(--ui-button-grey-color-hover, var(--_color));--_border-hover: var(--ui-button-grey-border-hover, var(--_bg-hover))}.ui-button.ui-button--white{--_bg: var(--ui-button-white-bg, var(--btn-white-bg, #ffffff));--_color: var(--ui-button-white-color, var(--btn-white-color, #8b8e9f));--_border: var(--ui-button-white-border, var(--_bg));--_bg-hover: var(--ui-button-white-bg-hover, var(--btn-white-bg-hover, #e4e4e8));--_color-hover: var(--ui-button-white-color-hover, var(--btn-white-color-hover, #000000));--_border-hover: var(--ui-button-white-border-hover, var(--_bg-hover))}.ui-button.ui-button--link{--_bg: var(--ui-button-link-bg, transparent);--_color: var(--ui-button-link-color, var(--color-blue, #2c66d8));--_border: var(--ui-button-link-border, transparent);--_bg-hover: var(--ui-button-link-bg-hover, transparent);--_color-hover: var(--ui-button-link-color-hover, color-mix(in srgb, var(--_color), #000 20%));--_border-hover: var(--ui-button-link-border-hover, transparent);--_padding-x: 4px}.ui-button.ui-button--link:hover,.ui-button.ui-button--link:focus-visible{text-decoration:underline}.ui-button.ui-button--transparent{--_bg: var(--ui-button-transparent-bg, transparent);--_color: var(--ui-button-transparent-color, var(--text-color, #1f2937));--_border: var(--ui-button-transparent-border, transparent);--_bg-hover: var(--ui-button-transparent-bg-hover, color-mix(in srgb, currentColor 8%, transparent));--_color-hover: var(--ui-button-transparent-color-hover, var(--_color));--_border-hover: var(--ui-button-transparent-border-hover, transparent)}.ui-button.ui-button--field{--_bg: var(--ui-button-field-bg, var(--field-bg, #f9fafb));--_color: var(--ui-button-field-color, var(--text-color, #1f2937));--_border: var(--ui-button-field-border, var(--field-border, #e4e4e8));--_bg-hover: var(--ui-button-field-bg-hover, var(--field-bg-hover, #f1f3f7));--_color-hover: var(--ui-button-field-color-hover, var(--_color));--_border-hover: var(--ui-button-field-border-hover, var(--field-border-hover, #cccccc));justify-content:flex-start;text-align:left}.ui-button__label{display:inline-flex;align-items:center;min-width:0}.ui-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.ui-button__icon svg{width:1.15em;height:1.15em}.ui-button__spinner{display:inline-block;flex-shrink:0;width:1em;height:1em;border:.18em solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-button-spin .75s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ui-button{transition:none}.ui-button__spinner{animation-duration:1.5s}}