@layer brand, tokens, density, elements, values, brand-mark, spacing, cut-edges, actions, panels, marks, roles, headings, regions, authored-text, shell, absence, layouts, motion, states, embed, tables, truncation, print, without-fills, hidden;
@layer elements {
  .kit-role-copyable {
    --_kit-text-line: var(--_kit-body-leading);
    --_kit-text-trim: none;
  }
  .kit-role-copyable {
    overflow-wrap: break-word;
  }
}
@layer values {
  @media screen {
    .kit-role-copyable > .kit-region-address {
      text-decoration: inherit;
      text-box-trim: none;
    }
  }
  @media screen {
    .kit-role-copyable > .kit-region-address > .kit-region-halves {
      text-decoration: inherit;
      text-box-trim: trim-start;
    }
  }
  @media screen {
    .kit-role-copyable > .kit-region-address > .kit-region-halves > .kit-region-half {
      display: inline-flex;
      max-inline-size: 100%;
      line-break: auto;
      text-decoration: inherit;
      text-box-trim: none;
      vertical-align: baseline;
    }
  }
  @media screen {
    .kit-role-copyable > .kit-region-address > .kit-region-halves > .kit-region-half:last-child:not(:first-child) {
      display: inline-block;
    }
  }
  @media screen {
    .kit-role-copyable > code.kit-region-value,
    .kit-role-copyable > .kit-region-address {
      line-break: anywhere;
      text-wrap: balance;
    }
  }
}
@layer cut-edges {
  .kit-role-copyable[data-kit-holds~=code] > .kit-region-value {
    max-inline-size: 100%;
    overflow-x: auto;
  }
  @media screen {
    .kit-role-copyable[data-kit-holds~=code] > .kit-region-value {
      mask-image:
        linear-gradient(
          to right,
          rgb(0 0 0 / calc(1 - var(--_kit-preformatted-cut-start))),
          rgb(0 0 0) var(--_kit-inset)),
        linear-gradient(
          to left,
          rgb(0 0 0 / calc(1 - var(--_kit-preformatted-cut-end))),
          rgb(0 0 0) var(--_kit-inset));
      mask-composite: intersect;
      animation-name: kit-preformatted-cut-start, kit-preformatted-cut-end;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: scroll(self inline), scroll(self inline);
    }
  }
}
@layer panels {
  .kit-role-copyable {
    padding: var(--_kit-inset);
    color: var(--_kit-text-ink);
    background: var(--_kit-panel-surface);
    border: var(--_kit-panel-rule) solid light-dark(color-mix(in srgb, var(--_kit-text-ink) var(--_kit-panel-boundary-ink-light), var(--_kit-panel-boundary)), color-mix(in srgb, var(--_kit-text-ink) var(--_kit-panel-boundary-ink-dark), var(--_kit-panel-boundary)));
    border-radius: var(--_kit-panel-radius);
    box-shadow: var(--_kit-panel-lift);
  }
}
@layer roles {
  .kit-role-card .kit-role-copyable {
    position: relative;
    z-index: 1;
  }
  .kit-role-copyable {
    --_kit-copied-duration: 2s;
  }
  .kit-role-copyable {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--_kit-stack);
    inline-size: fit-content;
    max-inline-size: 100%;
    font-size: var(--_kit-body-size);
    padding: var(--_kit-inset-tight);
  }
  .kit-role-copyable > code.kit-region-value,
  .kit-role-copyable > code.kit-region-address {
    flex: 1 1 auto;
    min-inline-size: 0;
  }
  .kit-role-copyable[data-kit-holds~=prose],
  .kit-role-copyable[data-kit-holds~=code],
  .kit-role-copyable[data-kit-holds~=words] {
    align-items: start;
  }
  .kit-role-copyable > p.kit-region-value {
    flex: 1 1 auto;
    min-inline-size: 0;
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: break-word;
  }
  .kit-role-copyable > pre.kit-region-value {
    flex: 1 1 auto;
    min-inline-size: 0;
    margin: 0;
    white-space: pre;
    overflow: auto;
    max-block-size: calc(var(--kit-copyable-lines) * 1lh);
  }
  .kit-role-copyable > pre.kit-region-value > code.kit-region-code {
    white-space: pre;
    overflow-wrap: normal;
  }
  .kit-role-copyable[data-kit-holds~=words] {
    flex-wrap: wrap;
  }
  .kit-role-copyable[data-kit-holds~=words] > .kit-region-value,
  .kit-role-copyable[data-kit-holds~=words] > code.kit-region-address {
    flex-basis: 0;
  }
  .kit-role-copyable > .kit-region-words {
    flex: 0 0 100%;
    margin: 0;
  }
  .kit-region-fact > .kit-role-copyable {
    display: inline-flex;
    align-items: baseline;
    max-inline-size: 100%;
    padding: 0;
    color: inherit;
    background: none;
    border: 0;
    box-shadow: none;
  }
  .kit-region-grid[data-kit-table=comparison] .kit-region-fact > .kit-role-copyable > code.kit-region-value,
  .kit-region-grid[data-kit-table=comparison] .kit-region-fact > .kit-role-copyable > code.kit-region-address {
    min-inline-size: var(--_kit-field-medium);
  }
  .kit-role-row[data-kit-holds~=link] .kit-role-copyable {
    position: relative;
    z-index: 1;
  }
}
@layer tables {
  .kit-region-grid[data-kit-table=records][data-kit-holds~=link] > :is(tbody, tfoot) > tr > td.kit-region-cell .kit-role-copyable {
    position: relative;
    z-index: var(--_kit-tier-held-over);
  }
}
@layer print {
  @media print {
    .kit-role-copyable {
      break-inside: avoid;
    }
  }
}