.quote{--quote-background:var(--color-brand-light);--quote-caption-background:var(--color-light-lightest);align-items:center;background-color:var(--quote-background);container-type:inline-size;display:flex;flex-flow:column;gap:.75rem;justify-content:center;padding:1.5rem var(--layout-gutter-x);width:100%}.quote--info{--quote-background:var(--color-info-light)}.quote--success{--quote-background:var(--color-success-light)}.quote--warning{--quote-background:var(--color-warning-light)}.quote:where(:not(:last-child)){margin-bottom:3rem}.quote__main{align-items:center;display:flex;flex-flow:column;gap:.75rem}@container (min-width: 480px){.quote__main{flex-flow:row}}@supports not (container-type:inline-size){@media(min-width:480px){.quote__main{flex-flow:row}}}.quote__caption{background-color:var(--quote-caption-background);flex:1;margin-bottom:1.5rem;order:-1;padding:1.125rem;position:relative}@container (min-width: 480px){.quote__caption{order:0}.quote__caption:where(:not(:first-child:last-child)){margin:0}.quote__caption:where(:not(:first-child:last-child)):where(:first-child){margin-right:1.5rem}.quote__caption:where(:not(:first-child:last-child)):where(:last-child){margin-left:1.5rem}}@supports not (container-type:inline-size){@media(min-width:480px){.quote__caption{order:0}.quote__caption:where(:not(:first-child:last-child)){margin:0}.quote__caption:where(:not(:first-child:last-child)):where(:first-child){margin-right:1.5rem}.quote__caption:where(:not(:first-child:last-child)):where(:last-child){margin-left:1.5rem}}}.quote__caption:after{border-color:var(--quote-caption-background) #0000;border-style:solid;border-width:1.5rem 1rem 0;content:"";display:block;height:0;left:0;margin:0 auto;position:absolute;right:0;top:100%;width:0}@container (min-width: 480px){.quote__caption:where(:not(:first-child:last-child)):after{border-color:#0000 var(--quote-caption-background);top:50%;transform:translateY(-50%)}}@supports not (container-type:inline-size){@media(min-width:480px){.quote__caption:where(:not(:first-child:last-child)):after{border-color:#0000 var(--quote-caption-background);top:50%;transform:translateY(-50%)}}}@container (min-width: 480px){.quote__caption:where(:not(:first-child:last-child)):where(:first-child):after{border-width:1rem 0 1rem 1.5rem;left:100%;right:auto}}@supports not (container-type:inline-size){@media(min-width:480px){.quote__caption:where(:not(:first-child:last-child)):where(:first-child):after{border-width:1rem 0 1rem 1.5rem;left:100%;right:auto}}}@container (min-width: 480px){.quote__caption:where(:not(:first-child:last-child)):where(:last-child):after{border-width:1rem 1.5rem 1rem 0;left:auto;right:100%}}@supports not (container-type:inline-size){@media(min-width:480px){.quote__caption:where(:not(:first-child:last-child)):where(:last-child):after{border-width:1rem 1.5rem 1rem 0;left:auto;right:100%}}}.quote__foot{display:block;font-family:var(--font-family-support);font-size:var(--font-size-xl);font-weight:var(--font-weight-light);text-align:center}