[data-tone=dark]{--quote-text:var(--color-on-dark);--quote-mark:var(--color-on-dark-muted);--quote-attribution:var(--color-on-dark-muted)}figure.quote{gap:var(--space-3);flex-direction:column;padding:0;display:flex}figure.quote[data-panel=true]{padding:var(--space-5);border-radius:var(--radius-xl);background-color:var(--fill-raised);box-shadow:var(--shadow-raised);backdrop-filter:var(--raised-backdrop)}figure.quote>.icon{color:var(--quote-mark)}figure.quote>.text{padding:0}figure.quote>.text>p{max-width:var(--measure-prose);color:var(--quote-text);font-size:var(--text-lead);line-height:var(--text-lead-leading)}figure.quote>.attribution{color:var(--quote-attribution);align-items:center;gap:var(--space-3);font-size:var(--text-small);line-height:var(--text-small-leading);display:flex}figure.quote>.attribution>.media[data-kind=portrait]{block-size:var(--space-7);inline-size:var(--space-7);border-radius:var(--radius-xs);object-fit:cover;flex:none;display:block}figure.quote>.attribution>.media[data-kind=initials]{block-size:var(--space-7);inline-size:var(--space-7);border-radius:var(--radius-xs);background-color:var(--fill-quiet);color:var(--fill-quiet-on);font-family:var(--font-heading);font-weight:var(--weight-heading);flex:none;place-items:center;display:grid}figure.quote>.attribution>.media[data-kind=logo]{block-size:var(--space-5);flex:none;inline-size:auto;display:block}[data-tone=dark] figure.quote .media[data-kind=logo]{filter:grayscale()brightness(100)}figure.quote[data-variant=proof]{gap:var(--space-5);grid-template:".mark"1fr"logo mark""text text""attribution attribution"/minmax(0,1fr) auto;block-size:100%;display:grid}figure.quote[data-variant=proof]>.icon{block-size:var(--icon-figure);inline-size:var(--icon-figure);color:var(--mark-emphasis);grid-area:mark;align-self:start}figure.quote[data-variant=proof]>.media[data-kind=logo]{block-size:var(--space-6);grid-area:logo;align-self:end;inline-size:auto;max-inline-size:100%;display:block}figure.quote[data-variant=proof]>.media[data-kind=logo][data-compact]{block-size:var(--space-7)}figure.quote[data-variant=proof]>.text{grid-area:text}figure.quote[data-variant=proof]>.text>p{max-width:none;font-family:var(--font-heading);font-size:var(--text-h6);font-weight:var(--weight-heading);letter-spacing:var(--text-h6-tracking);line-height:var(--text-h6-leading)}figure.quote[data-variant=proof]>.text>p>.hl{color:var(--heading-emphasis)}figure.quote[data-variant=proof]>.attribution{font-size:var(--text-body);line-height:var(--text-body-leading);grid-area:attribution}figure.quote[data-variant=proof][data-portrait]{grid-template:"portrait portrait""logo mark""text text"1fr"attribution attribution"/minmax(0,1fr) auto}figure.quote[data-variant=proof]>.portrait{aspect-ratio:4/3;border-radius:var(--radius-xs);grid-area:portrait;min-block-size:0;position:relative;overflow:hidden}figure.quote[data-variant=proof]>.portrait>img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}@media (width>=48rem){figure.quote[data-variant=proof][data-portrait]{grid-template:"portrait logo mark""portrait text text"1fr"portrait attribution attribution"/minmax(0,4fr) minmax(0,7fr) auto}figure.quote[data-variant=proof]>.portrait{aspect-ratio:7/6;place-self:stretch stretch}}figure.quote>.attribution>cite{font-style:normal}figure.quote>.attribution>cite:before{content:"— "}div.quote-carousel[data-carousel]{align-items:center;gap:var(--space-4);grid-template-columns:auto 1fr auto;grid-template-areas:"slides slides slides""previous dots next";display:grid}div.quote-carousel[data-carousel]>.slides{gap:var(--space-5);grid-area:slides;display:grid}div.quote-carousel[data-carousel]>.step[data-step="-1"]{grid-area:previous}div.quote-carousel[data-carousel]>.step[data-step="1"]{grid-area:next}div.quote-carousel[data-carousel]>.dots{grid-area:dots;justify-content:center;display:flex}div.quote-carousel[data-carousel]>:is(.step,.dots)[hidden]{display:none}div.quote-carousel[data-carousel]>.slides>.slide[hidden]{visibility:hidden;display:block}@media (scripting:enabled){div.quote-carousel[data-carousel]>.step[hidden]{display:grid}div.quote-carousel[data-carousel]>.dots[hidden]{display:flex}div.quote-carousel[data-carousel]>.slides>.slide{grid-area:1/1}div.quote-carousel[data-carousel]:has(>.dots[hidden])>.slides>.slide+.slide{visibility:hidden}}div.quote-carousel[data-carousel]>.step{block-size:var(--space-7);inline-size:var(--space-7);border:var(--line-width) solid var(--color-border-secondary-action);border-radius:var(--radius-pill);background-color:var(--color-surface-secondary-action);color:var(--color-text-secondary-on-action);cursor:pointer;transition:background-color var(--dur-150) var(--ease), translate var(--dur-150) var(--ease);place-items:center;display:grid}div.quote-carousel[data-carousel]>.dots>.dot{block-size:var(--space-7);inline-size:var(--space-7);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}div.quote-carousel[data-carousel]>.dots>.dot:before{block-size:var(--space-2);inline-size:var(--space-2);border:var(--line-width) solid var(--edge-control);border-radius:var(--radius-pill);content:""}div.quote-carousel[data-carousel]>.dots>.dot[aria-selected=true]:before{inline-size:var(--space-5);border-color:var(--fill-strong);background-color:var(--fill-strong)}div.quote-carousel[data-carousel]>.step:hover{background-color:var(--color-surface-secondary-action-hover)}@media (prefers-reduced-motion:no-preference){div.quote-carousel[data-carousel]>.step:hover{translate:0 calc(var(--space-1) / -2)}div.quote-carousel[data-carousel]>.step:active{translate:none}}div.quote-carousel[data-carousel]>.step:focus-visible,div.quote-carousel[data-carousel]>.dots>.dot:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}div.quote-carousel[data-carousel]>.step:focus-visible{outline-color:var(--color-border-secondary-focus);outline-offset:var(--focus-offset-action)}div.quote-carousel[data-carousel][data-animate]>.slides>.slide:not([hidden]){animation:quote-carousel-in var(--dur-250) var(--ease)}@media (width>=48rem){div.quote-carousel[data-carousel]{grid-template-areas:"previous slides next"".dots."}}@keyframes quote-carousel-in{0%{opacity:0}}
