.quote-container{container-type:inline-size;width:100%}.quote{--figure-max-width:80%;--image-min-size:24.375rem;--content-spacing:1rem;--content-offset:3rem;--content-vertical-offset:-6rem;--content-horizontal-offset:10%;--spacer-line-height:.125rem;--spacer-gap:.5rem;--icon-size:var(--icon-size-m);--theme-color:var(--color-light);--theme-background:var(--color-dark-trans-1);display:flex;flex-direction:column;gap:0}@container (width>20rem){.quote{--content-vertical-offset:-9.5rem;--icon-size:var(--icon-size-l);--spacer-line-height:.25rem;--spacer-gap:2rem}}@container (width>41.5rem){.quote{--content-spacing:3rem;--content-vertical-offset:calc(var(--image-min-size) / -2);--content-horizontal-offset:calc(var(--image-min-size) - var(--content-offset));--figure-max-width:100%;--icon-size:var(--icon-size-xl)}.stage__container--single .quote{max-width:75%;margin:0 auto}}.quote__avatar{display:flex}.quote__figure{display:flex;justify-content:start;max-width:var(--figure-max-width);position:relative}@container (width>41.5rem){.quote__figure{min-width:var(--image-min-size)}}.quote__image{width:var(--image-min-size);height:auto;max-width:100%}.quote__content{position:relative;margin-top:var(--content-vertical-offset)}.quote__box{display:flex;flex-direction:column;gap:var(--spacing);color:var(--theme-color);background:var(--theme-background);backdrop-filter:blur(10px);padding:2rem}.quote__spacer{display:flex;flex-direction:row;align-items:center;gap:var(--spacer-gap);padding-top:calc(var(--spacer-gap) + var(--icon-size))}.quote__spacer:has(.quote__icon){padding-top:var(--spacer-gap)}.quote__spacer:has(.quote__icon):before{content:"";display:block;width:100%;height:var(--spacer-line-height);background:var(--theme-background)}.quote__icon{color:var(--theme-background);font-size:var(--icon-size)}.quote__text{font-size:var(--typo-z-font-size,var(--typo-text-font-size));font-family:var(--typo-z-font-family,var(--typo-text-font-family));font-weight:var(--typo-z-font-weight,var(--typo-text-font-weight));line-height:var(--typo-z-line-height,var(--typo-text-line-height));font-style:var(--typo-z-font-style,var(--typo-text-font-style));margin:0;gap:var(--spacing)}.quote__source{font-family:var(--typo-text-font-family);font-weight:var(--typo-text-font-weight);line-height:var(--typo-text-line-height);font-style:var(--typo-text-font-style);font-size:var(--typo-s-font-size);font-family:var(--typo-s-font-family,var(--typo-text-font-family));font-weight:var(--typo-s-font-weight,var(--typo-text-font-weight));line-height:var(--typo-s-line-height,var(--typo-text-line-height));font-style:var(--typo-s-font-style,var(--typo-text-font-style))}.quote--align-left .quote__figure{justify-content:start}.quote--align-left .quote__spacer{flex-direction:row}.quote--align-left .quote__content{margin-left:var(--content-horizontal-offset)}.quote--align-right .quote__avatar{justify-content:end}.quote--align-right .quote__figure{justify-content:end}.quote--align-right .quote__spacer{flex-direction:row-reverse}.quote--align-right .quote__content{margin-right:var(--content-horizontal-offset)}.quote--theme-light{--theme-color:var(--color-dark);--theme-background:var(--color-light-trans-2)}.quote--no-image{--content-vertical-offset:0}