@layer env.components {
  .env-copy-button-status,
  .env-copy-button-field {
    --env-copy-button-field-size: 0.0625rem;
    position: absolute;
    inline-size: var(--env-copy-button-field-size);
    block-size: var(--env-copy-button-field-size);
    margin: calc(-1 * var(--env-copy-button-field-size));
    padding: 0;
    border: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .env-copy-button-field {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    opacity: 0;
    pointer-events: none;
  }
  @media (prefers-reduced-motion: no-preference) {
    .env-copy-button[data-copied] .env-icon > svg {
      animation: env-motion-pop-in var(--env-motion-duration-medium) var(--env-motion-ease-enter);
    }
  }
}
