.liv-product-codes:not([hidden]) {
  display: flex; flex-wrap: wrap; gap: 14px; margin: 14px 0 20px;
  font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.5;
  color: #555; text-transform: none;
}
.liv-product-codes > span { min-width: 0; overflow-wrap: anywhere; }
.liv-product-codes .liv-code { position: relative; padding: 6px 5px; margin: -6px -5px; }
.liv-product-codes .liv-code-copy {
  position: absolute; bottom: 100%; left: 5px; z-index: 20;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 34px; padding: 7px 11px; margin: 0;
  border: 1px solid #dedede; border-radius: 4px;
  background: #fff; color: #333; box-shadow: 0 2px 7px rgb(0 0 0 / 8%);
  font-family: inherit; font-size: 12px; font-weight: 400; line-height: 1.4;
  text-transform: none; white-space: nowrap; cursor: pointer;
  opacity: 0; pointer-events: none; user-select: none;
}
.liv-product-codes .liv-code-copy::after {
  content: ''; position: absolute; top: 100%; left: -5px; width: calc(100% + 10px); height: 14px;
}
.liv-product-codes .liv-code:hover .liv-code-copy,
.liv-product-codes .liv-code-copy:focus-visible {
  opacity: 1; pointer-events: auto;
}
.liv-product-codes .liv-code-copy:hover { border-color: #333; color: #333; }
.liv-product-codes .liv-code-copy:focus-visible { outline: 2px solid #333; outline-offset: 2px; }
.liv-product-codes .liv-code-copy[data-copied] { border-color: #333; }
.liv-product-codes .liv-code-copy svg { flex: none; width: 14px; height: 14px; }
.liv-product-codes .liv-code.copy-dismissed .liv-code-copy { opacity: 0; pointer-events: none; }
.liv-copy-status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 767px), (hover: none), (pointer: coarse) {
  .liv-product-codes:not([hidden]) { row-gap: 4px; }
  .liv-product-codes .liv-code { padding: 0; margin: 0; }
  .liv-product-codes .liv-code-copy {
    position: static; opacity: 1; pointer-events: auto; min-height: 44px;
    margin: 4px 0 4px 6px; vertical-align: middle; box-shadow: none;
  }
  .liv-product-codes .liv-code-copy::after { display: none; }
}