<style>
  #install {
    display: inline-flex;
    align-items: center;
    margin: 0.5rem 2rem;
    padding: 0.75rem 1rem;
    border: 1px dashed var(--color-fg-highlight-tertiary);
    max-width: 90%;
    cursor: pointer;
  }
  #install:hover {
    border-color: var(--color-fg-contrast);
  }
  #install:active {
    border-color: var(--color-fg-highlight-secondary);
  }
  #install code {
    line-height: 16px;
    text-overflow: ellipsis;
    color: var(--color-fg-highlight-tertiary);
    overflow-x: hidden;
    white-space: nowrap;
  }
  #install:hover object svg {
    width: 16px;
    height: 16px;
    filter: brightness(130%);
  }
  #install:hover code {
    color: var(--color-fg-contrast);
  }
  #install:hover svg {
    color: var(--color-fg-contrast);
  }
  #install:active svg {
    color: var(--color-fg-highlight-secondary);
  }
  #install svg {
    color: var(--color-fg-highlight-tertiary);
  }
  #install:active code {
    color: var(--color-fg-highlight-secondary);
  }
  #install-copy {
    display: flex;
    align-items: center;
    color: var(--color-fg-highlight-secondary);
    line-height: 16px;
    margin-left: 1rem;
  }
</style>

<div id="install">
  <code id="install-command">curl -sSLf {{ site.url }}/install | sh</code>
  <span id="install-copy">
    <svg width="16" height="16" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect x="60" y="24" width="12" height="12" fill="currentColor"/>
      <rect x="72" y="24" width="12" height="12" fill="currentColor"/>
      <rect x="84" y="24" width="12" height="12" fill="currentColor"/>
      <rect x="96" y="24" width="12" height="12" fill="currentColor"/>
      <rect x="108" y="24" width="12" height="12" fill="currentColor"/>
      <rect x="120" y="24" width="12" height="12" fill="currentColor"/>
      <rect x="132" y="24" width="12" height="12" fill="currentColor"/>
      <rect x="144" y="24" width="12" height="12" fill="currentColor"/>
      <rect x="60" y="36" width="12" height="12" fill="currentColor"/>
      <rect x="144" y="36" width="12" height="12" fill="currentColor"/>
      <rect x="144" y="48" width="12" height="12" fill="currentColor"/>
      <rect x="24" y="60" width="12" height="12" fill="currentColor"/>
      <rect x="36" y="60" width="12" height="12" fill="currentColor"/>
      <rect x="48" y="60" width="12" height="12" fill="currentColor"/>
      <rect x="60" y="60" width="12" height="12" fill="currentColor"/>
      <rect x="72" y="60" width="12" height="12" fill="currentColor"/>
      <rect x="84" y="60" width="12" height="12" fill="currentColor"/>
      <rect x="96" y="60" width="12" height="12" fill="currentColor"/>
      <rect x="108" y="60" width="12" height="12" fill="currentColor"/>
      <rect x="144" y="60" width="12" height="12" fill="currentColor"/>
      <rect x="24" y="72" width="12" height="12" fill="currentColor"/>
      <rect x="108" y="72" width="12" height="12" fill="currentColor"/>
      <rect x="144" y="72" width="12" height="12" fill="currentColor"/>
      <rect x="24" y="84" width="12" height="12" fill="currentColor"/>
      <rect x="108" y="84" width="12" height="12" fill="currentColor"/>
      <rect x="144" y="84" width="12" height="12" fill="currentColor"/>
      <rect x="24" y="96" width="12" height="12" fill="currentColor"/>
      <rect x="108" y="96" width="12" height="12" fill="currentColor"/>
      <rect x="144" y="96" width="12" height="12" fill="currentColor"/>
      <rect x="24" y="108" width="12" height="12" fill="currentColor"/>
      <rect x="108" y="108" width="12" height="12" fill="currentColor"/>
      <rect x="144" y="108" width="12" height="12" fill="currentColor"/>
      <rect x="24" y="120" width="12" height="12" fill="currentColor"/>
      <rect x="108" y="120" width="12" height="12" fill="currentColor"/>
      <rect x="144" y="120" width="12" height="12" fill="currentColor"/>
      <rect x="24" y="132" width="12" height="12" fill="currentColor"/>
      <rect x="108" y="132" width="12" height="12" fill="currentColor"/>
      <rect x="132" y="132" width="12" height="12" fill="currentColor"/>
      <rect x="144" y="132" width="12" height="12" fill="currentColor"/>
      <rect x="24" y="144" width="12" height="12" fill="currentColor"/>
      <rect x="108" y="144" width="12" height="12" fill="currentColor"/>
      <rect x="24" y="156" width="12" height="12" fill="currentColor"/>
      <rect x="108" y="156" width="12" height="12" fill="currentColor"/>
      <rect x="24" y="168" width="12" height="12" fill="currentColor"/>
      <rect x="36" y="168" width="12" height="12" fill="currentColor"/>
      <rect x="48" y="168" width="12" height="12" fill="currentColor"/>
      <rect x="60" y="168" width="12" height="12" fill="currentColor"/>
      <rect x="72" y="168" width="12" height="12" fill="currentColor"/>
      <rect x="84" y="168" width="12" height="12" fill="currentColor"/>
      <rect x="96" y="168" width="12" height="12" fill="currentColor"/>
      <rect x="108" y="168" width="12" height="12" fill="currentColor"/>
    </svg>
  </span>
</div>