:where([data-theme=surface],[data-theme=labs]){--background-color: var(--ucla-blue);--text-color: var(--white)}:where([data-theme=dgsom],[data-theme=labs-dynamic]){--background-color: var(--midnight-joshua-tree);--text-color: var(--white)}.quote{background-color:var(--background-color);color:var(--text-color);container:quote / inline-size;inline-size:100%;margin-block-end:var(--size-10)}.quote:not(:has(img)){background-color:transparent;color:var(--ucla-blue)}.quote:not(:has(img)) .quote__content{grid-template-columns:1fr}.quote:not(:has(img)) .quote__wrapper{border-inline-start-color:var(--ucla-blue);font-size:var(--font-size-4);font-weight:var(--font-weight-400)}.bg-santa-barbara-sand .quote:not(:has(img)) .quote__wrapper,.bg-venice-canal .quote:not(:has(img)) .quote__wrapper{border-inline-start-color:var(--ucla-yellow)}.bg-santa-barbara-sand .quote,.bg-venice-canal .quote{background-color:transparent}.bg-santa-barbara-sand .quote{color:var(--midnight-joshua-tree)}.bg-venice-canal .quote{color:var(--white)}[class^=mb-] .quote{margin-block-end:0}@container quote (max-inline-size: 96ch){.quote__content{padding-inline:var(--size-4)}}.quote__content{display:flex;flex-direction:column-reverse;gap:var(--size-4);padding-block:var(--size-4)}@container quote (min-inline-size: 96ch){.quote__content{display:grid;gap:var(--size-10);grid-template-columns:repeat(2,1fr);padding-block:var(--size-8)}.quote__text{align-items:center;display:flex;flex-direction:column;justify-content:center}}.quote__image img{inline-size:100%}.quote__wrapper{border-inline-start:var(--size-1) solid var(--ucla-yellow);font-size:var(--font-size-3);font-style:italic;font-weight:var(--font-weight-600);inline-size:100%;padding-block:var(--size-6);padding-inline-start:var(--size-6);quotes:"“""”""‘""’";text-wrap:pretty}.quote__wrapper>*+*{margin-block-start:var(--size-4)}.quote__wrapper :where(p):first-of-type:after{content:close-quote}.quote__wrapper :where(p):first-of-type:before{content:open-quote}.quote__wrapper .quote__author{display:block;font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-weight-400)}
