@layer dawn.components{.button.button--outline{--_ink: var(--text-strong);background:transparent;box-shadow:inset 0 0 0 1px var(--line),inset 0 2px 0 -1px var(--bevel-highlight),inset 0 -8px 8px -6px var(--bevel-shade),inset 0 8px 8px -6px var(--bevel-gleam)}.button.button--outline:hover{background:var(--fill);box-shadow:inset 0 0 0 1px var(--line-strong),inset 0 2px 0 -1px var(--bevel-highlight),inset 0 -8px 8px -6px var(--bevel-shade),inset 0 8px 8px -6px var(--bevel-gleam)}.button.button--outline[data-dashed]{box-shadow:none;outline:1px dashed var(--line);outline-offset:-1px}.button.button--secondary{--_ink: var(--text-strong);background:var(--fill);box-shadow:inset 0 1px 0 var(--bevel-highlight),inset 0 -1px 1px var(--bevel-under),inset 0 0 1.5px .5px var(--bevel-edge),inset 0 -8px 8px -2px var(--bevel-shade),inset 0 8px 8px -2px var(--bevel-gleam)}.button.button--secondary:hover{background:var(--fill-hover)}.button.button--ghost{--_ink: var(--text);background:transparent;box-shadow:none}.button.button--ghost:hover{background:var(--fill);color:var(--text-strong)}:is(.button--outline,.button--secondary,.button--ghost).button:active:not(:disabled,[aria-disabled=true],[aria-busy=true]){background:var(--fill-hover)}.button.button--destructive{--_ink: var(--on-danger);background:var(--danger);box-shadow:inset 0 1px 0 var(--bevel-catch),inset 0 -1px 1px var(--bevel-under),inset 0 0 1.5px .5px var(--bevel-edge-deep),inset 0 -8px 8px -2px var(--bevel-shade-deep),inset 0 8px 8px -2px var(--bevel-gleam-strong)}.button.button--destructive:hover{background:color-mix(in oklab,var(--danger) 88%,var(--text-strong))}.button.button--destructive:active:not(:disabled,[aria-disabled=true],[aria-busy=true]){background:color-mix(in oklab,var(--danger) 78%,var(--text-strong))}.button[data-size=sm]:not([data-slot=icon-button]){min-height:var(--control-h-sm);padding-inline:var(--control-pad-sm);font-size:var(--control-text-sm)}.button[data-size=lg]:not([data-slot=icon-button]){min-height:var(--control-h-lg);padding-inline:var(--control-pad-lg);font-size:var(--control-text-lg)}.button [data-slot=separator][data-orientation=vertical]{block-size:1em;margin-inline:.125em}.button [data-slot=badge]{padding-inline:.375em;font-weight:400}.button[aria-disabled=true],.button:disabled{background:var(--fill);color:var(--text-faint);box-shadow:none;cursor:not-allowed}}