.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))
}
.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))
}
}
.accountability__status-progress>* {
height: 100%;
--tw-bg-opacity: 1;
background-color: rgb(var(--success-rgb) / 1);
background-color: rgb(var(--success-rgb) / var(--tw-bg-opacity))
}
.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))
}
}
.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))
}
}
.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))
}
}
.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))
}
}
.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))
}
}
.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))
}
}
.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))
}
.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))
}
}
.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))
}
}
.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))
}
}
.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))
}
}
.accountability__grid {
display: grid;
align-items: flex-start;
grid-column-gap: 2.5rem;
-moz-column-gap: 2.5rem;
     column-gap: 2.5rem;
grid-row-gap: 2rem;
row-gap: 2rem
}
@media (min-width: 768px) {
.accountability__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
row-gap: 4rem
}
}
.accountability__grid {
  /* display the titles only for the first two rows in desktop */
}
.accountability__grid > :nth-child(even) {
display: grid
}
@media (min-width: 768px) {
.accountability__grid > :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))
}
}
@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));
color: rgb(62 76 92 / var(--tw-text-opacity))
}
}
@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))
}
}
.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))
}
}
.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))
}
}
.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-timeline {
display: flex;
flex-direction: column;
gap: 1.5rem
}
.accountability__project-timeline-entry {
position: relative;
display: flex;
align-items: flex-start;
gap: 0.5rem
}
.accountability__project-timeline-entry::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-timeline-entry::before {
background-color: rgb(225 229 239 / var(--tw-bg-opacity))
}
}
.accountability__project-timeline-entry:first-child::before {
content: var(--tw-content);
top: 0.75rem
}
.accountability__project-timeline-entry:last-child::before {
content: var(--tw-content);
height: 1.5rem
}
.accountability__project-timeline-entry-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-timeline-entry-number {
background-color: rgb(243 244 247 / var(--tw-bg-opacity));
color: rgb(62 76 92 / var(--tw-text-opacity))
}
}
.accountability__project-timeline-entry-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-timeline-entry-attributes {
color: rgb(62 76 92 / var(--tw-text-opacity))
}
}
.accountability__project-timeline-entry-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))
}

/*# sourceMappingURL=decidim_accountability-1d0a56f8.css.map*/