.by-quote{position:fixed;inset:0;width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:42px;border:0;border-radius:12px;background:#fff;color:#333;box-shadow:0 24px 100px #0003;overflow:auto;overscroll-behavior:contain}
.by-quote::backdrop{background:rgba(20,24,29,.48);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.by-quote h2{font-size:28px;line-height:1.3;text-align:center;margin:0 20px 12px;color:var(--theme-palette-color-1)}
.by-quote>p{font-size:15px;line-height:1.7;text-align:center;color:#777;margin:0 0 28px}
.by-quote-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;padding:5px;width:32px;height:32px;min-height:0;background:transparent;color:#777;border:0;border-radius:4px;cursor:pointer}
.by-quote-close:hover{background:#f5f5f5;color:#333}
html.by-quote-open{overflow:hidden}
@media(max-width:689px){.by-quote{padding:38px 24px 28px;max-height:calc(100dvh - 24px)}.by-quote h2{font-size:25px}.by-quote>p{font-size:14px;margin-bottom:22px}}