/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./styles/entry/statichtml.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/* Layout */
/* Colours */
/* Autogen vars via build:palettes */
/* 1. Screen Sizes */
/* Topics */
/* Cards */
/*
  xs    320px   small-mobile
  sm    576px   mobile
  md    768px   small-tablet
  lg    992px   tablet
  xl    1200px  small-desktop
  max   1400px  desktop
*/
/* stylelint-disable function-no-unknown */
.static-html {
  background: #FFFFFF;
}
.static-html a {
  color: #000000;
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
}
.static-html a:visited {
  color: #595959;
}
.static-html__header {
  border: solid 1px #E6E6E9;
  min-height: 100px;
  margin: 35px auto 25px;
  padding-bottom: 20px;
  width: 100%;
}
.static-html__header--heading {
  text-align: center;
  margin: -20px auto 20px;
  font-size: var(--font-size-xl);
}
.static-html__header .text-background {
  background: #FFFFFF;
  width: 30%;
  min-width: 275px;
  height: 20px;
  display: block;
  margin: -35px auto 0;
}
.static-html__header--wrapper {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .static-html__header--wrapper {
    flex-direction: row;
  }
}
.static-html__header--wrapper .send-news,
.static-html__header--wrapper .report-issue {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 5px 0 10px;
  gap: 10px;
}
.static-html__content {
  display: grid;
  width: 100%;
}

/* Ballot styles */
.ballot-card {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.19);
  border: 1px solid #CCCFD6;
  padding: 25px;
  margin-bottom: 40px;
  margin-top: 40px;
}
.ballot-card__poll-options li {
  border-bottom: solid 1px #E6E6E9;
  display: flex;
  gap: 10px;
}
.ballot-card__poll-options li:last-child {
  border-bottom: none;
}
.ballot-card__poll-results {
  background: #FFFFFF;
}
.ballot-card__poll-results--total {
  margin-left: auto;
  display: block;
  width: fit-content;
  font-family: var(--global-font);
  font-size: var(--font-size-xs);
}
.ballot-card__list-item {
  list-style: none;
  padding: 15px 0 15px;
  font-family: var(--global-font);
  align-items: center;
  font-size: var(--font-size-s);
}
.ballot-card__list-item::before {
  content: "" !important;
  display: none !important;
}
.ballot-card__list-item input,
.ballot-card__list-item label {
  cursor: pointer;
  margin: 0 0 0 5px;
}
.ballot-card__list-item input {
  min-width: 22px;
}
.ballot-card__list-item label {
  font-size: var(--font-size-s);
}
.ballot-card__list-item--results {
  flex-direction: column;
  align-items: flex-start;
  padding: 15px 0 5px;
}
.ballot-card__list-item--results:last-child {
  padding: 15px 0 15px;
}
.ballot-card__list-item--results .results-text {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-s);
}
.ballot-card__list-item--results .results-text .vote-percentage {
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-bold);
}
.ballot-card__header {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  font-family: var(--heading-font);
  position: relative;
  width: fit-content;
  margin-top: 0;
}
.ballot-card__header::after {
  content: "";
  height: 1px;
  width: 100%;
  background: #BC7A16;
  position: absolute;
  left: 0;
  bottom: 0;
}
.ballot-card__question {
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-bold);
  font-family: var(--heading-font);
  margin: 15px 0 5px;
}
.ballot-card__question--multiple {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-xs);
}
.ballot-card__btn {
  margin-top: 10px;
}
.ballot-card__poll-closed {
  color: #9D0D13;
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-bold);
  font-style: italic;
}
.ballot-card__progress {
  width: 100%;
  display: flex;
  height: 3px;
  overflow: hidden;
  background-color: #F2F2F3;
  border-radius: 29px;
}
.ballot-card__progress .progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  background-color: #9D0D13;
  transition: width 0.6s ease;
}
.ballot-card--error {
  box-shadow: none;
  padding: 10px 15px;
  color: #721C24;
  background-color: #F8D7DA;
  margin: 10px 0;
  border-color: #F5C6CB;
  border-radius: 3px;
}
.ballot-card--error .error-text {
  font-family: var(--global-font);
  font-size: var(--font-size-xs);
}