/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/fund-finder/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Breakpoints.
 *
 * Sass cannot read the `--breakpoint-*` custom properties out of the Tailwind
 * theme at compile time, so this map mirrors them by hand. Keep the two in step:
 * `src/global/tailwind/design-system.css` is the source of truth, and the names
 * and values here are deliberately identical to it so there is one vocabulary
 * across utilities and SCSS.
 *
 * Values are the breakpoint's *min-width*, matching Tailwind. The mixin
 * subtracts a pixel when it needs a max-width query.
 */
/**
 * Breakpoint query.
 *
 * The map stores each breakpoint's min-width, the same way Tailwind's
 * `--breakpoint-*` variables do, so `$mobileFirst: true` uses the value as-is
 * and the max-width case stops a pixel short of it. That means
 * `breakpoint("sm")` and `breakpoint("sm", true)` never both match a width.
 */
/*********************
* BREAKPOINTS
*
* Names match the Tailwind scale in design-system.css:
* xxs 320, xs 375, sml 479, smlr 568, sm 768, md 992,
* lg 1025, wd 1200, lp 1400, bigLp 1600, xl 1930.
*
* @example
* below the breakpoint (max-width)
* @include breakpoint('sm') {
*	@content;
* }
*
* from the breakpoint up (min-width), matching the `sm:` utility prefix
* @include breakpoint('sm', true) {
*	@content;
*}
*********************/
/**
* Mixin to declare Font-face
*
*/
/**
 * Fund Finder. Tailwind lays the section out; this holds the two things it
 * cannot express — the selected tab treatment, which is driven by
 * aria-selected rather than an extra class, and hiding the scrollbar on the
 * mobile tab row, which Figma draws as a bare swipe strip.
 */
.block-fund-finder__tabs {
  scrollbar-width: none;
}
.block-fund-finder__tabs::-webkit-scrollbar {
  display: none;
}
.block-fund-finder {
  /* Figma fills the selected pill with the same peach to white ramp the light
     sections use and turns its label brand; the rest stay outlined on white. */
}
.block-fund-finder__tab[aria-selected=true] {
  border-color: var(--color-bf-brand);
  background-image: linear-gradient(180deg, var(--color-bf-peach) 0%, var(--color-bf-white) 100%);
  color: var(--color-bf-brand);
}
.block-fund-finder__panel[hidden] {
  display: none;
}

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