/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!../decidim-module-vocdoni-next/app/packs/entrypoints/decidim_vocdoni.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Public election list and election page. */
/* The badge's text colours are Decidim's own `.label` tokens (`_labels.scss`
   in decidim-core), not the raw `success`/`warning`/`alert` palette entries.
   Those raw entries are chosen to be seen as a fill, and this badge uses them
   as 14px/600 text on the page background, where they fail WCAG AA: `success`
   #28A745 measured 3.13:1, `warning` #FFB703 1.75:1 and `alert` #ED1C24 4.38:1
   against white, all short of 4.5:1 and all reported "serious" by axe. The
   `.label` variants are the same three states darkened for exactly this
   purpose — 8.39:1, 5.62:1 and 6.75:1 on white — so the badge borrows them
   rather than inventing a hex of its own.

   `gray-2` (#3E4C5C, 8.78:1) and `secondary` (#4053BF by default, 6.55:1) pass
   as they are and are left alone; `secondary` is the organization's own brand
   token and Decidim relies on it for body text throughout. */
.vocdoni-status {
  --vocdoni-status-success: #16592e;
  --vocdoni-status-warning: #ad4910;
  --vocdoni-status-alert: #b9081b;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  /* The icon carries the same information as the colour, so the state is never
     signalled by colour alone. */
}
.vocdoni-status svg{
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  fill: currentColor;
}
.vocdoni-status[data-state=ongoing]{
  border-color: var(--vocdoni-status-success);
  color: var(--vocdoni-status-success);
}
.vocdoni-status[data-state=scheduled]{
  --tw-border-opacity: 1;
  border-color: rgb(var(--secondary-rgb) / 1);
  border-color: rgb(var(--secondary-rgb) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-rgb) / 1);
  color: rgb(var(--secondary-rgb) / var(--tw-text-opacity, 1));
}
.vocdoni-status[data-state=paused]{
  border-color: var(--vocdoni-status-warning);
  color: var(--vocdoni-status-warning);
}
.vocdoni-status[data-state=ended], .vocdoni-status[data-state=results]{
  --tw-border-opacity: 1;
  border-color: rgb(62 76 92 / 1);
  --tw-text-opacity: 1;
  color: rgb(62 76 92 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.vocdoni-status[data-state=ended], .vocdoni-status[data-state=results]{
    border-color: rgb(62 76 92 / var(--tw-border-opacity, 1));
    color: rgb(62 76 92 / var(--tw-text-opacity, 1));
  }
}
.vocdoni-status[data-state=canceled]{
  border-color: var(--vocdoni-status-alert);
  color: var(--vocdoni-status-alert);
}
.vocdoni-status[data-state=draft], .vocdoni-status[data-state=publishing]{
  --tw-border-opacity: 1;
  border-color: rgb(62 76 92 / 1);
  --tw-text-opacity: 1;
  color: rgb(62 76 92 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.vocdoni-status[data-state=draft], .vocdoni-status[data-state=publishing]{
    border-color: rgb(62 76 92 / var(--tw-border-opacity, 1));
    color: rgb(62 76 92 / var(--tw-text-opacity, 1));
  }
}

.vocdoni-election__meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  font-size: 14px;
  line-height: 18px;
  --tw-text-opacity: 1;
  color: rgb(62 76 92 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.vocdoni-election__meta{
    color: rgb(62 76 92 / var(--tw-text-opacity, 1));
  }
}
.vocdoni-election__notice > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - 0));
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * 0);
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.vocdoni-election__notice{
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: #6B7280CC;
  padding: 1rem;
}

.vocdoni-questions > :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));
}
.vocdoni-questions__item > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - 0));
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * 0);
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.vocdoni-questions__item{
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: #6B7280CC;
  padding: 1rem;
}
.vocdoni-questions__answers{
  margin: 0px;
  list-style-type: none;
}
.vocdoni-questions__answers > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - 0));
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * 0);
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.vocdoni-questions__answers{
  padding: 0px;
}

.vocdoni-results > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - 0));
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * 0);
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.vocdoni-results__question > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - 0));
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * 0);
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.vocdoni-results__answer > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - 0));
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * 0);
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.vocdoni-results__bar{
  position: relative;
  height: 0.75rem;
  flex: 1 1;
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(225 229 239 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.vocdoni-results__bar{
    background-color: rgb(225 229 239 / var(--tw-bg-opacity, 1));
  }
}
.vocdoni-results__bar-fill{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  border-radius: 0.25rem;
  background-color: var(--secondary);
  transition: width 1s ease-in-out;
}
.vocdoni-results__figures{
  min-width: 80px;
  flex-shrink: 0;
  text-align: right;
  font-size: 14px;
  line-height: 18px;
  line-height: 1.25;
}
.vocdoni-results [data-just-updated=true]{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-rgb) / 1);
  color: rgb(var(--secondary-rgb) / var(--tw-text-opacity, 1));
}

@media (prefers-reduced-motion: reduce) {
  .vocdoni-results__bar-fill {
    transition: none;
  }
}

/*# sourceMappingURL=decidim_vocdoni.css.map*/