/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/review-callout/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.hpco-width--narrow {
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.hpco-width--inset-left {
  float: left;
  width: 40%;
  margin: 0.5rem 2.5rem 1rem 0;
  clear: left;
}
.hpco-width--inset-right {
  float: right;
  width: 40%;
  margin: 0.5rem 0 1rem 2.5rem;
  clear: right;
}
.hpco-align--left {
  text-align: left;
}
.hpco-align--center {
  text-align: center;
}
.hpco-align--right {
  text-align: right;
}
.hpco-animate-on-scroll {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.hpco-animate-on-scroll.hpco-is-visible {
  opacity: 1;
  transform: none;
}
.hpco-mark__variant--dark {
  display: none;
}
html.dark-skin .hpco-mark__variant--light {
  display: none;
}
html.dark-skin .hpco-mark__variant--dark {
  display: inline-block;
}
@media (max-width: 768px) {
  .hpco-width--inset-left,
  .hpco-width--inset-right {
    float: none;
    width: 100%;
    margin: 1rem 0;
  }
  .hpco-width--narrow {
    max-width: 100%;
  }
}
.hpco-review {
  box-sizing: border-box;
  container-type: inline-size;
  margin: 1.8em 0;
  padding: var(--hpco-review-padding, 28px);
  border: 1px solid color-mix(in srgb, var(--hpco-text, #26222b) 18%, transparent);
  border-top: 4px solid var(--hpco-accent, #654b7a);
  border-radius: var(--hpco-review-radius, 8px);
  background: var(--hpco-bg, transparent);
  color: var(--hpco-text, #26222b);
  font: var(--hpco-review-font-size, 16px)/1.6 var(--hpco-font-attr, system-ui, sans-serif);
  overflow-wrap: anywhere;
}
.hpco-review *, .hpco-review *::before, .hpco-review *::after {
  box-sizing: border-box;
}
.hpco-review p, .hpco-review h3, .hpco-review h4 {
  margin: 0;
  padding: 0;
  color: inherit;
  line-height: inherit;
}
.hpco-review h4 {
  font: 700 0.78em/1.4 var(--hpco-font-attr, system-ui, sans-serif);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-bottom: 0.65em;
}
.hpco-review__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.4em;
}
.hpco-review__identity {
  flex: 1 1 190px;
  min-width: 0;
}
.hpco-review__eyebrow {
  font-size: 0.68em;
  font-weight: 800;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: var(--hpco-accent, #654b7a) !important;
  margin-bottom: 0.6em !important;
}
.hpco-review h3.hpco-review__title {
  font: 700 clamp(1.4em, 5cqi, 2.15em)/1.12 var(--hpco-font-quote, Georgia, serif);
  letter-spacing: -0.025em;
  margin: 0 0 0.28em;
}
.hpco-review__creator {
  font-weight: 600;
  font-size: 1.02em;
}
.hpco-review__meta, .hpco-review__reviewer {
  font-size: 0.78em;
  opacity: 0.8;
}
.hpco-review__meta {
  margin-top: 0.4em !important;
}
.hpco-review img.hpco-review__cover {
  width: 88px;
  height: 110px;
  max-width: 100%;
  object-fit: cover;
  border-radius: calc(var(--hpco-review-radius, 8px) / 2);
  margin: 0;
}
.hpco-review__rating {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45em 0.7em;
  min-width: 0;
  max-width: 100%;
}
.hpco-review__rating-label {
  width: 100%;
  font-size: 0.66em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.13em;
}
.hpco-review__score {
  max-width: 100%;
  min-width: 0;
}
.hpco-review__hooves {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 5px;
  vertical-align: middle;
}
.hpco-review__hoof {
  position: relative;
  display: inline-block;
  width: var(--hpco-review-size, 32px);
  height: var(--hpco-review-size, 32px);
  flex: 0 0 auto;
}
.hpco-review__hoof img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: contain;
}
.hpco-review__hoof-track {
  opacity: 0.18;
  filter: grayscale(1);
}
.hpco-review__numeric {
  font: 800 1.5em/1.2 var(--hpco-font-stat, system-ui, sans-serif);
  white-space: nowrap;
}
.hpco-review__numeric span {
  font-size: 0.55em;
  font-weight: 400;
  opacity: 0.65;
}
.hpco-review__grade {
  display: inline-block;
  font: 800 3.8em/1 var(--hpco-font-stat, system-ui, sans-serif);
  letter-spacing: -0.06em;
  color: var(--hpco-accent, #654b7a);
  padding-right: 0.08em;
}
.hpco-review__rating--badge {
  padding: 1em;
  border: 1px solid color-mix(in srgb, var(--hpco-accent, #654b7a) 40%, transparent);
  border-radius: var(--hpco-review-radius, 8px);
  background: color-mix(in srgb, var(--hpco-accent, #654b7a) 7%, transparent);
}
.hpco-review__rating--stacked {
  flex-direction: column;
  text-align: center;
}
.hpco-review__rating--stacked .hpco-review__numeric {
  font-size: 2.2em;
}
.hpco-review__summary {
  margin-top: 1.5em;
  padding-top: 1.25em;
  border-top: 1px solid color-mix(in srgb, currentColor 16%, transparent);
}
.hpco-review__points {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  gap: 1.6em;
  margin-top: 1.5em;
  text-align: left;
}
.hpco-review__pros, .hpco-review__cons {
  padding-top: 0.8em;
  border-top: 2px solid;
  min-width: 0;
}
.hpco-review__pros {
  border-color: var(--hpco-positive, #588474);
}
.hpco-review__cons {
  border-color: var(--hpco-negative, #b27a6c);
}
.hpco-review__points ul {
  margin: 0 !important;
  padding: 0 0 0 1.2em !important;
  list-style: disc !important;
}
.hpco-review__points li {
  margin: 0.45em 0 0;
  padding: 0;
  list-style: disc !important;
  font-size: 0.92em;
}
.hpco-review__points li::marker {
  color: var(--hpco-accent, #654b7a);
}
.hpco-review--bullets-check .hpco-review__pros li::marker {
  content: "+  ";
}
.hpco-review--bullets-check .hpco-review__cons li::marker {
  content: "−  ";
}
.hpco-review--bullets-dash .hpco-review__points li::marker {
  content: "—  ";
}
.hpco-review__verdict {
  margin-top: 1.5em;
  padding: 1.1em 1.3em;
  border-left: 3px solid var(--hpco-accent, #654b7a);
  background: color-mix(in srgb, var(--hpco-accent, #654b7a) 8%, transparent);
  border-radius: 0 calc(var(--hpco-review-radius, 8px) / 2) calc(var(--hpco-review-radius, 8px) / 2) 0;
}
.hpco-review__reviewer {
  margin-top: 1.4em !important;
}
.hpco-review--stack-sections .hpco-review__points {
  grid-template-columns: 1fr;
}
.hpco-review--scorecard .hpco-review__header {
  align-items: stretch;
}
.hpco-review--scorecard .hpco-review__rating {
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 1.2em;
  background: color-mix(in srgb, var(--hpco-accent, #654b7a) 9%, transparent);
  border-radius: var(--hpco-review-radius, 8px);
}
.hpco-review--scorecard .hpco-review__numeric {
  font-size: 2.3em;
}
.hpco-review--compact {
  border-top-width: 1px;
  border-left: 4px solid var(--hpco-accent, #654b7a);
}
.hpco-review--compact h3.hpco-review__title {
  font-size: 1.4em;
}
.hpco-review--compact .hpco-review__header {
  gap: 0.9em;
}
.hpco-review--compact .hpco-review__eyebrow {
  margin-bottom: 0.2em !important;
}
.hpco-review--minimal {
  padding-left: 0;
  padding-right: 0;
  border: 0;
  border-radius: 0;
}
.hpco-review--minimal .hpco-review__verdict {
  background: transparent;
  padding: 0.2em 0 0.2em 1em;
}
.hpco-review.hpco-align--center .hpco-review__header {
  justify-content: center;
}
.hpco-review.hpco-align--center .hpco-review__rating {
  justify-content: center;
  text-align: center;
}
.hpco-review.hpco-align--right .hpco-review__rating {
  justify-content: flex-end;
  text-align: right;
}
.hpco-review.hpco-width--narrow {
  margin-left: auto;
  margin-right: auto;
}
.hpco-review.hpco-width--inset-left {
  margin: 0.5rem 2rem 1rem 0;
}
.hpco-review.hpco-width--inset-right {
  margin: 0.5rem 0 1rem 2rem;
}
@container (max-width: 420px) {
  .hpco-review__identity {
    flex-basis: 140px;
  }
  .hpco-review__rating {
    width: 100%;
  }
  .hpco-review__points {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .hpco-review.hpco-width--inset-left, .hpco-review.hpco-width--inset-right {
    float: none;
    width: 100%;
    margin: 1.4em 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hpco-review.hpco-animate-on-scroll {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
@media print {
  .hpco-review {
    break-inside: avoid;
  }
  .hpco-review.hpco-animate-on-scroll {
    opacity: 1;
    transform: none;
  }
}

/*# sourceMappingURL=style-index.css.map*/