/**
 * Contains functions and mixins for breakpoints.
 */
/**
 * Map manipulation functions.
 */
blockquote {
  font-size: var(--font-size-l);
  color: var(--color-blue);
  border-image: var(--icon-quote-bar) 0 0 0 4;
  border-left: 3px solid transparent;
  position: relative;
  padding-left: 5rem;
  min-height: 10rem;
  margin: 0 0 2.5rem; }
  blockquote:before {
    content: var(--icon-quote-mark);
    display: block;
    position: absolute;
    top: 0;
    left: 1rem; }
    @media (min-width: 62rem) {
      blockquote:before {
        left: 3rem; } }
  blockquote footer {
    color: var(--color-gray-4);
    font-size: var(--font-size-s); }
  @media (min-width: 62rem) {
    blockquote {
      padding-left: 8rem; } }

/*# sourceMappingURL=quote.css.map */