@layer components{.blockquote{--blockquote-image-size:112px;--blockquote-image-border-radius:50%;--blockquote-icon-size:var(--spacing-xl);--blockquote-icon-image:var(--icon-blockquote-round);--blockquote-image-margin-top:0;--blockquote-image-justify-self:center;--blockquote-font-family:var(--font-family-text);--blockquote-font-size:var(--font-size-normal);--blockquote-text-color:var(--color-font);--blockquote-text-link-color:var(--color-primary);--blockquote-text-link-color-hover:var(--color-primary-dark);--blockquote-gap:var(--spacing-normal);--blockquote-quote-margin:0;--blockquote-line-height:var(--line-height-normal);--blockquote-author-prefix:"—";--blockquote-max-width:var(--content-max-width);--blockquote-border-radius:var(--border-radius-default);--blockquote-padding:0;--blockquote-background-color:var(--color-bg);--blockquote-text-font-size:var(--font-size-normal);--blockquote-text-line-height:1.5;--blockquote-text-margin:var(--spacing-s) 0 0;--blockquote-z-index:var(--z-index-content);--blockquote-image-transform:scale(1);--blockquote-image-transition:var(--focus-image-transform-transition);--blockquote-icon-color:var(--color-font-dark);--blockquote-author-grid-column:2;grid-gap:var(--blockquote-gap);background-color:var(--blockquote-background-color);border-radius:var(--blockquote-border-radius);display:grid;grid-template-areas:var(--blockquote-grid-template-areas);grid-template-columns:var(--blockquote-grid-template-columns);margin:0 auto;max-width:var(--blockquote-max-width);min-height:0;min-width:0;padding:var(--blockquote-padding);z-index:var(--blockquote-z-index)}.blockquote[is-column]{padding:0}.chapter[background-color]:not([background-color=bg]) .blockquote,.chapter[has-background-media] .blockquote{--blockquote-padding:var(--content-inner-padding)}.blockquote:not([element-design=default]){--blockquote-padding:var(--spacing-l);--blockquote-icon-color:var(--color-bg);--blockquote-text-color:var(--color-bg);--blockquote-text-link-color:var(--color-bg);--blockquote-text-link-color-hover:var(--color-bg-o-75)}.blockquote[element-design=primary]{--blockquote-background-color:var(--color-primary);--blockquote-text-color:var(--color-bg)}.blockquote[element-design=secondary]{--blockquote-background-color:var(--color-secondary);--blockquote-text-color:var(--color-bg)}.blockquote[element-design=inverted]{--blockquote-background-color:var(--color-font);--blockquote-text-color:var(--color-bg)}.blockquote__image-link{overflow:hidden}.blockquote__image,.blockquote__image-link{border-radius:var(--blockquote-image-border-radius);display:block;grid-area:blockquoteImage;height:var(--blockquote-image-size);margin:0 auto;width:var(--blockquote-image-size)}.blockquote__image{justify-self:var(--blockquote-image-justify-self);-o-object-fit:cover;object-fit:cover;transform:var(--blockquote-image-transform);transition:var(--blockquote-image-transition)}.blockquote__blockquote{color:var(--blockquote-text-color);font-family:var(--blockquote-font-family);font-size:var(--blockquote-font-size);grid-area:blockquoteQuote;line-height:var(--blockquote-line-height);margin:var(--blockquote-quote-margin);margin-top:var(--blockquote-icon-size);position:relative}.blockquote__blockquote:before{background-color:var(--blockquote-icon-color);content:"";display:block;height:var(--blockquote-icon-size);left:0;mask-image:var(--blockquote-icon-image);-webkit-mask-image:var(--blockquote-icon-image);mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;position:absolute;top:0;transform:translateY(-100%);width:var(--blockquote-icon-size)}.blockquote__blockquote *,.blockquote__content *{color:var(--blockquote-text-color)}.blockquote__blockquote :not(h1,h2,h3,[class*=font--]),.blockquote__content :not(h1,h2,h3,[class*=font--]){color:var(--blockquote-text-color);font-size:var(--blockquote-text-font-size);line-height:var(--blockquote-text-line-height)}:is(.blockquote__content,.blockquote__blockquote) :not(ul,ol){margin:var(--blockquote-text-margin)}.blockquote__content a{color:var(--blockquote-text-link-color);word-break:break-word}.blockquote__content a:is(:hover,:focus-visible){color:var(--blockquote-text-link-color-hover)}.blockquote__content a:focus-visible{outline:var(--focus-outline-width) solid var(--blockquote-text-link-color);outline-offset:var(--focus-outline-offset)}.blockquote__author{--blockquote-font-family:var(--font-family-text);--blockquote-font-size:var(--font-size-normal);--blockquote-text-color:var(--color-font);--blockquote-line-height:var(--line-height-normal);color:var(--blockquote-text-color);font-family:var(--blockquote-font-family);font-size:var(--blockquote-font-size);grid-area:blockquoteAuthor;grid-column:var(--blockquote-author-grid-column);line-height:var(--blockquote-line-height)}:is(.blockquote[element-design=primary],.blockquote[element-design=secondary],.blockquote[element-design=inverted]) .blockquote__author{--blockquote-text-color:var(--color-bg)}.blockquote__author:before{content:var(--blockquote-author-prefix);margin-right:var(--spacing-s)}.blockquote[blockquote-direction=horizontal]{--blockquote-gap:var(--spacing-normal) var(--spacing-m);--blockquote-grid-template-columns:var(--blockquote-image-size) 1fr;--blockquote-grid-template-areas:"blockquoteImage blockquoteQuote" "blockquoteImage blockquoteAuthor";--blockquote-image-size:70px;--blockquote-author-grid-column:2;--blockquote-image-margin-top:var(--spacing-m);grid-template-rows:auto auto}.blockquote[blockquote-direction=vertical]{--blockquote-grid-template-columns:1fr;--blockquote-grid-template-areas:"blockquoteImage" "blockquoteQuote" "blockquoteAuthor";--blockquote-author-grid-column:1;--blockquote-grid-template-rows:repeat(3,max-content);grid-template-rows:var(--blockquote-grid-template-rows)}@container (min-width: 640px){.grid:not([grid-type=wide]) .blockquote:not([element-design=default]){--blockquote-padding:var(--spacing-xl)}}@container (min-width: 960px){.grid:not([grid-type=wide]) .blockquote:not([element-design=default]){--blockquote-padding:var(--spacing-xxl)}.blockquote[blockquote-direction=horizontal]{--blockquote-gap:var(--spacing-normal) var(--spacing-xl);--blockquote-image-size:112px}}@media (hover:hover){.blockquote__image-link:hover{--blockquote-image-transform:var(--focus-image-transform)}}}