/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./packages/webpacker/src/loaders/decidim-sass-loader.js!./vendor/ruby/3.3.0/bundler/gems/decidim-a9afb2c85a88/decidim-accountability/app/packs/stylesheets/accountability.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.accountability__map {
  /* negative main padding values */
  margin-top: -1.5rem;
  aspect-ratio: 1 / 1;
}@media (min-width: 768px) {.accountability__map {
    margin-left: -4rem;
    margin-top: -3rem;
    aspect-ratio: 21/9;
  }
}.accountability__map+* {
  margin-top: 1.5rem;
}@media (min-width: 768px) {.accountability__map+* {
    margin-top: 3rem;
  }
}.accountability__map>* {
  height: 100%;
}
.accountability__status {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.75rem;
}
.accountability__status-container {
  width: 100%;
}
.accountability__status-container>*:last-child {
  display: flex;
  gap: 0.25rem;
}
.accountability__status-title {
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-rgb) / 1);
  color: rgb(var(--secondary-rgb) / var(--tw-text-opacity, 1));
}
.accountability__status-title+* {
  margin-top: auto;
}
.accountability__status-progress {
  height: 1rem;
  width: 100%;
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__status-progress {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.accountability__status-progress>* {
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(40 167 69 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__status-progress>* {
    background-color: rgb(40 167 69 / var(--tw-bg-opacity, 1));
  }
}
.accountability__status-value {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(62 76 92 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__status-value {
    color: rgb(62 76 92 / var(--tw-text-opacity, 1));
  }
}
.accountability__status-value > :first-child {
  font-size: 36px;
  line-height: 45px;
  font-weight: 700;
}
.accountability__status-value > :last-child:not(:only-child) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 18px;
}
.accountability__status__home {
  gap: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 1.5rem;
  --tw-drop-shadow: drop-shadow(0 4px 6px rgba(211,211,211,0.25));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 6px rgba(211,211,211,0.25));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__status__home {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.accountability__status__home .accountability__status-title {
  font-size: 20px;
  line-height: 25px;
  --tw-text-opacity: 1;
  color: rgb(62 76 92 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__status__home .accountability__status-title {
    color: rgb(62 76 92 / var(--tw-text-opacity, 1));
  }
}
.accountability__status__home .accountability__status-progress {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 247 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__status__home .accountability__status-progress {
    background-color: rgb(243 244 247 / var(--tw-bg-opacity, 1));
  }
}
.accountability__status__home .accountability__status-value > :first-child {
  font-size: 48px;
}
.accountability__status__background {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 247 / 1);
  padding: 1rem;
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__status__background {
    background-color: rgb(243 244 247 / var(--tw-bg-opacity, 1));
  }
}
.accountability__status__border {
  border-radius: 0.25rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 247 / 1);
  padding: 1rem;
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__status__border {
    border-color: rgb(243 244 247 / var(--tw-border-opacity, 1));
  }
}
.accountability__status__border .accountability__status-progress {
  visibility: hidden;
}
.accountability__status__border .accountability__status-title {
  font-size: 16px;
  line-height: 20px;
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-rgb) / 1);
  color: rgb(var(--secondary-rgb) / var(--tw-text-opacity, 1));
}
.accountability__status__parent {
  gap: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 1rem;
  --tw-drop-shadow: drop-shadow(0 4px 6px rgba(211,211,211,0.25));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 6px rgba(211,211,211,0.25));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__status__parent {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.accountability__status__parent .accountability__status-progress {
  display: none;
}
.accountability__status__parent .accountability__status-value > :first-child {
  font-size: 20px;
  line-height: 25px;
}
.accountability__status__child {
  margin-top: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 1rem;
  --tw-drop-shadow: drop-shadow(0 4px 6px rgba(211,211,211,0.25));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 4px 6px rgba(211,211,211,0.25));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__status__child {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.accountability__status__child .accountability__status-title {
  font-size: 16px;
  line-height: 20px;
}
.accountability__status__child .accountability__status-progress {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 247 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__status__child .accountability__status-progress {
    background-color: rgb(243 244 247 / var(--tw-bg-opacity, 1));
  }
}
.accountability__status__child .accountability__status-value > :first-child {
  font-size: 32px;
  line-height: 40px;
}
.accountability__status__project .accountability__status-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(62 76 92 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__status__project .accountability__status-title {
    color: rgb(62 76 92 / var(--tw-text-opacity, 1));
  }
}
.accountability__grid {
  display: grid;
  align-items: flex-start;
  grid-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  row-gap: 1.5rem;
}
@media (min-width: 768px) {.accountability__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.accountability__grid {
  /* display the titles only for the first two rows in desktop */
}
.accountability__grid--one-level {
  display: grid;
}
.accountability__grid--two-levels > :nth-child(even) {
  display: grid;
}
@media (min-width: 768px) {.accountability__grid--two-levels > :nth-child(even) {
    grid-column: span 2 / span 2;
  }.accountability__grid > :nth-child(1) .accountability__grid-title, .accountability__grid > :nth-child(2) .accountability__grid-title {
    display: block;
  }
}
.accountability__grid-title {
  margin-bottom: 2rem;
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(62 76 92 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__grid-title {
    color: rgb(62 76 92 / var(--tw-text-opacity, 1));
  }
}
@media (min-width: 768px) {.accountability__grid-title {
    display: none;
  }
}
.accountability__grid .flash {
  margin: 0px;
}
.accountability__subgrid {
  display: grid;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}
@media (min-width: 768px) {.accountability__subgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.accountability__progress {
  margin-left: auto;
  display: grid;
  width: 100%;
  min-width: 120px;
  place-items: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 247 / 1);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(62 76 92 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__progress {
    background-color: rgb(243 244 247 / var(--tw-bg-opacity, 1));
    color: rgb(62 76 92 / var(--tw-text-opacity, 1));
  }
}
@media (min-width: 768px) {.accountability__progress {
    width: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.accountability__project-aside > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - 0));
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * 0);
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(225 229 239 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__project-aside > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(225 229 239 / var(--tw-divide-opacity, 1));
  }
}
.accountability__project-aside {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 247 / 1);
  padding: 1rem;
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__project-aside {
    background-color: rgb(243 244 247 / var(--tw-bg-opacity, 1));
  }
}
.accountability__project-aside>* {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.accountability__project-aside>*:first-child {
  padding-top: 0px;
}
.accountability__project-aside>*:last-child {
  padding-bottom: 0px;
}
.accountability__project-aside-item > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - 0));
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * 0);
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.accountability__project-aside-item {
  --tw-text-opacity: 1;
  color: rgb(62 76 92 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__project-aside-item {
    color: rgb(62 76 92 / var(--tw-text-opacity, 1));
  }
}
.accountability__project-aside-item > :first-child {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 14px;
  line-height: 18px;
}
.accountability__project-aside-item > :last-child {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
.accountability__project-milestones {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.accountability__project-milestones-milestone {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.accountability__project-milestones-milestone::before {
  position: absolute;
  left: 0.75rem;
  top: -0.75rem;
  z-index: -10;
  height: calc(100% + 1.5rem);
  width: 1px;
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(225 229 239 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__project-milestones-milestone::before {
    background-color: rgb(225 229 239 / var(--tw-bg-opacity, 1));
  }
}
.accountability__project-milestones-milestone:first-child::before {
  content: var(--tw-content);
  top: 0.75rem;
}
.accountability__project-milestones-milestone:last-child::before {
  content: var(--tw-content);
  height: 1.5rem;
}
.accountability__project-milestones-milestone-number {
  display: grid;
  height: 1.5rem;
  width: 1.5rem;
  place-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 247 / 1);
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(62 76 92 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__project-milestones-milestone-number {
    background-color: rgb(243 244 247 / var(--tw-bg-opacity, 1));
    color: rgb(62 76 92 / var(--tw-text-opacity, 1));
  }
}
.accountability__project-milestones-milestone-attributes {
  font-size: 14px;
  line-height: 18px;
  --tw-text-opacity: 1;
  color: rgb(62 76 92 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__project-milestones-milestone-attributes {
    color: rgb(62 76 92 / var(--tw-text-opacity, 1));
  }
}
.accountability__project-milestones-milestone-attributes > :first-child {
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
}
.accountability__project-list > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - 0));
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * 0);
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.accountability__filters {
  width: 100%;
}
.accountability__filters > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - 0));
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * 0);
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.accountability__taxonomies {
  width: 100%;
}
.accountability__taxonomies ul {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.accountability__taxonomies ul li {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__taxonomies ul li {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}
.accountability__taxonomies ul li a {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-rgb) / 1);
  color: rgb(var(--secondary-rgb) / var(--tw-text-opacity, 1));
}
.accountability__taxonomies ul li.active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-rgb) / 1);
  background-color: rgb(var(--secondary-rgb) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__taxonomies ul li.active {
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}
.accountability__taxonomies ul li.active a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}
@supports (color: rgb(0 0 0 / 0)) {
.accountability__taxonomies ul li.active a {
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

/*# sourceMappingURL=decidim_accountability-eb96647d.css.map*/