{"version":3,"file":"copy-command.css.cjs","names":[],"sources":["../../../src/content/copy-command/copy-command.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_bg: var(--copy-command-bg, var(--color-contrast-100));\n    --_color: var(--copy-command-color, var(--text-color-body));\n    --_border-color: var(--copy-command-border-color, var(--color-contrast-300));\n    --_radius: var(--copy-command-radius, var(--rounded-md));\n    --_padding: var(--copy-command-padding, var(--size-2) var(--size-3));\n    --_font-size: var(--copy-command-font-size, var(--text-sm));\n    --_icon-color: var(--copy-command-icon-color, var(--text-color-secondary));\n    --_hover-bg: var(--copy-command-hover-bg, var(--color-contrast-200));\n\n    display: inline-block;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── rounded attribute → CSS variable ───────────────────── */\n\n  :host([rounded='none']) {\n    --_radius: var(--rounded-none, 0);\n  }\n\n  :host([rounded='sm']) {\n    --_radius: var(--rounded-sm);\n  }\n\n  :host([rounded='md']) {\n    --_radius: var(--rounded-md);\n  }\n\n  :host([rounded='lg']) {\n    --_radius: var(--rounded-lg);\n  }\n\n  :host([rounded='xl']) {\n    --_radius: var(--rounded-xl);\n  }\n\n  :host([rounded='2xl']) {\n    --_radius: var(--rounded-2xl);\n  }\n\n  :host([rounded='3xl']) {\n    --_radius: var(--rounded-3xl);\n  }\n\n  :host([rounded='full']) {\n    --_radius: var(--rounded-full);\n  }\n\n  /* ── size variants ───────────────────────────────────────── */\n\n  :host([size='sm']) {\n    --_padding: var(--copy-command-padding, var(--size-1) var(--size-2));\n    --_font-size: var(--copy-command-font-size, var(--text-xs));\n  }\n\n  :host([size='lg']) {\n    --_padding: var(--copy-command-padding, var(--size-2-5) var(--size-4));\n    --_font-size: var(--copy-command-font-size, var(--text-base));\n  }\n\n  /* ── visual variants ─────────────────────────────────────── */\n\n  :host([variant='bordered']) {\n    --_bg: var(--copy-command-bg, transparent);\n    --_border-color: var(--copy-command-border-color, var(--color-contrast-400));\n  }\n\n  :host([variant='ghost']) {\n    --_bg: var(--copy-command-bg, transparent);\n    --_border-color: var(--copy-command-border-color, transparent);\n    --_hover-bg: var(--copy-command-hover-bg, var(--color-contrast-100));\n  }\n\n  /* ── layout ──────────────────────────────────────────────── */\n\n  .wrapper {\n    display: inline-flex;\n    align-items: stretch;\n    overflow: hidden;\n    background: var(--_bg);\n    border: var(--border) solid var(--_border-color);\n    border-radius: var(--_radius);\n    transition:\n      border-color var(--transition-normal),\n      background var(--transition-normal);\n  }\n\n  /* ── command button ──────────────────────────────────────── */\n\n  .command {\n    display: inline-flex;\n    flex: 1;\n    gap: var(--size-2);\n    align-items: center;\n    padding: var(--_padding);\n    font-family: var(--font-mono);\n    font-size: var(--_font-size);\n    color: var(--_color);\n    text-align: start;\n    cursor: pointer;\n    background: transparent;\n    border: none;\n    transition: background var(--transition-normal);\n  }\n\n  .command:hover {\n    background: var(--_hover-bg);\n  }\n\n  .command:focus-visible {\n    outline: 2px solid var(--color-primary);\n    outline-offset: -2px;\n    border-radius: calc(var(--_radius) - 1px);\n  }\n\n  /* ── command text ────────────────────────────────────────── */\n\n  .command-text {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-family: inherit;\n    font-size: inherit;\n    color: inherit;\n    white-space: nowrap;\n    background: transparent;\n  }\n\n  /* ── copy icon ───────────────────────────────────────────── */\n\n  .copy-icon {\n    display: inline-flex;\n    flex-shrink: 0;\n    align-items: center;\n    color: var(--_icon-color);\n    transition: color var(--transition-normal);\n  }\n\n  .icon-copied {\n    color: var(--color-success, oklch(64% 0.17 142deg));\n  }\n\n  .icon-failed {\n    color: var(--color-danger, oklch(63% 0.21 25deg));\n  }\n\n  /* ── suffix slot ─────────────────────────────────────────── */\n\n  .suffix {\n    display: flex;\n    align-items: stretch;\n    border-inline-start: var(--border) solid var(--_border-color);\n  }\n\n  .suffix[hidden] {\n    display: none;\n  }\n\n  ::slotted([slot='suffix']) {\n    display: flex;\n    align-items: center;\n  }\n\n  /* .sr-only is provided by the shared srOnlyMixin (see styles: [...] in copy-command.ts) */\n}\n"],"mappings":""}