@charset "UTF-8";
[data-rh-align~=left].rh-quote--component {
  list-style-position: outside;
  text-align: left;
}

[data-rh-align~=right].rh-quote--component {
  text-align: right;
  list-style-position: inside;
}

[data-rh-align~=center].rh-quote--component {
  text-align: center;
  list-style-position: inside;
}
[data-rh-align~=center].rh-quote--component > ul {
  padding-left: 0;
}

@media (min-width: 0) and (max-width: 767px) {
  [data-rh-align~=left-mobile].rh-quote--component {
    list-style-position: outside;
    text-align: left;
  }
  [data-rh-align~=right-mobile].rh-quote--component {
    text-align: right;
    list-style-position: inside;
  }
  [data-rh-align~=center-mobile].rh-quote--component {
    text-align: center;
    list-style-position: inside;
  }
  [data-rh-align~=center-mobile].rh-quote--component > ul {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  [data-rh-align=left-desktop].rh-quote--component {
    list-style-position: outside;
    text-align: left;
  }
  [data-rh-align=right-desktop].rh-quote--component {
    text-align: right;
    list-style-position: inside;
  }
}

.rh-generic--component[data-rh-align=center] ol {
  padding-left: 0;
}
.rh-generic--component[data-rh-align=center] ol li {
  text-align: left;
}
.rh-generic--component[data-rh-align=center] ol .pfe-list--primary li {
  text-align: left;
}
.rh-generic--component[data-rh-align=center] ul:not([class]) li {
  text-align: left;
}

.rh-quote-container {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 0;
}

.rh-quote-attribution-title, .rh-quote-attribution-name {
  font-family: "Red Hat Text", "RedHatText", "Overpass", Overpass, Arial, sans-serif;
  font-family: var(--pfe-theme--font-family, "Red Hat Text", "RedHatText", "Overpass", Overpass, Arial, sans-serif);
  line-height: 1.5;
  line-height: var(--pfe-theme--line-height, 1.5);
}
html:lang(ko) .rh-quote-attribution-title, html:lang(ko) .rh-quote-attribution-name {
  font-family: "Noto Sans KR", "Red Hat Text", RedHatText, Arial, sans-serif;
}
html:lang(ja) .rh-quote-attribution-title, html:lang(ja) .rh-quote-attribution-name {
  font-family: "Noto Sans JP", "Red Hat Text", RedHatText, Arial, sans-serif;
}
html:lang(zh) .rh-quote-attribution-title, html:lang(zh) .rh-quote-attribution-name {
  font-family: "Noto Sans SC", "Red Hat Text", RedHatText, Arial, sans-serif;
}

.rh-quote-quotation, .rh-quote-quotation-large {
  font-family: "Red Hat Display", "RedHatDisplay", "Overpass", Overpass, Arial, sans-serif;
  font-family: var(--pfe-theme--font-family--heading, "Red Hat Display", "RedHatDisplay", "Overpass", Overpass, Arial, sans-serif);
  line-height: 1.5;
  line-height: var(--pfe-theme--line-height, 1.5);
  font-weight: 400;
  font-weight: var(--pfe-theme--font-weight--normal, 400);
  font-size: 1.25rem;
  font-size: var(--pf-global--FontSize--xl, 1.25rem);
  font-weight: 300;
  font-weight: var(--pfe-theme--font-weight--light, 300);
  margin: 0 0 16px;
  display: block;
}
.rh-quote-quotation, .rh-quote-quotation-large {
  color: #292929;
}

[data-rh-theme^=dark] .rh-quote-quotation, [data-rh-theme^=dark] .rh-quote-quotation-large {
  color: #fff;
}

[data-rh-theme^=light] .rh-quote-quotation, [data-rh-theme^=light] .rh-quote-quotation-large {
  color: #292929;
}

@media (max-width: 767px) {
  [data-eq-state~=lg-quote] .rh-quote-quotation, [data-eq-state~=lg-quote] .rh-quote-quotation-large, [data-eq-state~=xs-quote] .rh-quote-quotation, [data-eq-state~=xs-quote] .rh-quote-quotation-large {
    font-size: 1.5rem;
    font-size: var(--pf-global--FontSize--2xl, 1.5rem);
  }
}
@media (min-width: 768px) {
  [data-eq-state~=lg-quote] .rh-quote-quotation, [data-eq-state~=lg-quote] .rh-quote-quotation-large, [data-eq-state~=xs-quote] .rh-quote-quotation, [data-eq-state~=xs-quote] .rh-quote-quotation-large {
    font-size: 1.75rem;
    font-size: var(--pf-global--FontSize--3xl, 1.75rem);
  }
}
[data-eq-state~=xs-quote] [data-eq-state~=xxs-box] .rh-quote-quotation, [data-eq-state~=xs-quote] [data-eq-state~=xxs-box] .rh-quote-quotation-large, [data-eq-state~=xxs-box] [data-eq-state~=xs-quote] .rh-quote-quotation, [data-eq-state~=xxs-box] [data-eq-state~=xs-quote] .rh-quote-quotation-large, [data-eq-state~=xs-quote] [data-eq-state~=xxs-group] .rh-quote-quotation, [data-eq-state~=xs-quote] [data-eq-state~=xxs-group] .rh-quote-quotation-large, [data-eq-state~=xxs-group] [data-eq-state~=xs-quote] .rh-quote-quotation, [data-eq-state~=xxs-group] [data-eq-state~=xs-quote] .rh-quote-quotation-large {
  font-size: 1.25rem;
  font-size: var(--pf-global--FontSize--xl, 1.25rem);
}

.rh-quote-quotation .svg, .rh-quote-quotation-large .svg {
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
[data-at-card=quote] .rh-quote-quotation .svg, [data-at-card=quote] .rh-quote-quotation-large .svg {
  font-size: 24px;
  margin-bottom: 16px;
}

.rh-quote-quotation-large {
  font-size: 24px;
}
@media (min-width: 768px) {
  .rh-quote-quotation-large {
    font-size: 28px;
  }
}

.rh-quote-attribution-title, .rh-quote-attribution-name {
  font-size: 0.875rem;
  font-size: var(--pf-global--FontSize--sm, 0.875rem);
  font-weight: 300;
  font-weight: var(--pfe-theme--font-weight--light, 300);
  text-transform: none;
}
.rh-quote-attribution-title, .rh-quote-attribution-name {
  color: #707070;
}

[data-rh-theme^=dark] .rh-quote-attribution-title, [data-rh-theme^=dark] .rh-quote-attribution-name {
  color: #c7c7c7;
}

[data-rh-theme^=light] .rh-quote-attribution-title, [data-rh-theme^=light] .rh-quote-attribution-name {
  color: #707070;
}

.rh-quote-attribution-title::before, .rh-quote-attribution-name::before {
  display: none;
}

.rh-quote-attribution-name {
  font-weight: 700;
  font-weight: var(--pfe-theme--font-weight--bold, 700);
}

.rh-quote--component[data-rh-quote-emphasis=red] {
  border-left: 8px solid #e00;
}
.rh-quote--component[data-rh-quote-emphasis=red] .rh-quote-container {
  padding-left: 32px;
}

.rh-quote--component[data-rh-quote-emphasis=teal] {
  border-left: 8px solid #43adaf;
}
.rh-quote--component[data-rh-quote-emphasis=teal] .rh-quote-container {
  padding-left: 32px;
}

.rh-quote--component[data-rh-quote-emphasis=black] {
  border-left: 8px solid #151515;
}
.rh-quote--component[data-rh-quote-emphasis=black] .rh-quote-container {
  padding-left: 32px;
}

.rh-quote--component[data-rh-quote-emphasis=white] {
  border-left: 8px solid #fff;
}
.rh-quote--component[data-rh-quote-emphasis=white] .rh-quote-container {
  padding-left: 32px;
}

.rh-quote--component[data-rh-quote-emphasis=gray] {
  border-left: 8px solid #707070;
}
.rh-quote--component[data-rh-quote-emphasis=gray] .rh-quote-container {
  padding-left: 32px;
}

.rh-quote-container {
  font-size: inherit;
}
.rh-quote-quotation {
}
.rh-quote-quotation svg {
  display: block;
  margin: 0 0 8px;
  width: 20px;
  height: 20px;
}
.rh-push-content-aside .rh-quote-quotation svg {
  margin: 0 0 8px;
}
[data-rh-align=center] .rh-quote-quotation svg {
  margin: 0 auto 8px;
}
.rh-quote-quotation-small {
  font-family: "Red Hat Text", "RedHatText", "Overpass", Overpass, Arial, sans-serif;
  font-family: var(--pfe-theme--font-family, "Red Hat Text", "RedHatText", "Overpass", Overpass, Arial, sans-serif);
  line-height: 1.5;
  line-height: var(--pfe-theme--line-height, 1.5);
  font-weight: 300;
  font-weight: var(--pfe-theme--font-weight--light, 300);
  margin: 0 0 16px;
}
.rh-quote-quotation-small svg {
  display: block;
  margin: 0 0 8px;
  width: 18px;
  height: 18px;
}
[data-rh-align=center] .rh-quote-quotation-small svg {
  margin: 0 auto 8px;
}
[data-eq-state~=xxs-hr] .rh-quote-quotation-small {
  font-size: 16px;
}

[data-eq-state~=lg-hr] .rh-quote-quotation-small {
  font-size: 18px;
}

.rh-quote-quotation-large svg {
  display: block;
  margin: 0 0 8px;
  width: 28px;
  height: 28px;
}
[data-rh-align=center] .rh-quote-quotation-large svg {
  margin: 0 auto 8px;
}
.rh-quote-reference {
  font-size: inherit;
}
.rh-quote-attribution-name {
  margin-bottom: 0;
}
.rh-quote-attribution-title {
  margin-bottom: 0;
  margin-top: 0;
}