.copyable-text-field {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  font-size: 14px;
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  display: flex; }
  .copyable-text-field .copyable-text-field-text-tooltip-container {
    width: calc(100% - 31px);
    display: inline-block; }
    .copyable-text-field .copyable-text-field-text-tooltip-container > div {
      width: 100%; }
  .copyable-text-field .copyable-text-field-text {
    width: 100%;
    padding: 7px;
    float: left;
    margin: 0;
    font-family: Menlo, Monaco, Consolas, Courier;
    margin-right: 1px;
    white-space: normal;
    word-wrap: break-word; }
    @media screen and (-ms-high-contrast: active) {
      .copyable-text-field .copyable-text-field-text:focus {
        outline: 1px dashed rgba( 0, 0, 0 ,  1 ); } }
  .copyable-text-field .copy-button {
    padding: 0px;
    vertical-align: baseline;
    border: none;
    border-radius: 0;
    color: rgba(0, 0, 0, .9);
    color: var(--text-primary-color,rgba(0, 0, 0, .9));
    height: 30px;
    width: 30px;
    min-width: 30px;
    margin: 0; }
    .copyable-text-field .copy-button:hover {
      background: rgba( 234, 234, 234 ,  1 );
      background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }