/* Shared copy glyph: option 05, minimal double page. Existing copy behavior is
   untouched; masks supply visuals without adding text to the copied value. */
/* Layered important rules beat legacy module-specific important glyph rules,
   including asynchronously injected styles, without changing those modules. */
@layer hl-copy-icons {
html body [data-hl-copy-icon] {
  --hl-copy-color: #6f7f95;
  --hl-copy-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 16H3.5V3.5H16V5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='7.5' y='7.5' width='13' height='13' rx='1.6' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E");
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  box-sizing: border-box !important;
  color: var(--hl-copy-color) !important;
  font-size: 0 !important;
  font-style: normal !important;
  line-height: 16px !important;
  opacity: 1 !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  vertical-align: text-bottom !important;
}
html body [data-hl-copy-icon="only"],
html body [data-hl-copy-icon="nested"] {
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  flex: 0 0 16px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body [data-hl-copy-icon="only"] { cursor: pointer !important; }
html body [data-hl-copy-icon="nested"] { pointer-events: none !important; }
html body [data-hl-copy-icon]::before {
  content: "" !important;
  position: static !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
  -webkit-mask: var(--hl-copy-mask) center / 16px 16px no-repeat !important;
  mask: var(--hl-copy-mask) center / 16px 16px no-repeat !important;
  transform: none !important;
  pointer-events: none !important;
}
html body [data-hl-copy-icon]::after { content: none !important; }
html body [data-hl-copy-icon="only"] > * { display: none !important; }
html body [data-hl-copy-icon="label"]::after {
  content: attr(data-hl-copy-label) !important;
  display: inline !important;
  margin-left: 4px !important;
  font-size: 12px !important;
  line-height: inherit !important;
}
html body [data-hl-copy-control]:is(:hover, :focus-visible) [data-hl-copy-icon],
html body [data-hl-copy-icon]:is(:hover, :focus-visible) {
  --hl-copy-color: #1594ed;
  opacity: 1 !important;
}
html body [data-hl-copy-icon][data-hl-copy-feedback] {
  font-size: 14px !important;
}
html body [data-hl-copy-icon][data-hl-copy-feedback]::before { display: none !important; }
@media (forced-colors: active) {
  html body [data-hl-copy-icon] { forced-color-adjust: none; --hl-copy-color: ButtonText; }
  html body [data-hl-copy-control]:is(:hover, :focus-visible) [data-hl-copy-icon],
  html body [data-hl-copy-icon]:is(:hover, :focus-visible) { --hl-copy-color: Highlight; }
}
}