/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/success-stories/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Success Stories — the reviews are a Trustindex widget.
 *
 * Trustindex owns the markup, the slider and the paging. Nothing here changes
 * its structure: no element is removed, no child is reparented, and none of the
 * classes its JS drives are touched. This file only re-skins what it draws, so
 * a widget re-render or a plugin update keeps working — the worst a changed
 * layout can do is leave a rule unmatched.
 *
 * Two things shape how it is written:
 *
 * 1. Trustindex ships ~245 `!important` declarations in its widget stylesheet,
 *    so ours have to be important too, and have to out-specify theirs.
 * 2. In the plugin's no-registration mode that stylesheet is rewritten from
 *    `.ti-widget[data-layout-id='N'][data-set-id='x']` to `.ti-widget.ti-goog`,
 *    which is (0,2,0); with a registered widget id it keeps the longer form at
 *    (0,3,0). Scoping to `.block-success-stories .ti-widget[data-layout-id]
 *    [data-set-id]` gives (0,4,0), which beats both and keeps matching whatever
 *    layout is picked in the Trustindex dashboard.
 *
 * The Figma card is one bordered box holding the platform mark and stars on a
 * line, the quote, then the reviewer pinned to the bottom. The chosen layout
 * emits the reviewer as a sibling of the quote bubble rather than inside it, so
 * the outline is drawn on the slide with a pseudo element rather than on the
 * bubble — that wraps both children without moving either of them.
 */
.block-success-stories .ti-with-tooltip,
.block-success-stories .ti-verified-review {
  pointer-events: none !important;
}
.block-success-stories__reviews {
  /* Trustindex measures its column count off this box. */
  width: 100%;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] {
  margin: 0 !important;
  font-family: var(--font-base) !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-widget-container {
  margin: 0 !important;
  background: transparent !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] {
  /* ---------- Card shell ---------- */
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-review-item {
  display: flex !important;
  position: relative;
  flex-direction: column !important;
  /* 12px a side — Figma's 24px between cards. */
  padding: 0 12px !important;
  background: transparent !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] {
  /* The card outline, inset to the slide's gutter so it wraps both the
     quote and the reviewer without touching Trustindex's flex maths. */
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-review-item::before {
  position: absolute;
  z-index: 0;
  inset: 0 12px;
  border: 1px solid var(--color-bf-white);
  border-radius: 16px;
  content: "";
  pointer-events: none;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-review-item > .ti-inner {
  flex: 1 1 auto !important;
  padding: 24px 24px 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] {
  /* ---------- Head: platform mark left, stars right ---------- */
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-platform-icon {
  top: 24px !important;
  right: auto !important;
  left: 24px !important;
  width: 21px !important;
  height: 21px !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-platform-icon img {
  width: 21px !important;
  height: 21px !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-stars {
  margin: 0 0 28px !important;
  text-align: right !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] {
  /* The stars are <img> sprites served by Trustindex, so they cannot be
     recoloured with `fill`. Flattening to white matches Figma's cream and
     keeps working whatever artwork Trustindex serves. */
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-stars img.ti-star {
  margin-right: 7px !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-stars img.ti-star:last-of-type {
  margin-right: 0 !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] {
  /* ---------- Quote ---------- */
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-review-text,
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-review-text-container {
  font-family: var(--font-base) !important;
  font-size: var(--text-caption-sm) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--color-bf-cream) !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-read-more span {
  font-family: var(--font-base) !important;
  font-size: var(--text-caption-sm) !important;
  color: var(--color-bf-white) !important;
  opacity: 1 !important;
  text-decoration: underline !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] {
  /* ---------- Reviewer, pinned to the card's bottom edge ---------- */
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-review-header {
  align-items: center !important;
  margin-top: 12px !important;
  padding: 0 24px 24px !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] {
  /* The layout draws a speech-bubble tail under the quote, pointing at the
     reviewer. The card is one bordered box here rather than a bubble with a
     caption below it, so the tail has nothing to point out of. Purely
     decorative — it carries no behaviour and no content. */
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-review-header::before {
  display: none !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-profile-img {
  margin: 0 10px 0 0 !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-profile-img img,
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-profile-img .ti-profile-img-sprite {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-widget-container .ti-name {
  padding-right: 0 !important;
  font-family: var(--font-base) !important;
  font-size: var(--text-caption-sm) !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--color-bf-cream) !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] {
  /* ---------- Carousel controls ---------- */
  /* Trustindex overlays these on the track's edges; that placement is its
     own, so only the appearance is changed. Opaque enough to stay legible
     over a card, and above the card outline. */
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-controls .ti-next,
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-controls .ti-prev {
  top: 15px !important;
  z-index: 2 !important;
  width: 40px !important;
  height: 40px !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 50% !important;
  background-color: rgba(25, 24, 27, 0.85) !important;
  box-shadow: none !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-controls .ti-next:hover,
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-controls .ti-next:focus,
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-controls .ti-prev:hover,
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-controls .ti-prev:focus {
  border-color: var(--color-bf-brand) !important;
  background-color: var(--color-bf-brand) !important;
  box-shadow: none !important;
  outline-color: var(--color-bf-brand) !important;
}
.block-success-stories .ti-widget[data-layout-id][data-set-id] .ti-controls-line .dot {
  background: var(--color-bf-brand) !important;
}

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