.quote{--gap:1rem;--flex-direction:column;--avatar-size:96px;--icon-size:var(--typo-z-min);width:100%;max-width:var(--text-max-width);margin:var(--spacing) auto}@media(min-width:1024px){.quote{--flex-direction:row;--avatar-size:190px;--icon-size:var(--typo-z-max);--gap:2rem}}.quote .quote__text{margin-bottom:var(--spacing)}@media(min-width:1024px){.stage__content--align-right .quote{--flex-direction:row-reverse}}.quote__body{display:flex;justify-content:center;flex-direction:var(--flex-direction);flex-wrap:nowrap;width:100%;gap:var(--gap)}.quote__icon,.quote__text,.quote__source{align-self:var(--align-content);position:relative}.quote__icon{font-size:var(--icon-size);margin-bottom:var(--spacing);color:var(--color);opacity:.2}.quote__avatar{justify-content:center;display:flex;flex:0 1 auto;flex-direction:column;align-items:center}@media(min-width:1024px){.quote__avatar{flex-basis:var(--avatar-size)}}.quote__avatar .copyright__text{text-align:center}.quote__avatar-image{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;overflow:hidden}.quote__content{display:flex;flex-direction:column;flex:0 1 auto;text-align:var(--text-align);align-items:center;position:relative}@media(min-width:1024px){.quote__content{flex-grow:1}}.quote--avatar .quote__body{flex-direction:var(--flex-direction);flex-wrap:nowrap;gap:var(--gap)}@media(min-width:1024px){.quote--avatar .quote__content{align-items:start}}.quote--avatar .quote__append .audioplayer{padding-left:0;margin-left:0}.quote--svg-background{--content-spacing:calc(6 * var(--element-spacing));--tail-svg-size:3rem;--tail-size:calc(var(--tail-svg-size) - var(--content-spacing))}@media(min-width:1024px){.quote--svg-background{--tail-svg-size:6rem}}.quote--svg-background .quote__content{background:#fff0;padding:var(--content-spacing)}.quote--svg-background .quote__background-svg{fill:var(--background-color);position:absolute;inset:0;width:100%;height:100%}.quote--svg-background .quote__background-tail{width:100%;height:var(--tail-size);background:#fff0;flex:0 0 auto;position:relative;align-self:center}@media(min-width:1024px){.quote--svg-background .quote__background-tail{width:var(--tail-size);height:100%}}.quote--svg-background .quote__background-tail-svg{fill:var(--background-color);position:absolute;top:calc(var(--content-spacing)/2);left:50%;width:var(--tail-svg-size);height:var(--tail-svg-size);transform:rotate(90deg) translateX(50%);transform-origin:top center}@media(min-width:1024px){.quote--svg-background .quote__background-tail-svg{top:50%;left:0;transform:translateY(-50%)}}@media(min-width:1024px){.stage__content--align-right .quote--svg-background .quote__background-tail-svg{left:calc(var(--content-spacing)*-1);transform:rotateY(180deg) translateY(-50%)}}