.quote{container-type:inline-size;--quote_mark_width: 2.6rem;--quote_mark_color: var(--primary_color);--quote_portrait: 4.5rem;--quote_rule: 1px solid var(--line_color_light);border:0;position:relative;display:flex;flex-direction:column;height:100%;padding-block-start:calc(var(--quote_mark_width)*.75 + var(--space_m))}@media(min-width: 580px){.quote{--quote_mark_width: 3.2rem}}.quote::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:var(--quote_mark_width);aspect-ratio:4/3;background-color:var(--quote_mark_color);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 36'%3E%3Cpath d='M0 0h8v16h12v20H0zM28 0h8v16h12v20H28z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}.quote_content{display:flex;flex-direction:column;gap:var(--space_m);align-items:stretch;flex:1 1 auto}.quote>figcaption{margin-block-start:auto}.quote_text{color:var(--title_color);font-size:var(--h5_size);font-weight:300;line-height:1.5;text-wrap:pretty}.quote_text p{margin:0}.quote .avatar{--avatar_size: var(--quote_portrait);margin-block-start:auto;padding-block-start:var(--space_m);border-block-start:var(--quote_rule);width:100%}.quote .avatar .avatar_image{border-radius:0;height:var(--avatar_size)}.quote .avatar .avatar_image img{width:100%;height:100%;object-fit:cover}.quote .avatar .avatar_name{color:var(--title_color);font-weight:600;font-size:1.075rem;line-height:1.3}.quote .avatar .avatar_note{color:var(--text_color);opacity:.7}.quote:is([data-surface=boxed],.surface_boxed){--surface_bg: var(--light_color_dark);--surface_shadow: none}