.tool-details {
  height: 100%; }
  .tool-details .overview {
    margin-bottom: 24px; }
  .tool-details .card {
    background: rgba( 255, 255, 255 ,  1 );
    background: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
    .tool-details .card p {
      margin-top: 20px;
      margin-bottom: 8px; }
    .tool-details .card .card-content > :first-child {
      margin-top: 0; }
    .tool-details .card p.body-s {
      margin-top: 6px; }
    .tool-details .card pre {
      margin: 0; }
    .tool-details .card p.tooldetails-smaller-margin {
      margin-top: 12px; }
    .tool-details .card .messagebar {
      background: inherit;
      padding-top: 0px;
      padding-left: 0px; }
    .tool-details .card .card-steps p {
      margin-top: 8px; }
  .tool-details .base64-encode-instructions {
    max-width: 44em; }
    .tool-details .base64-encode-instructions .copyable-text {
      padding-left: 2em;
      text-indent: -2em; }
      .tool-details .base64-encode-instructions .copyable-text .copyable-content {
        max-width: 46em; }
  .tool-details .copyable-text {
    margin-top: 8px;
    margin-bottom: 4px;
    background: rgba(0, 0, 0, 0.08);
    background: var(--palette-black-alpha-8,rgba(0, 0, 0, 0.08));
    font-family: Menlo, Consolas, Courier New, monospace; }
    .tool-details .copyable-text .copyable-content {
      padding: 6px 4px 6px 12px;
      white-space: pre-line;
      word-break: break-all; }
      .tool-details .copyable-text .copyable-content pre {
        white-space: pre-wrap; }
    .tool-details .copyable-text .copyable-content > :first-child {
      margin-top: 0; }
    .tool-details .copyable-text .copyable-content > :last-child {
      margin-bottom: 0; }
  .tool-details .firstTimeMessage {
    max-width: 50%; }
    @media screen and (max-width: 1023px) {
      .tool-details .firstTimeMessage {
        max-width: 100%; } }
    @media screen and (max-width: 1365px) {
      .tool-details .firstTimeMessage {
        max-width: 100%; } }
  .tool-details .warning-message {
    color: rgba(218, 10, 0, 1);
    color: var(--status-error-text,rgba(218, 10, 0, 1)); }