.quote__container{row-gap:2.5rem}.quote__media-container .adaptive-image,.quote__media-container .adaptive-image__picture,.quote__media-container .media,.quote__media-container .media__container{block-size:100%;inline-size:100%}.quote__media-container img,.quote__media-container video{object-fit:cover;block-size:100%;inline-size:100%}.quote__media-container{--bg-color:var(--theme--component-color-tattoo-dark);background-color:var(--bg-color);block-size:100%;inline-size:100%;max-block-size:calc(100dvb - var(--navigation-height));grid-column:main}@media (width>=1024px){.quote__media-container{clip-path:border-box;border-radius:0 8px 8px 0;grid-row:1;max-inline-size:50%}.quote__media-container.quote__media-container--media-right{border-radius:8px 0 0 8px;justify-self:flex-end}}.quote__media-container.quote__media-container--square{aspect-ratio:1}.quote__media-container.quote__media-container--rect{aspect-ratio:3/2}.quote__content{grid-area:2/content}@media (width>=1024px){.quote__content{grid-area:1/8 content-col/auto/content-end}.quote__content.quote__content--centered{grid-column:3 content-col/11 content-col}.quote__content.quote__content--media-right{grid-column:content-start/5 gap}}.quote__content blockquote{text-transform:none}.quote__text-highlight{box-shadow:inset 0 -1.1em 0 color-mix(in srgb, var(--blog-bg-color,var(--quote-highlight-color)) 30%, transparent)}.quote__author-image .adaptive-image,.quote__author-image .adaptive-image__picture,.quote__author-image .media,.quote__author-image .media__container{block-size:100%;inline-size:100%}.quote__author-image img,.quote__author-image video{object-fit:cover;block-size:100%;inline-size:100%}.quote__author-image{clip-path:circle();block-size:4rem;inline-size:4rem}@media (width>=1024px){.quote__author-image{block-size:5rem;inline-size:5rem}}