@layer cap.reset,cap.tokens,cap.base;@layer cap.components{.cap-btn{--cap-btn-fg:var(--text);--cap-btn-bg:var(--raised);--cap-btn-line:var(--line-strong);--cap-btn-hover:color-mix(in srgb, var(--raised), var(--text) 7%);--cap-btn-press:color-mix(in srgb, var(--raised), var(--text) 12%);--cap-btn-h:var(--control);--cap-btn-fs:var(--fs-body);--cap-btn-icon:16px;--cap-btn-gap:6px;justify-content:center;align-items:center;gap:var(--cap-btn-gap);box-sizing:border-box;min-height:var(--cap-btn-h);min-width:var(--target);padding:0 var(--pad-x);border:1px solid var(--cap-btn-line);border-radius:var(--radius-m);background:var(--cap-btn-bg);color:var(--cap-btn-fg);font-family:var(--ui);font-size:var(--cap-btn-fs);white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-clip:padding-box;flex-shrink:0;margin:0;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.cap-btn>svg{width:var(--cap-btn-icon);height:var(--cap-btn-icon);pointer-events:none;flex:none}.cap-btn kbd{margin-inline-start:2px}.cap-btn:has(>svg[data-icon=start]){padding-inline-start:calc(var(--pad-x) - 3px)}.cap-btn:has(>svg[data-icon=end]){padding-inline-end:calc(var(--pad-x) - 3px)}.cap-btn[data-size=xs]{--cap-btn-h:max(var(--target), calc(var(--control) - 8px));--cap-btn-fs:var(--fs-detail);--cap-btn-icon:12px;--cap-btn-gap:4px;padding-inline:calc(var(--pad-x) - 3px)}.cap-btn[data-size=sm]{--cap-btn-h:max(var(--target), calc(var(--control) - 4px));--cap-btn-icon:14px;--cap-btn-gap:4px;padding-inline:calc(var(--pad-x) - 1px)}.cap-btn[data-size=lg]{--cap-btn-h:calc(var(--control) + 4px);--cap-btn-fs:var(--fs-lead)}.cap-btn:hover,.cap-btn[data-force=hover]{--cap-btn-bg:var(--cap-btn-hover)}.cap-btn:active,.cap-btn[data-force=pressed],.cap-btn[aria-expanded=true]{--cap-btn-bg:var(--cap-btn-press)}.cap-btn[data-variant=primary]{--cap-btn-fg:var(--primary-fg);--cap-btn-bg:var(--primary);--cap-btn-line:var(--primary);--cap-btn-hover:var(--primary-hover);--cap-btn-press:var(--primary-hover);font-weight:600}.cap-btn[data-variant=secondary]{--cap-btn-fg:var(--accent-text);--cap-btn-bg:var(--accent-soft);--cap-btn-line:var(--accent-line);--cap-btn-hover:var(--accent-5);--cap-btn-press:var(--accent-6)}.cap-btn[data-variant=danger]{--cap-btn-fg:var(--crit);--cap-btn-bg:var(--crit-soft);--cap-btn-line:var(--crit);--cap-btn-hover:var(--crit-soft);--cap-btn-press:var(--sunken);font-weight:600}.cap-btn[data-variant=danger]:where(:hover,[data-force=hover]){box-shadow:inset 0 0 0 1px var(--crit)}.cap-btn[data-variant=quiet]{--cap-btn-bg:transparent;--cap-btn-line:transparent;--cap-btn-hover:var(--raised);--cap-btn-press:var(--sunken)}.cap-btn[data-variant=quiet]:where(:hover,[data-force=hover]){--cap-btn-line:var(--line)}.cap-btn[data-variant=link]{--cap-btn-fg:var(--accent-text);--cap-btn-bg:transparent;--cap-btn-line:transparent;--cap-btn-hover:transparent;--cap-btn-press:transparent;text-underline-offset:4px}.cap-btn[data-variant=link]:where(:hover,[data-force=hover]){--cap-btn-fg:var(--accent-hover);text-decoration:underline}.cap-btn[data-icon-only]{width:var(--cap-btn-h);padding:0}.cap-btn[aria-invalid=true]{--cap-btn-line:var(--crit)}.cap-btn:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:1px}.cap-btn[data-variant=primary]:focus-visible{outline-offset:2px}.cap-btn:is(:disabled,[aria-disabled=true]){--cap-btn-fg:var(--muted);--cap-btn-bg:var(--surface);--cap-btn-line:var(--line-strong);box-shadow:none;cursor:not-allowed;border-style:dashed;font-weight:500;text-decoration:none}.cap-btn[data-variant=link]:is(:disabled,[aria-disabled=true]){--cap-btn-bg:transparent;--cap-btn-line:transparent;--cap-btn-fg:var(--dim)}.cap-btn .cap-btn-spinner{display:none}.cap-btn[aria-busy=true]{cursor:progress}.cap-btn[aria-busy=true]>:not(.cap-btn-spinner){opacity:0}.cap-btn[aria-busy=true]>.cap-btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;margin:auto;display:block;position:absolute;inset:0}.cap-btn:where(:not([data-variant]),[data-variant=default]):not(:disabled,[aria-disabled=true]){box-shadow:var(--shadow-xs)}.cap-btn-reason{color:var(--muted);font-size:var(--fs-detail)}.cap-link-btn{min-height:var(--target);color:var(--accent-text);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;align-items:center;margin:0;padding:0;text-decoration:underline;display:inline-flex}.cap-link-btn:hover,.cap-link-btn[data-force=hover]{color:var(--accent-hover);text-decoration-thickness:2px}.cap-link-btn:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:1px}.cap-link-btn:is(:disabled,[aria-disabled=true]){color:var(--dim);cursor:not-allowed;text-decoration:none}.cap-btn-group{align-items:stretch;width:fit-content;display:flex}.cap-btn-group>.cap-btn:focus-visible,.cap-btn-group>.cap-btn:hover{z-index:1}.cap-btn-group>.cap-btn:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}.cap-btn-group>.cap-btn:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.cap-btn-group>.cap-btn-group-text{margin-inline-start:-1px}.cap-btn-group[data-orientation=vertical]{flex-direction:column}.cap-btn-group[data-orientation=vertical]>.cap-btn:not(:first-child){border-start-start-radius:0;border-start-end-radius:0;margin-block-start:-1px;margin-inline-start:0}.cap-btn-group[data-orientation=vertical]>.cap-btn:not(:last-child){border-end-end-radius:0;border-end-start-radius:0}.cap-btn-group-text{box-sizing:border-box;min-height:var(--control);padding:0 var(--pad-x);border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--sunken);color:var(--text);font-size:var(--fs-body);white-space:nowrap;align-items:center;gap:6px;font-weight:500;display:inline-flex}.cap-btn-group>.cap-btn-group-text:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.cap-btn-group>.cap-btn-group-text:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}@media (prefers-reduced-motion:no-preference){.cap-btn{transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.cap-btn:is(:active,[data-force=pressed]):not([aria-haspopup]):not([aria-disabled=true]):not(:disabled){transform:translateY(1px)}.cap-link-btn{transition:color var(--dur-fast) var(--ease-out)}.cap-btn[aria-busy=true]>.cap-btn-spinner{animation:.8s linear infinite cap-btn-spin}}@keyframes cap-btn-spin{to{rotate:1turn}}@media (forced-colors:active){.cap-btn{border-color:buttonborder}.cap-btn:is(:disabled,[aria-disabled=true]),.cap-link-btn:is(:disabled,[aria-disabled=true]){color:graytext;border-color:graytext}.cap-btn:focus-visible,.cap-link-btn:focus-visible{outline-color:highlight}}}@layer cap.utilities;