._fill_10ocf_9:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background-color: var(--button-bg);
  transition:
    transform 0.3s
      linear(
        0,
        0.3505,
        0.7432,
        0.9336,
        0.9951,
        1.0062,
        1.0045,
        1.0019,
        1.0005,
        1
      ),
    background-color 0.15s ease-out;
}
._fill_10ocf_9:active:not(:disabled):before {
  transform: scale(0.96);
}
@media (prefers-reduced-motion: reduce) {
  ._fill_10ocf_9:before {
    transition: background-color 0.15s ease-out;
  }
}
._primary_10ocf_44 {
  --button-bg: hsl(var(--text-000));
  --button-text: hsl(var(--bg-000));
  --button-border: transparent;
  --button-hover-bg: hsl(var(--text-000));
  --button-hover-text: hsl(var(--bg-000));
  --button-hover-border: transparent;
  --button-focus-outline: hsl(var(--text-000) / 75%);
  --button-loading-color: hsl(var(--bg-000));
  color: var(--button-text);
  border-color: var(--button-border);
}
._primary_10ocf_44:hover:not(:disabled) {
  color: var(--button-hover-text);
  border-color: var(--button-hover-border);
}
._primary_10ocf_44:hover:not(:disabled):before {
  background-color: var(--button-hover-bg);
}
._primary_10ocf_44:focus-visible {
  outline-color: var(--button-focus-outline);
}
._secondary_10ocf_72 {
  --button-bg: transparent;
  --button-text: hsl(var(--text-000));
  --button-border: hsl(var(--border-200) / 30%);
  --button-hover-bg: hsl(var(--bg-400));
  --button-hover-text: hsl(var(--text-000));
  --button-hover-border: transparent;
  --button-loading-color: hsl(var(--text-400));
  color: var(--button-text);
  border-color: var(--button-border);
}
._secondary_10ocf_72:hover:not(:disabled) {
  color: var(--button-hover-text);
  border-color: var(--button-hover-border);
}
._secondary_10ocf_72:hover:not(:disabled):before,
._secondary_10ocf_72:active:not(:disabled):before {
  background-color: var(--button-hover-bg);
}
._ghost_10ocf_96 {
  --button-bg: transparent;
  --button-text: hsl(var(--text-300));
  --button-border: transparent;
  --button-hover-bg: hsl(var(--bg-300));
  --button-hover-text: hsl(var(--text-100));
  --button-hover-border: transparent;
  --button-loading-color: hsl(var(--bg-300));
  color: var(--button-text);
  border-color: var(--button-border);
}
._ghost_10ocf_96:hover:not(:disabled):not(:active):not([aria-expanded="true"]) {
  color: var(--button-hover-text);
  border-color: var(--button-hover-border);
}
._ghost_10ocf_96:hover:not(:disabled):not(:active):not(
    [aria-expanded="true"]
  ):before {
  background-color: var(--button-hover-bg);
}
._ghost_10ocf_96:active:not(:disabled):before,
._ghost_10ocf_96[aria-checked="true"]:before,
._ghost_10ocf_96[aria-expanded="true"]:before {
  background-color: var(--button-hover-bg);
}
._ghost_10ocf_96[aria-pressed="true"],
._ghost_10ocf_96[aria-checked="true"],
._ghost_10ocf_96[aria-expanded="true"] {
  color: hsl(var(--text-100));
}
._danger_10ocf_131 {
  --button-bg: hsl(var(--danger-200));
  --button-text: hsl(var(--oncolor-100));
  --button-border: transparent;
  --button-hover-bg: hsl(var(--danger-200));
  --button-hover-text: hsl(var(--oncolor-100));
  --button-hover-border: transparent;
  --button-focus-outline: hsl(var(--danger-100) / 50%);
  --button-loading-color: hsl(var(--bg-000));
  color: var(--button-text);
  border-color: var(--button-border);
}
._danger_10ocf_131:hover:not(:disabled) {
  color: var(--button-hover-text);
  border-color: var(--button-hover-border);
}
._danger_10ocf_131:hover:not(:disabled):before {
  background-color: var(--button-hover-bg);
}
._danger_10ocf_131:focus-visible {
  outline-color: var(--button-focus-outline);
}
._claude_10ocf_159 {
  --button-bg: hsl(var(--brand-000));
  --button-text: hsl(var(--oncolor-100));
  --button-border: transparent;
  --button-hover-bg: hsl(var(--brand-200));
  --button-hover-text: hsl(var(--oncolor-100));
  --button-hover-border: transparent;
  --button-focus-outline: hsl(var(--brand-100) / 75%);
  --button-loading-color: hsl(var(--bg-000));
  color: var(--button-text);
  border-color: var(--button-border);
}
._claude_10ocf_159:hover:not(:disabled) {
  color: var(--button-hover-text);
  border-color: var(--button-hover-border);
}
._claude_10ocf_159:hover:not(:disabled):before {
  background-color: var(--button-hover-bg);
}
._claude_10ocf_159:focus-visible {
  outline-color: var(--button-focus-outline);
}
._loadingSpinner_10ocf_187 {
  color: var(--button-loading-color);
}
[data-color-context="main"] ._colorized_10ocf_192._ghost_10ocf_96 {
  --button-hover-bg: hsl(var(--bg-400));
}
[data-color-context="danger"] ._colorized_10ocf_192._primary_10ocf_44 {
  --button-bg: hsl(var(--danger-100));
  --button-text: hsl(var(--oncolor-100));
  --button-hover-bg: hsl(var(--danger-200));
  --button-hover-text: hsl(var(--oncolor-100));
  --button-loading-color: hsl(var(--oncolor-100));
}
[data-color-context="danger"] ._colorized_10ocf_192._secondary_10ocf_72 {
  --button-text: hsl(var(--danger-000));
  --button-border: hsl(var(--danger-100));
  --button-hover-bg: hsl(var(--danger-100) / 10%);
  --button-hover-text: hsl(var(--danger-000));
  --button-hover-border: hsl(var(--danger-200));
  --button-loading-color: hsl(var(--danger-000));
}
[data-color-context="danger"] ._colorized_10ocf_192._ghost_10ocf_96 {
  --button-text: hsl(var(--danger-000));
  --button-hover-bg: hsl(var(--danger-100) / 8%);
  --button-hover-text: hsl(var(--danger-000));
  --button-loading-color: hsl(var(--danger-000));
}
[data-color-context="warning"] ._colorized_10ocf_192._primary_10ocf_44 {
  --button-bg: hsl(var(--warning-100));
  --button-text: hsl(var(--oncolor-100));
  --button-hover-bg: hsl(var(--warning-200));
  --button-hover-text: hsl(var(--oncolor-100));
  --button-loading-color: hsl(var(--oncolor-100));
}
[data-color-context="warning"] ._colorized_10ocf_192._secondary_10ocf_72 {
  --button-text: hsl(var(--warning-000));
  --button-border: hsl(var(--warning-100));
  --button-hover-bg: hsl(var(--warning-100) / 10%);
  --button-hover-text: hsl(var(--warning-000));
  --button-hover-border: hsl(var(--warning-200));
  --button-loading-color: hsl(var(--warning-000));
}
[data-color-context="warning"] ._colorized_10ocf_192._ghost_10ocf_96 {
  --button-text: hsl(var(--warning-000));
  --button-hover-bg: hsl(var(--warning-100) / 8%);
  --button-hover-text: hsl(var(--warning-000));
  --button-loading-color: hsl(var(--warning-000));
}
@keyframes _fadeInText_6ta1u_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._animating_6ta1u_10 {
  opacity: 1;
}
@media (prefers-reduced-motion: no-preference) {
  ._animating_6ta1u_10 {
    animation: _fadeInText_6ta1u_1 0.4s linear both;
  }
}
[data-reduce-motion="true"] ._animating_6ta1u_10 {
  animation: none;
}
._chunkWrapper_6ta1u_30 {
  display: contents;
}
._chunkWrapper_6ta1u_30 > * {
  min-width: 0;
}