/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/_tokens.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Shared Extra Blocks design tokens. Override in the host app via CSS. */
:root {
  --eb-space-xs: 0.25rem;
  --eb-space-sm: 0.5rem;
  --eb-space-md: 1rem;
  --eb-space-lg: 1.5rem;
  --eb-space-xl: 2rem;
  --eb-space-2xl: 3rem;
  --eb-section-pad: 2rem;
  --eb-section-pad-lg: 3rem;
  --eb-font-size-sm: 0.875rem;
  --eb-font-size-md: 1rem;
  --eb-font-size-lg: 1.25rem;
  --eb-font-size-h2: 2rem;
  --eb-font-size-stat: 3rem;
  --eb-line-height-sm: 1.286;
  --eb-line-height-md: 1.25;
  --eb-line-height-lg: 1.25;
  --eb-line-height-h2: 40px;
  --eb-line-height-stat: 48px;
  /* Aliases kept for any leftover xs references. */
  --eb-font-size-xs: var(--eb-font-size-sm);
  --eb-line-height-xs: var(--eb-line-height-sm);
  --eb-color-ink: #020203;
  --eb-color-paper: #ffffff;
  --eb-color-bg: #fafbfc;
  --eb-color-border: #e1e5ef;
  --eb-color-muted: #6b7280;
  --eb-color-success: #28a745;
  --eb-radius: 0.25rem;
  --eb-gap-sm: 0.5rem;
  --eb-gap-md: 1rem;
  --eb-gap-lg: 1.5rem;
  --eb-inner-max: 72rem;
  --eb-prose-max: 42rem;
  --eb-inner-pad-x: 1rem;
  --eb-inner-pad-x-lg: 4rem;
  --eb-cols: 12;
  --eb-gutter: 16px;
  --eb-bl: 8px;
  --eb-lh: 24px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/extra_blocks.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Shared Extra Blocks chrome. Layout SCSS adds structure only. */
.extra-blocks__title,
.extra-blocks__description,
.extra-blocks__eyebrow {
  color: var(--eb-fg, var(--eb-color-ink));
}
section[id^=extra-block-] [class$=__inner],
section[id^=extra-block-] .extra-blocks-logo-showcase__grid,
.extra-blocks-video-hero__overlay,
.extra-blocks-photo-mission-hero__overlay {
  padding-inline: var(--eb-inner-pad-x);
}
@media (min-width: 1024px) {
  section[id^=extra-block-] [class$=__inner],
  section[id^=extra-block-] .extra-blocks-logo-showcase__grid,
  .extra-blocks-video-hero__overlay,
  .extra-blocks-photo-mission-hero__overlay {
    padding-inline: var(--eb-inner-pad-x-lg);
  }
}
section[id^=extra-block-].extra-blocks-image:not(.extra-blocks-image--boxed) .extra-blocks-image__inner,
section[id^=extra-block-].extra-blocks-video:not(.extra-blocks-video--boxed) .extra-blocks-video__inner {
  padding-inline: 0;
}
.extra-blocks__title {
  margin: 0 0 var(--eb-space-sm);
  font-size: var(--eb-font-size-h2);
  font-weight: 700;
  line-height: var(--eb-line-height-h2);
}
h1.extra-blocks__title,
h2.extra-blocks__title,
h3.extra-blocks__title {
  margin-top: 0;
  font-size: var(--eb-font-size-h2);
  font-weight: 700;
  line-height: var(--eb-line-height-h2);
}
.extra-blocks__description {
  margin: 0;
  font-size: var(--eb-font-size-md);
  font-weight: 400;
  line-height: var(--eb-line-height-md);
}
.extra-blocks__description p:first-child {
  margin-top: 0;
}
.extra-blocks__description p:last-child {
  margin-bottom: 0;
}
p.extra-blocks__eyebrow {
  margin: 0 0 var(--eb-space-xs);
  font-size: var(--eb-font-size-sm);
  font-weight: 600;
  line-height: var(--eb-line-height-sm);
  letter-spacing: 0;
  text-transform: none;
  opacity: 1;
}
.extra-blocks__action {
  display: flex;
  margin-top: var(--eb-space-lg);
}
.extra-blocks__button {
  flex-shrink: 0;
}
.extra-blocks__media {
  display: block;
  max-width: 100%;
}
.extra-blocks__card {
  background: var(--eb-color-paper);
  color: var(--eb-color-ink);
  border: 1px solid var(--eb-color-border);
  border-radius: var(--eb-radius);
  padding: var(--eb-space-md);
}
a.extra-blocks__card {
  text-decoration: none;
  color: var(--eb-color-ink);
}
.extra-blocks-video-hero:has(> picture)::before, .extra-blocks-video-hero:has(> video)::before, .extra-blocks-video-hero:has(> img)::before,
.extra-blocks-dual-path-cta:has(> picture)::before,
.extra-blocks-dual-path-cta:has(> video)::before,
.extra-blocks-dual-path-cta:has(> img)::before,
.extra-blocks-focused-quick-proposal:has(> picture)::before,
.extra-blocks-focused-quick-proposal:has(> video)::before,
.extra-blocks-focused-quick-proposal:has(> img)::before,
.extra-blocks-split-fast-proposal:has(> picture)::before,
.extra-blocks-split-fast-proposal:has(> video)::before,
.extra-blocks-split-fast-proposal:has(> img)::before,
.extra-blocks-video-fast-proposal:has(> picture)::before,
.extra-blocks-video-fast-proposal:has(> video)::before,
.extra-blocks-video-fast-proposal:has(> img)::before,
.extra-blocks-proposals-aside-fast-proposal:has(> picture)::before,
.extra-blocks-proposals-aside-fast-proposal:has(> video)::before,
.extra-blocks-proposals-aside-fast-proposal:has(> img)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgb(0, 0, 0, 0.45);
}
@supports (color: rgb(0, 0, 0, 0)) {
.extra-blocks-video-hero:has(> picture)::before, .extra-blocks-video-hero:has(> video)::before, .extra-blocks-video-hero:has(> img)::before,
.extra-blocks-dual-path-cta:has(> picture)::before,
.extra-blocks-dual-path-cta:has(> video)::before,
.extra-blocks-dual-path-cta:has(> img)::before,
.extra-blocks-focused-quick-proposal:has(> picture)::before,
.extra-blocks-focused-quick-proposal:has(> video)::before,
.extra-blocks-focused-quick-proposal:has(> img)::before,
.extra-blocks-split-fast-proposal:has(> picture)::before,
.extra-blocks-split-fast-proposal:has(> video)::before,
.extra-blocks-split-fast-proposal:has(> img)::before,
.extra-blocks-video-fast-proposal:has(> picture)::before,
.extra-blocks-video-fast-proposal:has(> video)::before,
.extra-blocks-video-fast-proposal:has(> img)::before,
.extra-blocks-proposals-aside-fast-proposal:has(> picture)::before,
.extra-blocks-proposals-aside-fast-proposal:has(> video)::before,
.extra-blocks-proposals-aside-fast-proposal:has(> img)::before {
  background: rgb(0, 0, 0, var(--eb-overlay, 0.45));
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/verbose_cta.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-verbose-cta {
  background: var(--eb-bg, var(--eb-color-ink));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
}
.extra-blocks-verbose-cta__inner {
  display: flex;
  flex-direction: column;
  gap: var(--eb-gap-md);
  max-width: var(--eb-inner-max);
  margin: 0 auto;
}
.extra-blocks-verbose-cta__action {
  align-items: flex-start;
}
@media (min-width: 768px) {
  .extra-blocks-verbose-cta {
    padding-block: var(--eb-section-pad-lg);
  }
  .extra-blocks-verbose-cta__inner {
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    gap: var(--eb-gutter);
  }
  .extra-blocks-verbose-cta__text {
    flex: 1 1 auto;
  }
  .extra-blocks-verbose-cta__action {
    flex: 0 0 auto;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/dual_path_cta.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-dual-path-cta {
  position: relative;
  background: var(--eb-bg, var(--eb-color-bg));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
  overflow: hidden;
}
.extra-blocks-dual-path-cta > picture,
.extra-blocks-dual-path-cta > img {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.extra-blocks-dual-path-cta__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--eb-bg-fit, cover);
     object-fit: var(--eb-bg-fit, cover);
  -o-object-position: center;
     object-position: center;
  display: block;
}
.extra-blocks-dual-path-cta__inner {
  position: relative;
  z-index: 2;
  max-width: var(--eb-inner-max);
  margin: 0 auto;
}
.extra-blocks-dual-path-cta__title {
  margin: var(--eb-space-md) 0 var(--eb-gap-lg);
}
.extra-blocks-dual-path-cta__paths {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--eb-gutter);
  gap: var(--eb-gutter);
}
.extra-blocks-dual-path-cta__path {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--eb-gap-md);
  background: var(--eb-path-bg, var(--eb-color-paper));
  color: var(--eb-path-fg, var(--eb-color-ink));
  border: 1px solid var(--eb-color-border);
  border-radius: var(--eb-radius);
  --tw-prose-body: var(--eb-path-fg, var(--eb-color-ink));
  --tw-prose-headings: var(--eb-path-fg, var(--eb-color-ink));
  --tw-prose-bold: var(--eb-path-fg, var(--eb-color-ink));
  --tw-prose-links: var(--eb-path-fg, var(--eb-color-ink));
}
.extra-blocks-dual-path-cta__path-title {
  margin: 0;
  font-size: var(--eb-font-size-lg);
  font-weight: 600;
  line-height: var(--eb-line-height-lg);
  color: inherit;
  color: var(--eb-path-fg, inherit);
}
.extra-blocks-dual-path-cta__path-body {
  flex: 1 1 auto;
  color: inherit;
  color: var(--eb-path-fg, inherit);
}
.extra-blocks-dual-path-cta__path-body :where(p, li, h1, h2, h3, h4, h5, h6, strong, em, a) {
  color: inherit;
  color: var(--eb-path-fg, inherit);
}
.extra-blocks-dual-path-cta__button {
  align-self: flex-start;
}
.extra-blocks-dual-path-cta--align-left .extra-blocks-dual-path-cta__title,
.extra-blocks-dual-path-cta--align-left .extra-blocks-dual-path-cta__path {
  text-align: left;
}
.extra-blocks-dual-path-cta--align-center .extra-blocks-dual-path-cta__title,
.extra-blocks-dual-path-cta--align-center .extra-blocks-dual-path-cta__path {
  text-align: center;
}
.extra-blocks-dual-path-cta--align-center .extra-blocks-dual-path-cta__button {
  align-self: center;
}
@media (min-width: 768px) {
  .extra-blocks-dual-path-cta {
    padding-block: var(--eb-section-pad-lg);
  }
  .extra-blocks-dual-path-cta__paths {
    grid-template-columns: repeat(var(--eb-cols), minmax(0, 1fr));
  }
  .extra-blocks-dual-path-cta__path {
    grid-column: span 6;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/join_steps_cta.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-join-steps-cta {
  background: var(--eb-bg, var(--eb-color-paper));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
}
.extra-blocks-join-steps-cta__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-height: 60vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--eb-bg-fit, cover);
     object-fit: var(--eb-bg-fit, cover);
}
.extra-blocks-join-steps-cta__inner {
  max-width: var(--eb-inner-max);
  margin: 0 auto;
}
.extra-blocks-join-steps-cta__title {
  margin: var(--eb-space-md) 0 var(--eb-gap-lg);
}
.extra-blocks-join-steps-cta__steps {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--eb-gutter);
  gap: var(--eb-gutter);
  list-style: none;
  margin: 0;
  padding: 0;
}
.extra-blocks-join-steps-cta__step {
  display: flex;
  flex-direction: column;
  gap: var(--eb-gap-md);
  align-items: flex-start;
}
.extra-blocks-join-steps-cta__number {
  flex: 0 0 auto;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  background: var(--primary);
  color: var(--eb-color-paper);
}
.extra-blocks-join-steps-cta.prose-invert .extra-blocks-join-steps-cta__number {
  background: var(--eb-color-paper);
  color: var(--primary);
}
.extra-blocks-join-steps-cta__step-title {
  margin: 0 0 var(--eb-space-xs);
  font-size: var(--eb-font-size-lg);
  font-weight: 600;
  line-height: var(--eb-line-height-lg);
}
.extra-blocks-join-steps-cta__step-body {
  margin: 0;
}
.extra-blocks-join-steps-cta__action {
  justify-content: center;
  margin-top: var(--eb-space-2xl);
}
@media (min-width: 768px) {
  .extra-blocks-join-steps-cta {
    padding-block: var(--eb-section-pad-lg);
  }
  .extra-blocks-join-steps-cta__steps {
    grid-template-columns: repeat(var(--eb-cols), minmax(0, 1fr));
  }
  .extra-blocks-join-steps-cta__step {
    grid-column: span 4;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/trust_quote_cta.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-trust-quote-cta {
  background: var(--eb-bg, var(--eb-color-ink));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
}
.extra-blocks-trust-quote-cta__inner {
  display: flex;
  flex-direction: column;
  gap: var(--eb-gap-md);
  max-width: var(--eb-prose-max);
  margin: 0 auto;
}
.extra-blocks-trust-quote-cta__quote-block {
  display: flex;
  flex-direction: column;
  gap: var(--eb-gap-md);
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
}
.extra-blocks-trust-quote-cta__quote-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: start;
  min-width: 0;
  gap: 0;
  font-style: normal;
}
.extra-blocks-trust-quote-cta__action {
  justify-content: flex-start;
  font-style: normal;
}
.extra-blocks-trust-quote-cta__portrait {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 999px;
  -o-object-fit: cover;
     object-fit: cover;
}
.extra-blocks-trust-quote-cta__quote {
  margin: 0;
  font-size: var(--eb-font-size-lg);
  font-weight: 600;
  line-height: var(--eb-line-height-lg);
  font-style: italic;
}
.extra-blocks-trust-quote-cta__attribution {
  margin: var(--eb-space-sm) 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--eb-space-xs);
}
.extra-blocks-trust-quote-cta__name {
  margin: 0;
  font-style: normal;
  font-weight: 700;
  font-size: var(--eb-font-size-md);
  line-height: var(--eb-line-height-md);
  color: var(--eb-fg, var(--eb-color-ink));
}
.extra-blocks-trust-quote-cta__role {
  margin: 0;
  font-style: normal;
  font-size: var(--eb-font-size-sm);
  line-height: var(--eb-line-height-sm);
  color: var(--eb-color-muted);
}
@media (min-width: 768px) {
  .extra-blocks-trust-quote-cta {
    padding-block: var(--eb-section-pad-lg);
  }
  .extra-blocks-trust-quote-cta__quote-block {
    flex-direction: row;
    gap: var(--eb-gutter);
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/video_hero.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-video-hero {
  position: relative;
  width: 100%;
  min-width: 100%;
  min-height: 60vh;
  max-height: 60vh;
  aspect-ratio: 16/9;
  background: var(--eb-bg, var(--eb-color-ink));
  overflow: hidden;
}
.extra-blocks-video-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.extra-blocks-video-hero__overlay {
  position: relative;
  z-index: 2;
  min-height: 60vh;
  display: flex;
  flex-wrap: wrap;
  padding-block: var(--eb-section-pad);
}
.extra-blocks-video-hero__content {
  display: flex;
  flex-direction: column;
  max-width: var(--eb-prose-max);
}
.extra-blocks-video-hero__title {
  margin: 0;
}
.extra-blocks-video-hero__button.button__transparent {
  color: var(--eb-fg, var(--eb-color-paper));
  border-color: var(--eb-fg, var(--eb-color-paper));
}
.extra-blocks-video-hero__content--top_left {
  align-self: flex-start;
  align-items: flex-start;
  margin-right: auto;
  text-align: left;
}
.extra-blocks-video-hero__content--top_center {
  align-self: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.extra-blocks-video-hero__content--top_right {
  align-self: flex-start;
  align-items: flex-end;
  margin-left: auto;
  text-align: right;
}
.extra-blocks-video-hero__content--middle_left {
  align-self: center;
  align-items: flex-start;
  margin-right: auto;
  text-align: left;
}
.extra-blocks-video-hero__content--middle_center {
  align-self: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.extra-blocks-video-hero__content--middle_right {
  align-self: center;
  align-items: flex-end;
  margin-left: auto;
  text-align: right;
}
.extra-blocks-video-hero__content--bottom_left {
  align-self: flex-end;
  align-items: flex-start;
  margin-right: auto;
  text-align: left;
}
.extra-blocks-video-hero__content--bottom_center {
  align-self: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.extra-blocks-video-hero__content--bottom_right {
  align-self: flex-end;
  align-items: flex-end;
  margin-left: auto;
  text-align: right;
}
@media (min-width: 768px) {
  .extra-blocks-video-hero__overlay {
    padding-block: var(--eb-section-pad-lg);
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/photo_mission_hero.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-photo-mission-hero {
  position: relative;
  width: 100%;
  min-width: 100%;
  min-height: 60vh;
  max-height: 60vh;
  aspect-ratio: 16/9;
  background-color: var(--eb-bg, var(--eb-color-ink));
  overflow: hidden;
}
.extra-blocks-photo-mission-hero > picture,
.extra-blocks-photo-mission-hero > img {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.extra-blocks-photo-mission-hero__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--eb-bg-fit, cover);
     object-fit: var(--eb-bg-fit, cover);
  -o-object-position: center;
     object-position: center;
  display: block;
}
.extra-blocks-photo-mission-hero__overlay {
  position: relative;
  z-index: 1;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: var(--eb-section-pad);
  background: rgb(0, 0, 0, 0.45);
}
@supports (color: rgb(0, 0, 0, 0)) {
.extra-blocks-photo-mission-hero__overlay {
  background: rgb(0, 0, 0, var(--eb-overlay, 0.45));
}
}
.extra-blocks-photo-mission-hero--overlay-light {
  --eb-overlay: 0.25;
}
.extra-blocks-photo-mission-hero--overlay-medium {
  --eb-overlay: 0.45;
}
.extra-blocks-photo-mission-hero--overlay-dark {
  --eb-overlay: 0.65;
}
.extra-blocks-photo-mission-hero--size-small .extra-blocks-photo-mission-hero__overlay {
  padding-top: var(--eb-section-pad);
  padding-bottom: var(--eb-section-pad);
}
.extra-blocks-photo-mission-hero--size-medium .extra-blocks-photo-mission-hero__overlay {
  padding-top: var(--eb-gap-lg);
  padding-bottom: var(--eb-gap-lg);
}
.extra-blocks-photo-mission-hero--size-large .extra-blocks-photo-mission-hero__overlay {
  padding-top: var(--eb-section-pad-lg);
  padding-bottom: var(--eb-section-pad-lg);
}
.extra-blocks-photo-mission-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: var(--eb-prose-max);
  text-align: center;
}
.extra-blocks-photo-mission-hero__title {
  margin: 0 0 var(--eb-space-md);
}
.extra-blocks-photo-mission-hero__description {
  margin: 0;
}
.extra-blocks-photo-mission-hero__action {
  justify-content: center;
  width: 100%;
}
.extra-blocks-photo-mission-hero__button {
  margin-top: var(--eb-gap-lg);
}
.extra-blocks-photo-mission-hero__button.button__transparent {
  color: var(--eb-fg, var(--eb-color-paper));
  border-color: var(--eb-fg, var(--eb-color-paper));
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/split_story_hero.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-split-story-hero {
  background: var(--eb-bg, var(--eb-color-paper));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
}
.extra-blocks-split-story-hero__inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--eb-gutter);
  gap: var(--eb-gutter);
  max-width: var(--eb-inner-max);
  margin: 0 auto;
}
.extra-blocks-split-story-hero__media {
  width: 100%;
}
.extra-blocks-split-story-hero__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-height: 60vh;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .extra-blocks-split-story-hero {
    padding-block: var(--eb-section-pad-lg);
  }
  .extra-blocks-split-story-hero__inner {
    grid-template-columns: repeat(var(--eb-cols), minmax(0, 1fr));
    align-items: center;
  }
  .extra-blocks-split-story-hero__text {
    grid-column: 1/7;
  }
  .extra-blocks-split-story-hero__media {
    grid-column: 7/13;
  }
  .extra-blocks-split-story-hero--image-left .extra-blocks-split-story-hero__text {
    grid-column: 7/13;
  }
  .extra-blocks-split-story-hero--image-left .extra-blocks-split-story-hero__media {
    grid-column: 1/7;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/outcome_stats_hero.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-outcome-stats-hero {
  background: var(--eb-bg, var(--eb-color-ink));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
}
.extra-blocks-outcome-stats-hero__inner {
  display: flex;
  flex-direction: column;
  gap: var(--eb-gap-md);
  max-width: var(--eb-inner-max);
  margin: 0 auto;
}
.extra-blocks-outcome-stats-hero__stats {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--eb-gutter);
  gap: var(--eb-gutter);
  list-style: none;
  margin: 0;
  padding: 0;
}
.extra-blocks-outcome-stats-hero__stat {
  display: flex;
  flex-direction: column;
  gap: var(--eb-space-xs);
}
.extra-blocks-outcome-stats-hero__value {
  font-size: var(--eb-font-size-stat);
  font-weight: 700;
  line-height: var(--eb-line-height-stat);
}
.extra-blocks-outcome-stats-hero__label {
  font-size: var(--eb-font-size-sm);
  line-height: var(--eb-line-height-sm);
}
.extra-blocks-outcome-stats-hero__action {
  margin-top: var(--eb-space-md);
}
@media (min-width: 768px) {
  .extra-blocks-outcome-stats-hero {
    padding-block: var(--eb-section-pad-lg);
  }
  .extra-blocks-outcome-stats-hero__stats {
    grid-template-columns: repeat(var(--eb-cols), minmax(0, 1fr));
  }
  .extra-blocks-outcome-stats-hero__stat {
    grid-column: span 3;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/focused_quick_proposal.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-focused-quick-proposal {
  position: relative;
  background: var(--eb-bg, var(--eb-color-paper));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
  overflow: hidden;
}
.extra-blocks-focused-quick-proposal > picture,
.extra-blocks-focused-quick-proposal > img {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.extra-blocks-focused-quick-proposal__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--eb-bg-fit, cover);
     object-fit: var(--eb-bg-fit, cover);
  -o-object-position: center;
     object-position: center;
  display: block;
}
.extra-blocks-focused-quick-proposal__inner {
  position: relative;
  z-index: 2;
  max-width: var(--eb-prose-max);
  margin: 0 auto;
}
.extra-blocks-focused-quick-proposal__description {
  margin: 0 0 var(--eb-space-md);
}
@media (min-width: 768px) {
  .extra-blocks-focused-quick-proposal {
    padding-block: var(--eb-section-pad-lg);
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/split_fast_proposal.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-split-fast-proposal {
  position: relative;
  background: var(--eb-bg, var(--eb-color-paper));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
  overflow: hidden;
}
.extra-blocks-split-fast-proposal > picture,
.extra-blocks-split-fast-proposal > img {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.extra-blocks-split-fast-proposal__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--eb-bg-fit, cover);
     object-fit: var(--eb-bg-fit, cover);
  -o-object-position: center;
     object-position: center;
  display: block;
}
.extra-blocks-split-fast-proposal__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--eb-gutter);
  gap: var(--eb-gutter);
  max-width: var(--eb-inner-max);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .extra-blocks-split-fast-proposal {
    padding-block: var(--eb-section-pad-lg);
  }
  .extra-blocks-split-fast-proposal__inner {
    grid-template-columns: repeat(var(--eb-cols), minmax(0, 1fr));
    align-items: start;
  }
  .extra-blocks-split-fast-proposal__form {
    grid-column: 1/7;
  }
  .extra-blocks-split-fast-proposal__text {
    grid-column: 7/13;
  }
  .extra-blocks-split-fast-proposal--form-right .extra-blocks-split-fast-proposal__form {
    grid-column: 7/13;
  }
  .extra-blocks-split-fast-proposal--form-right .extra-blocks-split-fast-proposal__text {
    grid-column: 1/7;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/video_fast_proposal.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-video-fast-proposal {
  position: relative;
  background: var(--eb-bg, var(--eb-color-paper));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
  overflow: hidden;
}
.extra-blocks-video-fast-proposal__video {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.extra-blocks-video-fast-proposal__inner {
  position: relative;
  z-index: 2;
  max-width: var(--eb-prose-max);
  margin: 0 auto;
}
.extra-blocks-video-fast-proposal__description {
  margin: 0 0 var(--eb-space-md);
}
@media (min-width: 768px) {
  .extra-blocks-video-fast-proposal {
    padding-block: var(--eb-section-pad-lg);
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/proposals_aside_fast_proposal.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-proposals-aside-fast-proposal {
  position: relative;
  background: var(--eb-bg, var(--eb-color-paper));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
  overflow: hidden;
}
.extra-blocks-proposals-aside-fast-proposal > picture,
.extra-blocks-proposals-aside-fast-proposal > img {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.extra-blocks-proposals-aside-fast-proposal__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--eb-bg-fit, cover);
     object-fit: var(--eb-bg-fit, cover);
  -o-object-position: center;
     object-position: center;
  display: block;
}
.extra-blocks-proposals-aside-fast-proposal__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--eb-gutter);
  gap: var(--eb-gutter);
  max-width: var(--eb-inner-max);
  margin: 0 auto;
}
.extra-blocks-proposals-aside-fast-proposal__description {
  margin: 0 0 var(--eb-space-md);
}
.extra-blocks-proposals-aside-fast-proposal__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--eb-gap-sm);
}
.extra-blocks-proposals-aside-fast-proposal__card {
  display: block;
  padding: var(--eb-space-sm) var(--eb-space-md);
  text-decoration: none;
  color: inherit;
  background: var(--eb-color-paper);
  border: 1px solid var(--eb-color-border);
  border-radius: var(--eb-radius);
}
.extra-blocks-proposals-aside-fast-proposal__snippet {
  margin: 0;
  font-size: var(--eb-font-size-sm);
  line-height: var(--eb-line-height-sm);
}
@media (min-width: 768px) {
  .extra-blocks-proposals-aside-fast-proposal {
    padding-block: var(--eb-section-pad-lg);
  }
  .extra-blocks-proposals-aside-fast-proposal__inner {
    grid-template-columns: repeat(var(--eb-cols), minmax(0, 1fr));
    align-items: start;
  }
  .extra-blocks-proposals-aside-fast-proposal__form {
    grid-column: 1/7;
  }
  .extra-blocks-proposals-aside-fast-proposal__aside {
    grid-column: 7/13;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/fast_proposal_form.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-fast-proposal-form {
  display: flex;
  flex-direction: column;
  gap: var(--eb-gap-md);
  background: var(--eb-color-paper);
  color: var(--eb-color-ink);
  border: 1px solid var(--eb-color-border);
  border-radius: var(--eb-radius);
  padding: var(--eb-space-md);
}
.extra-blocks-fast-proposal-form .form__wrapper label:not(.form__wrapper-checkbox-label), .extra-blocks-fast-proposal-form__field > label {
  font-family: inherit;
  font-size: var(--eb-font-size-md);
  font-weight: 600;
  line-height: var(--eb-line-height-md);
  max-width: 65ch;
}
.extra-blocks-fast-proposal-form__field {
  display: flex;
  flex-direction: column;
  gap: var(--eb-space-xs);
  max-width: 65ch;
}
.extra-blocks-fast-proposal-form__field input,
.extra-blocks-fast-proposal-form__field textarea {
  width: 100%;
  max-width: 65ch;
  padding: var(--eb-space-md);
  border: 1px solid var(--eb-color-border);
  border-radius: var(--eb-radius);
  background: var(--eb-color-paper);
  color: inherit;
  font: inherit;
}
.extra-blocks-fast-proposal-form__authorization .form__wrapper {
  padding-top: 0;
  padding-bottom: 0;
  gap: var(--eb-space-xs);
  max-width: 65ch;
}
.extra-blocks-fast-proposal-form__authorization .form__wrapper input,
.extra-blocks-fast-proposal-form__authorization .form__wrapper textarea {
  width: 100%;
  margin-top: 0;
  padding: var(--eb-space-md);
  max-width: 65ch;
  border: 1px solid var(--eb-color-border);
  border-radius: var(--eb-radius);
  background: var(--eb-color-paper);
  color: inherit;
  font: inherit;
}
.extra-blocks-fast-proposal-form__help {
  margin: 0;
  font-size: var(--eb-font-size-sm);
  line-height: var(--eb-line-height-sm);
  color: var(--eb-color-muted);
}
.extra-blocks-fast-proposal-form__terms {
  display: flex;
  flex-direction: column;
  gap: var(--eb-gap-md);
  margin-top: var(--eb-space-md);
  font-size: var(--eb-font-size-sm);
  line-height: var(--eb-line-height-sm);
}
.extra-blocks-fast-proposal-form__terms-body {
  max-height: 12rem;
  overflow: auto;
  padding: var(--eb-space-md);
  border: 1px solid var(--eb-color-border);
  border-radius: var(--eb-radius);
  background: var(--eb-color-bg);
}
.extra-blocks-fast-proposal-form__terms-accept {
  display: flex;
  align-items: center;
  gap: var(--eb-space-xs);
}
.extra-blocks-fast-proposal-form__actions {
  display: flex;
  justify-content: center;
  margin-top: var(--eb-gap-lg);
  margin-bottom: var(--eb-space-md);
}
.extra-blocks-fast-proposal-form__callout[hidden] {
  display: none !important;
}
.extra-blocks-fast-proposal-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--eb-space-md);
  background: rgba(0, 0, 0, 0.72);
}
.extra-blocks-fast-proposal-overlay[hidden] {
  display: none !important;
}
.extra-blocks-fast-proposal-overlay__panel {
  width: min(var(--eb-prose-max), 100%);
  text-align: center;
  background: var(--eb-color-paper);
  color: var(--eb-color-ink);
  border-radius: var(--eb-radius);
  padding: var(--eb-gap-lg) var(--eb-space-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--eb-gap-md);
}
.extra-blocks-fast-proposal-overlay__icon {
  width: 4rem;
  height: 4rem;
  color: var(--eb-color-success);
}
.extra-blocks-fast-proposal-overlay__message {
  margin: 0;
  font-size: var(--eb-font-size-lg);
  line-height: var(--eb-line-height-lg);
  font-weight: 600;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/editorial_prose.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-editorial-prose {
  background: var(--eb-bg, var(--eb-color-paper));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
}
.extra-blocks-editorial-prose__inner {
  max-width: var(--eb-prose-max);
  margin: 0 auto;
}
.extra-blocks-editorial-prose__media {
  margin-bottom: var(--eb-space-md);
}
.extra-blocks-editorial-prose--image-below .extra-blocks-editorial-prose__media {
  margin-top: var(--eb-space-md);
  margin-bottom: 0;
}
.extra-blocks-editorial-prose__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-height: 60vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.extra-blocks-editorial-prose__action {
  margin-top: var(--eb-space-md);
}
@media (min-width: 768px) {
  .extra-blocks-editorial-prose {
    padding-block: var(--eb-section-pad-lg);
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/media_aside.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-media-aside {
  background: var(--eb-bg, var(--eb-color-paper));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
}
.extra-blocks-media-aside__inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--eb-gutter);
  gap: var(--eb-gutter);
  max-width: var(--eb-inner-max);
  margin: 0 auto;
}
.extra-blocks-media-aside__media {
  width: 100%;
}
.extra-blocks-media-aside__slides {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  max-height: 60vh;
  overflow: hidden;
}
.extra-blocks-media-aside__slide {
  display: block;
  width: 100%;
  height: 100%;
}
.extra-blocks-media-aside__slides .extra-blocks-media-aside__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
  pointer-events: none;
}
.extra-blocks-media-aside__slide.is-active {
  opacity: 1;
  pointer-events: auto;
}
.extra-blocks-media-aside__image {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 60vh;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
@media (prefers-reduced-motion: reduce) {
  .extra-blocks-media-aside__slide {
    transition: none;
  }
}
@media (min-width: 768px) {
  .extra-blocks-media-aside {
    padding-block: var(--eb-section-pad-lg);
  }
  .extra-blocks-media-aside__inner {
    grid-template-columns: repeat(var(--eb-cols), minmax(0, 1fr));
    align-items: center;
  }
  .extra-blocks-media-aside__text {
    grid-column: 1/7;
  }
  .extra-blocks-media-aside__media {
    grid-column: 7/13;
  }
  .extra-blocks-media-aside--image-left .extra-blocks-media-aside__text {
    grid-column: 7/13;
  }
  .extra-blocks-media-aside--image-left .extra-blocks-media-aside__media {
    grid-column: 1/7;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/topic_trio.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-topic-trio {
  background: var(--eb-bg, var(--eb-color-paper));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
}
.extra-blocks-topic-trio__inner {
  max-width: var(--eb-inner-max);
  margin: 0 auto;
}
.extra-blocks-topic-trio__description {
  max-width: var(--eb-prose-max);
  margin: 0 0 var(--eb-gap-lg);
}
.extra-blocks-topic-trio__topics {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--eb-gutter);
  gap: var(--eb-gutter);
  list-style: none;
  margin: 0;
  padding: 0;
}
.extra-blocks-topic-trio__topic {
  display: flex;
  flex-direction: column;
  gap: var(--eb-gap-md);
}
.extra-blocks-topic-trio__media {
  width: 100%;
}
.extra-blocks-topic-trio__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-height: 60vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.extra-blocks-topic-trio__topic-title {
  margin: 0;
  font-size: var(--eb-font-size-lg);
  font-weight: 600;
  line-height: var(--eb-line-height-lg);
}
.extra-blocks-topic-trio__topic-body {
  margin: 0;
}
.extra-blocks-topic-trio__action {
  justify-content: center;
  margin-top: var(--eb-gap-lg);
}
@media (min-width: 768px) {
  .extra-blocks-topic-trio {
    padding-block: var(--eb-section-pad-lg);
  }
  .extra-blocks-topic-trio__topics {
    grid-template-columns: repeat(var(--eb-cols), minmax(0, 1fr));
  }
  .extra-blocks-topic-trio__topic {
    grid-column: span 4;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/spacer.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-spacer {
  display: block;
  width: 100%;
  min-width: 100%;
  height: 3rem;
  height: var(--eb-spacer-height, 3rem);
  background: transparent;
  background: var(--eb-bg, transparent);
  margin: 0;
  padding: 0;
  border: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/image.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-image {
  width: 100%;
  min-width: 100%;
  background: transparent;
  background: var(--eb-bg, transparent);
  margin: 0;
  padding: 0;
}
.extra-blocks-image__inner {
  width: 100%;
}
.extra-blocks-image--boxed .extra-blocks-image__inner {
  max-width: var(--eb-inner-max);
  margin: 0 auto;
}
.extra-blocks-image__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-height: 60vh;
  -o-object-fit: cover;
     object-fit: cover;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/video.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-video {
  width: 100%;
  min-width: 100%;
  background: var(--eb-bg, var(--eb-color-ink));
  margin: 0;
  padding: 0;
}
.extra-blocks-video__inner {
  width: 100%;
}
.extra-blocks-video--boxed .extra-blocks-video__inner {
  max-width: var(--eb-inner-max);
  margin: 0 auto;
}
.extra-blocks-video__player {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-height: 60vh;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
  background: var(--eb-color-ink);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/logo_showcase.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-logo-showcase {
  width: 100%;
  min-width: 100%;
  background: transparent;
  background: var(--eb-bg, transparent);
  margin: 0;
  padding-block: var(--eb-section-pad);
}
@media (min-width: 768px) {
  .extra-blocks-logo-showcase {
    padding-block: var(--eb-section-pad-lg);
  }
}
.extra-blocks-logo-showcase__grid {
  list-style: none;
  margin: 0 auto;
  max-width: var(--eb-inner-max);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: var(--eb-gutter);
  gap: var(--eb-gutter);
  align-items: stretch;
  justify-items: stretch;
}
.extra-blocks-logo-showcase__item {
  margin: 0;
  width: 100%;
}
.extra-blocks-logo-showcase__frame {
  aspect-ratio: 4/3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--eb-space-md);
  background: transparent;
  width: 100%;
  overflow: hidden;
}
.extra-blocks-logo-showcase__frame picture {
  display: block;
  width: 100%;
  height: 100%;
}
.extra-blocks-logo-showcase__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .extra-blocks-logo-showcase__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/dynamic_logos_settings.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-dynamic-logos__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
.extra-blocks-dynamic-logos__row {
  border: 1px solid #e1e5ef;
  border: 1px solid var(--gray-3, #e1e5ef);
  border-radius: 0.25rem;
  border-radius: var(--eb-radius, 0.25rem);
  padding: 1rem;
  margin: 0;
}
.extra-blocks-dynamic-logos__uploads {
  display: none;
}
.extra-blocks-dynamic-logos__empty, .extra-blocks-dynamic-logos__max {
  margin-bottom: 0.75rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/dynamic_events_settings.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-dynamic-events__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
.extra-blocks-dynamic-events__row {
  border: 1px solid #e1e5ef;
  border: 1px solid var(--gray-3, #e1e5ef);
  border-radius: 0.25rem;
  border-radius: var(--eb-radius, 0.25rem);
  padding: 1rem;
  margin: 0;
}
.extra-blocks-dynamic-events__pool {
  display: none;
}
.extra-blocks-dynamic-events__empty, .extra-blocks-dynamic-events__max {
  margin-bottom: 0.75rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/dynamic_slot_list_settings.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-dynamic-slot-list__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
.extra-blocks-dynamic-slot-list__row {
  border: 1px solid #e1e5ef;
  border: 1px solid var(--gray-3, #e1e5ef);
  border-radius: 0.25rem;
  border-radius: var(--eb-radius, 0.25rem);
  padding: 1rem;
  margin: 0;
}
.extra-blocks-dynamic-slot-list__pool, .extra-blocks-dynamic-slot-list__uploads {
  display: none;
}
.extra-blocks-dynamic-slot-list__empty, .extra-blocks-dynamic-slot-list__max {
  margin-bottom: 0.75rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/brand_story.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-brand-story {
  --eb-marker-size: 0.9rem;
  --eb-marker-top: calc((var(--eb-font-size-sm) * var(--eb-line-height-sm) - var(--eb-marker-size)) / 2);
  background: var(--eb-bg, var(--eb-color-paper));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
}
.extra-blocks-brand-story__inner {
  max-width: var(--eb-inner-max);
  margin: 0 auto;
}
.extra-blocks-brand-story__title {
  margin: 0 0 var(--eb-gap-lg);
}
.extra-blocks-brand-story__events {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--eb-gap-md);
}
.extra-blocks-brand-story__events::before {
  content: "";
  position: absolute;
  top: calc(var(--eb-marker-top) + var(--eb-marker-size) / 2);
  bottom: 0;
  left: calc(var(--eb-marker-size) / 2);
  width: 2px;
  transform: translateX(-50%);
  background: currentColor;
  opacity: 0.25;
}
.extra-blocks-brand-story__event {
  position: relative;
  padding-left: calc(var(--eb-marker-size) + var(--eb-space-md));
}
.extra-blocks-brand-story__marker {
  position: absolute;
  top: var(--eb-marker-top);
  left: 0;
  width: var(--eb-marker-size);
  height: var(--eb-marker-size);
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 3px var(--eb-bg, var(--eb-color-paper));
}
.extra-blocks-brand-story__event--highlighted .extra-blocks-brand-story__marker {
  background: var(--primary);
}
.extra-blocks-brand-story__event--highlighted .extra-blocks-brand-story__event-title {
  color: var(--primary);
}
.extra-blocks-brand-story__card {
  display: flex;
  flex-direction: column;
  gap: var(--eb-space-xs);
}
.extra-blocks-brand-story__date {
  margin: 0;
  font-size: var(--eb-font-size-sm);
  line-height: var(--eb-line-height-sm);
  font-weight: 600;
}
.extra-blocks-brand-story__media {
  width: 100%;
}
.extra-blocks-brand-story__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-height: 60vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.extra-blocks-brand-story__event-title {
  margin: 0;
  font-size: var(--eb-font-size-lg);
  font-weight: 600;
  line-height: var(--eb-line-height-lg);
}
.extra-blocks-brand-story__event-body {
  margin: 0;
}
@media (min-width: 768px) {
  .extra-blocks-brand-story {
    padding-block: var(--eb-section-pad-lg);
  }
  .extra-blocks-brand-story__events {
    display: grid;
    grid-template-columns: repeat(var(--eb-cols), minmax(0, 1fr));
    grid-column-gap: var(--eb-gutter);
    -moz-column-gap: var(--eb-gutter);
         column-gap: var(--eb-gutter);
    grid-row-gap: var(--eb-gap-md);
    row-gap: var(--eb-gap-md);
  }
  .extra-blocks-brand-story__events::before {
    left: 50%;
    transform: translateX(-50%);
  }
  .extra-blocks-brand-story__event {
    padding-left: 0;
  }
  .extra-blocks-brand-story__event:nth-child(1) {
    grid-row: 1;
  }
  .extra-blocks-brand-story__event:nth-child(2) {
    grid-row: 2;
  }
  .extra-blocks-brand-story__event:nth-child(3) {
    grid-row: 3;
  }
  .extra-blocks-brand-story__event:nth-child(4) {
    grid-row: 4;
  }
  .extra-blocks-brand-story__event:nth-child(5) {
    grid-row: 5;
  }
  .extra-blocks-brand-story__event:nth-child(6) {
    grid-row: 6;
  }
  .extra-blocks-brand-story__event:nth-child(7) {
    grid-row: 7;
  }
  .extra-blocks-brand-story__event:nth-child(8) {
    grid-row: 8;
  }
  .extra-blocks-brand-story__event--left {
    grid-column: 1/7;
    text-align: right;
    padding-right: calc(var(--eb-marker-size) / 2 + var(--eb-space-md));
  }
  .extra-blocks-brand-story__event--left .extra-blocks-brand-story__marker {
    left: auto;
    right: calc(var(--eb-gutter) / -2);
    transform: translateX(50%);
  }
  .extra-blocks-brand-story__event--right {
    grid-column: 7/13;
    text-align: left;
    padding-left: calc(var(--eb-marker-size) / 2 + var(--eb-space-md));
  }
  .extra-blocks-brand-story__event--right .extra-blocks-brand-story__marker {
    left: calc(var(--eb-gutter) / -2);
    right: auto;
    transform: translateX(-50%);
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/roadmap.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-roadmap {
  --eb-marker-size: 1rem;
  background: var(--eb-bg, var(--eb-color-paper));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
}
.extra-blocks-roadmap__inner {
  max-width: var(--eb-inner-max);
  margin: 0 auto;
}
.extra-blocks-roadmap__title {
  margin: 0 0 var(--eb-gap-lg);
}
.extra-blocks-roadmap ol.extra-blocks-roadmap__events {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: calc(var(--eb-marker-size) / 2);
  display: flex;
  align-items: flex-start;
  gap: var(--eb-gutter);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.extra-blocks-roadmap__event {
  flex: 0 0 min(16rem, 80vw);
  scroll-snap-align: start;
  position: relative;
  list-style: none;
  padding-top: calc(var(--eb-marker-size) / 2 + var(--eb-space-sm));
}
.extra-blocks-roadmap__event::marker {
  content: none;
}
.extra-blocks-roadmap__event::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(var(--eb-gutter) / -2);
  right: calc(var(--eb-gutter) / -2);
  height: 2px;
  transform: translateY(-50%);
  background: currentColor;
  opacity: 0.25;
}
.extra-blocks-roadmap__event:first-child::before {
  left: 0;
}
.extra-blocks-roadmap__event:last-child::before {
  right: 0;
}
.extra-blocks-roadmap__marker {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: var(--eb-marker-size);
  height: var(--eb-marker-size);
  transform: translateY(-50%);
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 3px var(--eb-bg, var(--eb-color-paper));
}
.extra-blocks-roadmap__event--highlighted .extra-blocks-roadmap__marker {
  background: var(--primary);
}
.extra-blocks-roadmap__event--highlighted .extra-blocks-roadmap__event-title {
  color: var(--primary);
}
.extra-blocks-roadmap__card {
  display: flex;
  flex-direction: column;
  gap: var(--eb-space-xs);
}
.extra-blocks-roadmap__date {
  margin: 0;
  font-size: var(--eb-font-size-sm);
  line-height: var(--eb-line-height-sm);
  font-weight: 600;
}
.extra-blocks-roadmap__event-title {
  margin: 0;
  font-size: var(--eb-font-size-lg);
  font-weight: 600;
  line-height: var(--eb-line-height-lg);
}
.extra-blocks-roadmap__event-body {
  margin: 0;
  font-size: var(--eb-font-size-sm);
  line-height: var(--eb-line-height-sm);
}
.extra-blocks-roadmap__action {
  margin-top: var(--eb-space-xs);
}
@media (min-width: 768px) {
  .extra-blocks-roadmap {
    padding-block: var(--eb-section-pad-lg);
  }
  .extra-blocks-roadmap ol.extra-blocks-roadmap__events {
    overflow-x: visible;
    padding-top: 0;
  }
  .extra-blocks-roadmap__event {
    flex: 1 1;
    min-width: 0;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/impact_milestones.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-impact-milestones {
  background: var(--eb-bg, var(--eb-color-paper));
  width: 100%;
  min-width: 100%;
  padding-block: var(--eb-section-pad);
}
.extra-blocks-impact-milestones__inner {
  max-width: var(--eb-prose-max);
  margin: 0 auto;
}
.extra-blocks-impact-milestones__title {
  margin: 0 0 var(--eb-gap-lg);
}
.extra-blocks-impact-milestones__events {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.extra-blocks-impact-milestones__event {
  display: flex;
  flex-wrap: wrap;
  gap: var(--eb-gutter);
  align-items: start;
}
.extra-blocks-impact-milestones__rail {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 0 0 1.5rem;
  min-height: 100%;
  padding-top: var(--eb-space-xs);
}
.extra-blocks-impact-milestones__rail::before {
  content: "";
  position: absolute;
  top: 0.9rem;
  bottom: -0.35rem;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
  background: currentColor;
  opacity: 0.25;
}
.extra-blocks-impact-milestones__event:last-child .extra-blocks-impact-milestones__rail::before {
  display: none;
}
.extra-blocks-impact-milestones__marker {
  position: relative;
  z-index: 1;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 3px var(--eb-bg, var(--eb-color-paper));
  flex: 0 0 auto;
}
.extra-blocks-impact-milestones__event--highlighted .extra-blocks-impact-milestones__marker {
  background: var(--primary);
}
.extra-blocks-impact-milestones__event--highlighted .extra-blocks-impact-milestones__event-title {
  color: var(--primary);
}
.extra-blocks-impact-milestones__content {
  flex: 1 1;
  min-width: 0;
  padding-bottom: var(--eb-gap-lg);
}
.extra-blocks-impact-milestones__event:last-child .extra-blocks-impact-milestones__content {
  padding-bottom: 0;
}
.extra-blocks-impact-milestones__date {
  margin: 0 0 var(--eb-space-xs);
  font-size: var(--eb-font-size-sm);
  font-weight: 600;
  line-height: var(--eb-line-height-sm);
}
.extra-blocks-impact-milestones__event-title {
  margin: 0 0 var(--eb-space-xs);
  font-size: var(--eb-font-size-lg);
  font-weight: 600;
  line-height: var(--eb-line-height-lg);
}
.extra-blocks-impact-milestones__event-body {
  margin: 0;
  font-size: var(--eb-font-size-sm);
  line-height: var(--eb-line-height-sm);
}
@media (min-width: 768px) {
  .extra-blocks-impact-milestones {
    padding-block: var(--eb-section-pad-lg);
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/gallery.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.extra-blocks-gallery__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--eb-gap-md);
}
.extra-blocks-gallery__card {
  border: 1px solid #e1e5ef;
  border: 1px solid var(--gray-3, #e1e5ef);
  border-radius: var(--eb-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  background: var(--white, #ffffff);
  flex: 1 1 100%;
}
.extra-blocks-gallery__preview {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  background: #fafbfc;
  background: var(--background-2, #fafbfc);
}
.extra-blocks-gallery__body {
  display: flex;
  flex-direction: column;
  gap: var(--eb-gap-md);
  padding: var(--eb-space-md);
  flex: 1 1;
}
.extra-blocks-gallery__title {
  margin: 0;
  font-size: var(--eb-font-size-lg);
  font-weight: 600;
  line-height: var(--eb-line-height-lg);
}
.extra-blocks-gallery__description {
  margin: 0;
  font-size: var(--eb-font-size-sm);
  line-height: var(--eb-line-height-sm);
  color: #3e4c5c;
  color: var(--gray-2, #3e4c5c);
  flex: 1 1;
}
.extra-blocks-gallery__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--eb-gap-md);
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 640px) {
  .extra-blocks-gallery__card {
    flex: 1 1 calc(50% - var(--eb-gap-md) / 2);
    max-width: calc(50% - var(--eb-gap-md) / 2);
  }
}
@media (min-width: 1024px) {
  .extra-blocks-gallery__card {
    flex: 1 1 calc(33.333% - var(--eb-gap-md) * 2 / 3);
    max-width: calc(33.333% - var(--eb-gap-md) * 2 / 3);
  }
}
.extra-blocks-modal {
  border: none;
  border-radius: var(--eb-radius);
  padding: 0;
  max-width: min(48rem, 100vw - 2rem);
}
.extra-blocks-modal::backdrop {
  background: rgba(2, 2, 3, 0.45);
}
.extra-blocks-modal__inner {
  padding: var(--eb-space-md);
  display: flex;
  flex-direction: column;
  gap: var(--eb-gap-md);
}
.extra-blocks-modal__screenshots {
  display: flex;
  flex-wrap: wrap;
  gap: var(--eb-gap-md);
}
.extra-blocks-modal__screenshots img {
  width: 100%;
  height: auto;
  border-radius: var(--eb-radius);
  background: #fafbfc;
  background: var(--background-2, #fafbfc);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@decidim/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.2.0/bundler/gems/decidim-extra-blocks-36eb0500ccc8/app/packs/stylesheets/decidim/extra_blocks/availability.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Hide Extra Blocks when Toggle disables the module or a layout category.
 * Body data attributes: extra_blocks_*_body_data_attributes Deface overrides.
 * Cell / list markers: layout cells + admin content_block list Deface. */
body[data-extra-blocks-enabled=false] a[href*="manifest_name=extra_block"],
body[data-extra-blocks-enabled=false] li:has(a[href*="manifest_name=extra_block"]),
body[data-extra-blocks-enabled=false] [data-extra-blocks-manifest=extra_block],
body[data-extra-blocks-enabled=false] [data-extra-blocks-category] {
  display: none !important;
}
body[data-extra-blocks-cta-enabled=false] [data-extra-blocks-category=cta] {
  display: none !important;
}
body[data-extra-blocks-hero-enabled=false] [data-extra-blocks-category=hero] {
  display: none !important;
}
body[data-extra-blocks-text-enabled=false] [data-extra-blocks-category=text] {
  display: none !important;
}
body[data-extra-blocks-fast-proposal-enabled=false] [data-extra-blocks-category=fast_proposal] {
  display: none !important;
}
body[data-extra-blocks-misc-enabled=false] [data-extra-blocks-category=misc] {
  display: none !important;
}
body[data-extra-blocks-timelines-enabled=false] [data-extra-blocks-category=timelines] {
  display: none !important;
}

/*# sourceMappingURL=decidim_extra_blocks-c302d2b8.css.map*/