:root{--quotation-box-avatar-size:3rem;--quotation-box-avatar-border-color:rgba(0,0,0,.2);--quotation-box-avatar-border-size:1px;--quotation-box-background-color:hsla(0,0%,75%,.1);--quotation-box-border-radius:2rem;--quotation-box-border-size:1px;--quotation-box-border-style:solid;--quotation-box-border-color:hsla(0,0%,75%,.2);--quotation-box-decoration-size:8rem;--quotation-box-decoration-color:rgba(0,0,0,.1)}.quotation-box blockquote{background-color:var(--quotation-box-background-color);border:var(--quotation-box-border-size) var(--quotation-box-border-style) var(--quotation-box-border-color);border-radius:var(--quotation-box-border-radius);margin:0;padding:var(--quotation-box-border-radius)}.quotation-box blockquote>div{display:flex}.quotation-box blockquote>div:after,.quotation-box blockquote>div:before{color:var(--quotation-box-decoration-color);display:block;font-family:Helvetica,Arial,sans-serif;font-size:var(--quotation-box-decoration-size);height:calc(var(--quotation-box-decoration-size)/2);line-height:var(--quotation-box-decoration-size)}.quotation-box blockquote>div:before{content:"\201C";margin-right:1rem}.quotation-box blockquote>div:after{content:"\201D";margin-left:1rem}.quotation-box footer{display:flex;font-size:.8rem;justify-content:space-between}.quotation-box footer>div{align-self:center;display:flex;gap:.6rem;max-width:50%}.quotation-box footer>div:not(quotation-box__author)>img{height:auto;max-width:100%}.quotation-box footer div.quotation-box__author img{border:var(--quotation-box-avatar-border-size) solid var(--quotation-box-avatar-border-color);border-radius:var(--quotation-box-avatar-size);height:var(--quotation-box-avatar-size);width:var(--quotation-box-avatar-size)}.quotation-box footer cite{display:block}