.quote{--gap:1rem;--icon-size:var(--icon-size-l);--text-inset:calc(3rem / 2);width:100%;max-width:var(--text-max-width);margin:var(--spacing) auto}@media(min-width:1024px){.quote{--icon-size:var(--icon-size-xl);--text-inset:3rem;--gap:2rem}}.quote .quote__text{margin-bottom:var(--spacing)}.quote__body{display:flex;justify-content:center;flex-direction:column;flex-wrap:nowrap;width:100%;gap:var(--gap);position:relative}.quote__textblocks{padding:0 var(--text-inset)}.quote__icon,.quote__text,.quote__source{align-self:var(--align-content)}.quote__icon{font-size:var(--icon-size);margin-bottom:var(--spacing);color:var(--color);opacity:.2;position:absolute;left:var(--text-align);top:-30px;transform:rotate(-180deg)}.quote__content{position:relative;display:flex;flex-direction:column;flex:0 1 auto;text-align:var(--text-align);align-items:center}@media(min-width:1024px){.quote__content{flex-grow:1}}.quote--svg-background{--content-spacing:calc(6 * var(--element-spacing));--tail-svg-size:3rem;--tail-size:calc(var(--tail-svg-size) - var(--content-spacing));margin-top:0}@media(min-width:1024px){.quote--svg-background{--tail-svg-size:6rem}}.quote--svg-background .quote__body{background:#fff0;padding:var(--content-spacing)}.quote--svg-background .quote__content{margin-top:calc(-30px*-1)}.quote--svg-background .quote__background-svg{fill:var(--background-color);position:absolute;inset:0;width:100%;height:100%}