blockquote {
  border: solid 1px #e1e1e1;
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  padding: 2rem;
  padding-top: 2.5rem;
  position: relative;
}
blockquote::before {
  background-image: url("data:image/svg+xml,%3Csvg width='115' height='90' viewBox='0 0 115 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M89.2139 90C80.9149 90 74.2955 87.1569 69.3557 81.4706C64.4158 75.5882 61.9459 67.6471 61.9459 57.6471C61.9459 45.098 65.9966 33.6275 74.0979 23.2353C82.1993 12.8431 95.8333 5.09804 115 0V15.2941C109.27 17.2549 104.429 19.3137 100.477 21.4706C96.7225 23.4314 93.8574 25.7843 91.8814 28.5294C89.9055 31.0784 88.9175 34.3137 88.9175 38.2353C88.9175 40.3922 89.6091 42.1569 90.9923 43.5294C92.573 44.902 94.4502 46.1765 96.6237 47.3529C98.7972 48.5294 100.872 50 102.848 51.7647C105.021 53.3333 106.8 55.5882 108.183 58.5294C109.764 61.2745 110.554 65 110.554 69.7059C110.554 76.3726 108.479 81.4706 104.33 85C100.378 88.3333 95.3393 90 89.2139 90ZM27.268 90C18.9691 90 12.3497 87.1569 7.40979 81.4706C2.46993 75.5882 0 67.6471 0 57.6471C0 45.098 4.05069 33.6275 12.1521 23.2353C20.2534 12.8431 33.8875 5.09804 53.0541 0V15.2941C47.3239 17.2549 42.4828 19.3137 38.5309 21.4706C34.7766 23.4314 31.9115 25.7843 29.9356 28.5294C27.9596 31.0784 26.9716 34.3137 26.9716 38.2353C26.9716 40.3922 27.6632 42.1569 29.0464 43.5294C30.6271 44.902 32.4055 46.1765 34.3814 47.3529C36.555 48.5294 38.7285 50 40.9021 51.7647C43.0756 53.3333 44.854 55.5882 46.2371 58.5294C47.8179 61.2745 48.6082 65 48.6082 69.7059C48.6082 76.3726 46.5335 81.4706 42.384 85C38.4321 88.3333 33.3935 90 27.268 90Z' fill='%231D5970'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 5.625rem;
  width: 7.1875rem;
}
blockquote::after {
  background-color: var(--bs-primary, #ffda40);
  content: "";
  height: 0.125rem;
  position: absolute;
  right: 0;
  top: 4.8125rem;
  width: calc(100% - 10rem);
}
blockquote > :not(a, .material-symbols-outlined, pre) {
  color: #15181b;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: normal;
}
@media (min-width: 768px) {
  blockquote > :not(a, .material-symbols-outlined, pre) {
    font-size: calc(18px + 2 * ((100vw - 768px) / 632));
  }
}
@media (min-width: 1400px) {
  blockquote > :not(a, .material-symbols-outlined, pre) {
    font-size: 20px;
    line-height: 1.6;
  }
}
blockquote > :not(a, .material-symbols-outlined, pre) > :not(a, .material-symbols-outlined, pre) {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
blockquote p {
  color: #15181b;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: normal;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  blockquote p {
    font-size: calc(18px + 2 * ((100vw - 768px) / 632));
  }
}
@media (min-width: 1400px) {
  blockquote p {
    font-size: 20px;
    line-height: 1.6;
  }
}
blockquote p > :not(a, .material-symbols-outlined, pre) {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
blockquote .caption {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
blockquote .caption .ratio {
  display: inline-flex;
  height: 2.5rem;
  width: 2.5rem;
}
blockquote .caption .ratio img {
  border-radius: 50%;
}
blockquote .caption .signature {
  display: inline-flex;
  flex-direction: column;
  padding-left: 0.5rem;
}
blockquote .caption .attribute {
  color: #15181b;
  font-family: "Noto Serif", serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: -0.01rem;
}
@media (min-width: 768px) {
  blockquote .caption .attribute {
    font-size: calc(18px + 0 * ((100vw - 768px) / 632));
  }
}
@media (min-width: 1400px) {
  blockquote .caption .attribute {
    font-size: 18px;
    line-height: 1.2;
  }
}
blockquote .caption .attribute > :not(a, .material-symbols-outlined, pre) {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
blockquote .caption cite {
  color: #15181b;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: normal;
}
@media (min-width: 768px) {
  blockquote .caption cite {
    font-size: calc(12px + 2 * ((100vw - 768px) / 632));
  }
}
@media (min-width: 1400px) {
  blockquote .caption cite {
    font-size: 14px;
    line-height: 1.2;
  }
}
blockquote .caption cite > :not(a, .material-symbols-outlined, pre) {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
blockquote .caption cite a {
  font-style: normal;
}