@layer components{.pk-btn{padding:var(--pk-control-y) var(--pk-control-x);border-radius:var(--pk-radius);font-size:var(--pk-text-md);white-space:nowrap;cursor:pointer;transition:background-color var(--pk-dur-fast), border-color var(--pk-dur-fast), color var(--pk-dur-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;font-weight:500;line-height:1.35;text-decoration:none;display:inline-flex}.pk-btn:disabled,.pk-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.pk-btn[aria-busy=true]{cursor:progress}.pk-btn--primary{background:var(--pk-accent-strong);color:var(--pk-accent-on)}.pk-btn--primary:hover:not(:disabled,[aria-disabled=true]){filter:brightness(1.1)}.pk-btn--secondary{background:var(--pk-surface-raise);color:var(--pk-ink);border-color:var(--pk-line)}.pk-btn--secondary:hover:not(:disabled,[aria-disabled=true]){background:var(--pk-surface-sunk);border-color:var(--pk-line-strong)}.pk-btn--ghost{color:var(--pk-ink-muted);background:0 0}.pk-btn--ghost:hover:not(:disabled,[aria-disabled=true]){background:var(--pk-surface-sunk);color:var(--pk-ink)}.pk-btn--danger-quiet{color:var(--pk-danger-ink);border-color:color-mix(in srgb, var(--pk-danger) 40%, transparent);background:0 0}.pk-btn--danger-quiet:hover:not(:disabled,[aria-disabled=true]){background:var(--pk-danger-soft)}.pk-btn--danger{background:var(--pk-danger-strong);color:var(--pk-on-solid)}.pk-btn--danger:hover:not(:disabled,[aria-disabled=true]){filter:brightness(.92)}.pk-btn--link{color:var(--pk-accent-ink);background:0 0;padding-inline:0;text-decoration:underline}.pk-on-solid .pk-btn--primary{background:var(--pk-on-solid);color:var(--pk-on-solid-ink)}.pk-on-solid .pk-btn--secondary{color:var(--pk-on-solid);border-color:var(--pk-on-solid);background:0 0}.pk-on-solid .pk-btn:hover:not(:disabled,[aria-disabled=true]){background:var(--pk-on-solid);color:var(--pk-on-solid-ink);filter:brightness(.94)}.pk-btn--sm{font-size:var(--pk-text-sm);padding:calc(var(--pk-control-y) * .7) calc(var(--pk-control-x) * .8)}.pk-btn--lg{font-size:var(--pk-text-xl);padding:calc(var(--pk-control-y) * 1.5) calc(var(--pk-control-x) * 1.4);white-space:normal;text-align:center}.pk-btn--icon{padding:var(--pk-control-y);aspect-ratio:1}.pk-btn--block{width:100%}.pk-btn__spinner{width:.85em;height:.85em;animation:pk-btn-spin var(--pk-dur-spin) linear infinite;border:2px solid;border-right-color:#0000;border-radius:50%;flex:none}@keyframes pk-btn-spin{to{transform:rotate(360deg)}}}