blockquote {
  margin: 0;
  padding-block: 0;
  padding-inline-end: 0;
  padding-inline-start: 0.66em;
  border-inline-start: 1px solid var(--color-border);
}

.hey-quote {
  summary {
    list-style: none;
    outline: none;
    cursor: pointer;

    @media print {
      display: none;
    }

    &::-webkit-details-marker {
      display: none;
    }

    &:focus-visible::before {
      outline: none;
      box-shadow: 0 0 0 2px var(--color-focus-ring);
    }

    &::before {
      content: "Show quote";
      display: inline-flex;
      border-radius: 1.5rem;
      margin: 0.75em 0 2px 2px;
      width: 1.75rem;
      height: 1.75rem;
      background: url("/assets/icons/quote-0794c2a3.svg") center / 100% no-repeat;
      overflow: hidden;
      text-indent: -9999rem;
    }

    @media (min-width: 40em) {
      &::before {
        width: 1.5rem;
        height: 1.5rem;
      }
    }
  }

  &[open] > summary::before {
    margin-bottom: 1rem;
    background-image: url("/assets/icons/quote-open-6cf672b1.svg");
  }
}