.quotes-block {
  background-color: var(--color-grey-super-light);
  padding-top: var(--block-vertical-padding);
  padding-bottom: var(--block-bottom-padding);
}
.quote {
  background-color: var(--theme-color-75);
  color: var(--theme-color-contrast);
  position: relative;
  border-radius: 15px;
  padding: 35px 20px 35px 40px;
  margin: 10px 10px 15px 10px;
}
.quote::after {
  content: "";
  background-color: var(--theme-color-75);
  width: 80px;
  height: 80px;
  transform: rotate(45deg);
  position: absolute;
  bottom: 3px;
  left: 30px;
}
.quote > * {
  font-size: 1.375rem;
  line-height: 2rem;
}
.quote__quote,
.quote__source {
  position: relative;
  z-index: 2;
}
.quote__quote {
  font-weight: 500;
}
.quote__source {
  font-family: var(--font-family-secondary);
  margin-top: 10px;
}
.quote__mark {
  position: absolute;
  z-index: 3;
}
.quote__mark--open {
  left: -10px;
  top: -10px;
}
.quote__mark--close {
  transform: scale(-1);
  right: -10px;
  bottom: -10px;
}
.quote__mark path {
  fill: var(--theme-color-50);
}
.quote__texture {
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
}
.quote__texture path {
  fill: var(--theme-color);
}
.quote__texture--top {
  top: 0;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.quote__texture--bottom {
  transform: scale(-1);
  bottom: 0;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.quote--light,
.quote--light::after {
  background-color: var(--theme-color-lighter, var(--color-grey-extra-light));
  color: var(--color-black);
}
.quote--light .quote__mark path {
  fill: var(--theme-color-50, var(--color-grey-mid));
}
.quote--light .quote__texture path {
  fill: var(--theme-color, var(--color-grey-light));
}

.quote--grey,
.quote--grey::after {
  background-color: var(--color-grey-extra-light);
  color: var(--color-black);
}

.quote--grey .quote__mark path {
  fill: var(--theme-color, var(--color-grey-mid));
}

.quote--grey .quote__texture path {
  fill: var(--color-grey-light);
}

.info {
  background-color: var(--color-grey-extra-light);
  padding: calc(var(--gutter) * 2);
  margin: 10px;
  border-radius: 15px;
  font-weight: 500;
}
.info > * {
  font-size: 1.375rem;
  line-height: 2rem;
}