@charset "UTF-8";
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor > * {
  cursor: text;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}

.ql-editor ul > li::before {
  content: "•";
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}

.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before {
  content: "☑";
}

.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}

.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}

.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}

.ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}

.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: "Save";
  padding-right: 0px;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.editor-container {
  margin-bottom: 1.5rem;
}
.editor-container p {
  line-height: 1.5;
  margin-bottom: 1.1rem;
  text-rendering: optimizeLegibility;
}
.editor-container ul,
.editor-container ol {
  margin-bottom: 1.1rem;
}

.ql-editor-display ul li,
.ql-editor-display ol li {
  list-style-type: none;
  margin-bottom: 0.5rem;
}
.ql-editor-display ul li::before,
.ql-editor-display ol li::before {
  content: "•";
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor-display ul li.ql-indent-1,
.ql-editor-display ol li.ql-indent-1 {
  padding-left: 3em;
}
.ql-editor-display ul li.ql-indent-2,
.ql-editor-display ol li.ql-indent-2 {
  padding-left: 6em;
}
.ql-editor-display ul li.ql-indent-3,
.ql-editor-display ol li.ql-indent-3 {
  padding-left: 9em;
}
.ql-editor-display ul li.ql-indent-4,
.ql-editor-display ol li.ql-indent-4 {
  padding-left: 12em;
}
.ql-editor-display ul li.ql-indent-5,
.ql-editor-display ol li.ql-indent-5 {
  padding-left: 15em;
}
.ql-editor-display ul li.ql-indent-6,
.ql-editor-display ol li.ql-indent-6 {
  padding-left: 18em;
}
.ql-editor-display ul li.ql-indent-7,
.ql-editor-display ol li.ql-indent-7 {
  padding-left: 21em;
}
.ql-editor-display ul li.ql-indent-8,
.ql-editor-display ol li.ql-indent-8 {
  padding-left: 24em;
}
.ql-editor-display ul li.ql-indent-9,
.ql-editor-display ol li.ql-indent-9 {
  padding-left: 27em;
}
.ql-editor-display ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor-display ol li::before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor-display ol li.ql-indent-1 {
  counter-increment: list-1;
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor-display ol li.ql-indent-1::before {
  content: counter(list-1, lower-alpha) ". ";
}
.ql-editor-display ol li.ql-indent-2 {
  counter-increment: list-2;
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor-display ol li.ql-indent-2::before {
  content: counter(list-2, lower-roman) ". ";
}
.ql-editor-display ol li.ql-indent-3 {
  counter-increment: list-3;
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor-display ol li.ql-indent-3::before {
  content: counter(list-3, decimal) ". ";
}
.ql-editor-display ol li.ql-indent-4 {
  counter-increment: list-4;
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor-display ol li.ql-indent-4::before {
  content: counter(list-4, lower-alpha) ". ";
}
.ql-editor-display ol li.ql-indent-5 {
  counter-increment: list-5;
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor-display ol li.ql-indent-5::before {
  content: counter(list-5, lower-roman) ". ";
}
.ql-editor-display ol li.ql-indent-6 {
  counter-increment: list-6;
  counter-reset: list-7 list-8 list-9;
}
.ql-editor-display ol li.ql-indent-6::before {
  content: counter(list-6, decimal) ". ";
}
.ql-editor-display ol li.ql-indent-7 {
  counter-increment: list-7;
  counter-reset: list-8 list-9;
}
.ql-editor-display ol li.ql-indent-7::before {
  content: counter(list-7, lower-alpha) ". ";
}
.ql-editor-display ol li.ql-indent-8 {
  counter-increment: list-8;
  counter-reset: list-9;
}
.ql-editor-display ol li.ql-indent-8::before {
  content: counter(list-8, lower-roman) ". ";
}
.ql-editor-display ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor-display ol li.ql-indent-9::before {
  content: counter(list-9, decimal) ". ";
}

:root {
  --primary: #000;
  --primary-rgb: 0, 0, 0;
  --secondary: #ffe977;
  --secondary-rgb: 255, 233, 119;
  --success: #007a64;
  --success-rgb: 0, 122, 100;
  --warning: #ffda07;
  --warning-rgb: 255, 218, 7;
  --alert: #c4123e;
  --alert-rgb: 196, 18, 62;
  --highlight: #007293;
  --highlight-rgb: 0, 114, 147;
  --highlight-alternative: #00d7a7;
  --highlight-alternative-rgb: 0, 215, 167;
  --proposals: #238ff7;
  --actions: #57d685;
  --debates: #fa6c96;
  --meetings: #fabc6c;
  --twitter: #55acee;
  --facebook: #3b5998;
  --google: #4285f4;
}

/**
 * Foundation for Sites
 * Version 6.8.1
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 36em) {
  .reveal.large, .reveal.small, .reveal.tiny, .reveal {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
.inline-filters button[data-toggle],
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select,
.inline-filters button[data-toggle] {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
  outline: none;
}

[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.foundation-mq {
  font-family: "small=0em&smallmedium=28.125em&medium=36em&mediumlarge=48em&large=62em&xlarge=76.5em&xxlarge=90em";
}

html {
  box-sizing: border-box;
  font-size: 16px;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "HelsinkiGrotesk", Helvetica, Arial, "MS Gothic", Meiryo, Osaka, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select, .inline-filters button[data-toggle] {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
[data-whatinput=mouse] button {
  outline: 0;
}

pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
.inline-filters button[data-toggle],
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.625rem;
  margin: 0 0 2rem;
  padding: 0.5rem;
  border: 2px solid #000;
  border-radius: 0;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(26, 24, 29, 0.1);
  font-family: inherit;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.5;
  color: #1a181d;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  outline: none;
  border: 2px solid #000;
  background-color: #fff;
  box-shadow: 0 0 5px #e8e8e8;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #fafafa;
  cursor: not-allowed;
}

[type=submit],
[type=button] {
  appearance: none;
  border-radius: 0;
}

input[type=search] {
  box-sizing: border-box;
}

::placeholder {
  color: #e8e8e8;
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 2rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 1rem;
  margin-right: 2rem;
  margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-right: 1rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.8;
  color: #000;
}
label.middle {
  margin: 0 0 2rem;
  line-height: 1.5;
  padding: 1.125rem 0;
}

.help-text {
  margin-top: -1rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #000;
}

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 2rem;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 0 0 0 0;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 0 0 0;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .user-nickname label .row > span:last-of-type, .input-group-label, .user-nickname label .row > span:first-of-type {
  margin: 0;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}

.input-group-label, .user-nickname label .row > span:first-of-type {
  padding: 0 1rem;
  border: 1px solid #e8e8e8;
  background: #fafafa;
  color: #1a181d;
  text-align: center;
  white-space: nowrap;
  width: 1%;
  height: 100%;
}
.input-group-label:first-child, .user-nickname label .row > span:first-child:first-of-type {
  border-right: 0;
}
.input-group-label:last-child, .user-nickname label .row > span:last-child:first-of-type {
  border-left: 0;
}

.input-group-field, .user-nickname label .row > span:last-of-type {
  border-radius: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 1%;
  height: 100%;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  height: 2.625rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.125rem;
}

.input-group .input-group-button {
  display: table-cell;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 1rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #e8e8e8;
}
.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}

select, .inline-filters button[data-toggle] {
  height: 2.625rem;
  margin: 0 0 2rem;
  padding: 0.5rem;
  appearance: none;
  border: 2px solid #000;
  border-radius: 0;
  background-color: #fff;
  font-family: inherit;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.5;
  color: #1a181d;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"32\" height=\"24\" viewBox=\"0 0 32 24\"><polygon points=\"0,0 32,0 16,24\" style=\"fill: rgb%2844, 41, 48%29\"></polygon></svg>");
  background-origin: content-box;
  background-position: right -2rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 3rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
@media screen and (min-width: 0\0 ) {
  select, .inline-filters button[data-toggle] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==);
  }
}
select:focus, .inline-filters button[data-toggle]:focus {
  outline: none;
  border: 2px solid #000;
  background-color: #fff;
  box-shadow: 0 0 5px #e8e8e8;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled, .inline-filters button[data-toggle]:disabled {
  background-color: #fafafa;
  cursor: not-allowed;
}
select::-ms-expand, .inline-filters button[data-toggle]::-ms-expand {
  display: none;
}
select[multiple], .inline-filters button[multiple][data-toggle] {
  height: auto;
  background-image: none;
}
select:not([multiple]), .inline-filters button[data-toggle]:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

.is-invalid-input:not(:focus) {
  border-color: #c4123e;
  background-color: #f9e7ec;
}
.is-invalid-input:not(:focus)::placeholder {
  color: #c4123e;
}

.is-invalid-label {
  color: #c4123e;
}

.form-error {
  display: none;
  margin-top: -1rem;
  margin-bottom: 2rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #c4123e;
}
.form-error.is-visible {
  display: block;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1.1rem;
  font-size: inherit;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: 600;
  line-height: inherit;
}

small {
  font-size: 0.9rem;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "HelsinkiGrotesk", Helvetica, Arial, "MS Gothic", Meiryo, Osaka, sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #000;
  text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #8c838a;
}

h1, .h1 {
  font-size: 2.25rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1.1rem;
}

h2, .h2 {
  font-size: 1.75rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1.1rem;
}

h3, .h3 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1.1rem;
}

h4, .h4 {
  font-size: 1.25rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1.1rem;
}

h5, .h5 {
  font-size: 1.125rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1.1rem;
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1.1rem;
}

@media print, screen and (min-width: 36em) {
  h1, .h1 {
    font-size: 3.25rem;
  }
  h2, .h2 {
    font-size: 2.25rem;
  }
  h3, .h3 {
    font-size: 1.5rem;
  }
  h4, .h4 {
    font-size: 1.25rem;
  }
  h5, .h5 {
    font-size: 1.125rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}
a {
  line-height: inherit;
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: black;
  text-decoration: underline;
}
a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 6rem auto 5rem;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #e8e8e8;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.5;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: 600;
}

blockquote {
  margin: 0 0 1.1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #e8e8e8;
}
blockquote, blockquote p {
  line-height: 1.5;
  color: #2c2930;
}

abbr, abbr[title] {
  border-bottom: 1px dotted #1a181d;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #fafafa;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #1a181d;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.2;
  color: #2c2930;
}

.lead {
  font-size: 20px;
  line-height: 1.5;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

.cite-block, cite {
  display: block;
  color: #2c2930;
  font-size: 0.8125rem;
}
.cite-block:before, cite:before {
  content: "— ";
}

.code-inline, code {
  border: 1px solid #e8e8e8;
  background-color: #fafafa;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #1a181d;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

.code-block {
  border: 1px solid #e8e8e8;
  background-color: #fafafa;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #1a181d;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media print, screen and (min-width: 28.125em) {
  .smallmedium-text-left {
    text-align: left;
  }
  .smallmedium-text-right {
    text-align: right;
  }
  .smallmedium-text-center {
    text-align: center;
  }
  .smallmedium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 36em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 48em) {
  .mediumlarge-text-left {
    text-align: left;
  }
  .mediumlarge-text-right {
    text-align: right;
  }
  .mediumlarge-text-center {
    text-align: center;
  }
  .mediumlarge-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 62em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    print-color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #525a65;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}
.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
}
.row::before, .row::after {
  display: table;
  content: " ";
}
.row::after {
  clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.row .row {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}
@media print, screen and (min-width: 28.125em) {
  .row .row {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
}
@media print, screen and (min-width: 36em) {
  .row .row {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
}
@media print, screen and (min-width: 48em) {
  .row .row {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
}
@media print, screen and (min-width: 62em) {
  .row .row {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
}
.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}
.row.expanded {
  max-width: none;
}
.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}
.row:not(.expanded) .row {
  max-width: none;
}
.row.gutter-small > .column, .row.gutter-small > .columns {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.row.gutter-medium > .column, .row.gutter-medium > .columns {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.row.gutter-mediumlarge > .column, .row.gutter-mediumlarge > .columns {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.column, .columns {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  width: 100%;
  float: left;
}
@media print, screen and (min-width: 36em) {
  .column, .columns {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}
@media print, screen and (min-width: 48em) {
  .column, .columns {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
}
.column, .columns, .column:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.small-1 {
  width: 8.3333333333%;
}

.small-push-1 {
  position: relative;
  left: 8.3333333333%;
}

.small-pull-1 {
  position: relative;
  left: -8.3333333333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 16.6666666667%;
}

.small-push-2 {
  position: relative;
  left: 16.6666666667%;
}

.small-pull-2 {
  position: relative;
  left: -16.6666666667%;
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left: 25%;
}

.small-pull-3 {
  position: relative;
  left: -25%;
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.small-4 {
  width: 33.3333333333%;
}

.small-push-4 {
  position: relative;
  left: 33.3333333333%;
}

.small-pull-4 {
  position: relative;
  left: -33.3333333333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  width: 41.6666666667%;
}

.small-push-5 {
  position: relative;
  left: 41.6666666667%;
}

.small-pull-5 {
  position: relative;
  left: -41.6666666667%;
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left: 50%;
}

.small-pull-6 {
  position: relative;
  left: -50%;
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.small-7 {
  width: 58.3333333333%;
}

.small-push-7 {
  position: relative;
  left: 58.3333333333%;
}

.small-pull-7 {
  position: relative;
  left: -58.3333333333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  width: 66.6666666667%;
}

.small-push-8 {
  position: relative;
  left: 66.6666666667%;
}

.small-pull-8 {
  position: relative;
  left: -66.6666666667%;
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left: 75%;
}

.small-pull-9 {
  position: relative;
  left: -75%;
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.small-10 {
  width: 83.3333333333%;
}

.small-push-10 {
  position: relative;
  left: 83.3333333333%;
}

.small-pull-10 {
  position: relative;
  left: -83.3333333333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  width: 91.6666666667%;
}

.small-push-11 {
  position: relative;
  left: 91.6666666667%;
}

.small-pull-11 {
  position: relative;
  left: -91.6666666667%;
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.small-12 {
  width: 100%;
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.3333333333%;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.6666666667%;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.2857142857%;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.small-collapse .row {
  margin-right: 0;
  margin-left: 0;
}

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.small-centered {
  margin-right: auto;
  margin-left: auto;
}
.small-centered, .small-centered:last-child:not(:first-child) {
  float: none;
  clear: both;
}

.small-uncentered, .small-push-0, .small-pull-0 {
  position: static;
  margin-right: 0;
  margin-left: 0;
}
.small-uncentered, .small-uncentered:last-child:not(:first-child), .small-push-0, .small-push-0:last-child:not(:first-child), .small-pull-0, .small-pull-0:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.small-uncentered:last-child:not(:first-child), .small-push-0:last-child:not(:first-child), .small-pull-0:last-child:not(:first-child) {
  float: right;
}

@media print, screen and (min-width: 28.125em) {
  .smallmedium-1 {
    width: 8.3333333333%;
  }
  .smallmedium-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .smallmedium-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .smallmedium-offset-0 {
    margin-left: 0%;
  }
  .smallmedium-2 {
    width: 16.6666666667%;
  }
  .smallmedium-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .smallmedium-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .smallmedium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .smallmedium-3 {
    width: 25%;
  }
  .smallmedium-push-3 {
    position: relative;
    left: 25%;
  }
  .smallmedium-pull-3 {
    position: relative;
    left: -25%;
  }
  .smallmedium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .smallmedium-4 {
    width: 33.3333333333%;
  }
  .smallmedium-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .smallmedium-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .smallmedium-offset-3 {
    margin-left: 25%;
  }
  .smallmedium-5 {
    width: 41.6666666667%;
  }
  .smallmedium-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .smallmedium-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .smallmedium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .smallmedium-6 {
    width: 50%;
  }
  .smallmedium-push-6 {
    position: relative;
    left: 50%;
  }
  .smallmedium-pull-6 {
    position: relative;
    left: -50%;
  }
  .smallmedium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .smallmedium-7 {
    width: 58.3333333333%;
  }
  .smallmedium-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .smallmedium-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .smallmedium-offset-6 {
    margin-left: 50%;
  }
  .smallmedium-8 {
    width: 66.6666666667%;
  }
  .smallmedium-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .smallmedium-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .smallmedium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .smallmedium-9 {
    width: 75%;
  }
  .smallmedium-push-9 {
    position: relative;
    left: 75%;
  }
  .smallmedium-pull-9 {
    position: relative;
    left: -75%;
  }
  .smallmedium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .smallmedium-10 {
    width: 83.3333333333%;
  }
  .smallmedium-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .smallmedium-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .smallmedium-offset-9 {
    margin-left: 75%;
  }
  .smallmedium-11 {
    width: 91.6666666667%;
  }
  .smallmedium-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .smallmedium-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .smallmedium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .smallmedium-12 {
    width: 100%;
  }
  .smallmedium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .smallmedium-up-1 > .column, .smallmedium-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .smallmedium-up-1 > .column:nth-of-type(1n), .smallmedium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-1 > .column:nth-of-type(1n+1), .smallmedium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .smallmedium-up-1 > .column:last-child, .smallmedium-up-1 > .columns:last-child {
    float: left;
  }
  .smallmedium-up-2 > .column, .smallmedium-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .smallmedium-up-2 > .column:nth-of-type(1n), .smallmedium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-2 > .column:nth-of-type(2n+1), .smallmedium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .smallmedium-up-2 > .column:last-child, .smallmedium-up-2 > .columns:last-child {
    float: left;
  }
  .smallmedium-up-3 > .column, .smallmedium-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .smallmedium-up-3 > .column:nth-of-type(1n), .smallmedium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-3 > .column:nth-of-type(3n+1), .smallmedium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .smallmedium-up-3 > .column:last-child, .smallmedium-up-3 > .columns:last-child {
    float: left;
  }
  .smallmedium-up-4 > .column, .smallmedium-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .smallmedium-up-4 > .column:nth-of-type(1n), .smallmedium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-4 > .column:nth-of-type(4n+1), .smallmedium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .smallmedium-up-4 > .column:last-child, .smallmedium-up-4 > .columns:last-child {
    float: left;
  }
  .smallmedium-up-5 > .column, .smallmedium-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .smallmedium-up-5 > .column:nth-of-type(1n), .smallmedium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-5 > .column:nth-of-type(5n+1), .smallmedium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .smallmedium-up-5 > .column:last-child, .smallmedium-up-5 > .columns:last-child {
    float: left;
  }
  .smallmedium-up-6 > .column, .smallmedium-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .smallmedium-up-6 > .column:nth-of-type(1n), .smallmedium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-6 > .column:nth-of-type(6n+1), .smallmedium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .smallmedium-up-6 > .column:last-child, .smallmedium-up-6 > .columns:last-child {
    float: left;
  }
  .smallmedium-up-7 > .column, .smallmedium-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .smallmedium-up-7 > .column:nth-of-type(1n), .smallmedium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-7 > .column:nth-of-type(7n+1), .smallmedium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .smallmedium-up-7 > .column:last-child, .smallmedium-up-7 > .columns:last-child {
    float: left;
  }
  .smallmedium-up-8 > .column, .smallmedium-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .smallmedium-up-8 > .column:nth-of-type(1n), .smallmedium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-8 > .column:nth-of-type(8n+1), .smallmedium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .smallmedium-up-8 > .column:last-child, .smallmedium-up-8 > .columns:last-child {
    float: left;
  }
  .smallmedium-collapse > .column, .smallmedium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .smallmedium-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .smallmedium-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .smallmedium-uncollapse > .column, .smallmedium-uncollapse > .columns {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .smallmedium-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .smallmedium-centered, .smallmedium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .smallmedium-uncentered, .smallmedium-push-0, .smallmedium-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .smallmedium-uncentered, .smallmedium-uncentered:last-child:not(:first-child), .smallmedium-push-0, .smallmedium-push-0:last-child:not(:first-child), .smallmedium-pull-0, .smallmedium-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .smallmedium-uncentered:last-child:not(:first-child), .smallmedium-push-0:last-child:not(:first-child), .smallmedium-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
@media print, screen and (min-width: 36em) {
  .medium-1 {
    width: 8.3333333333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.6666666667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .medium-4 {
    width: 33.3333333333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.6666666667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .medium-7 {
    width: 58.3333333333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    width: 66.6666666667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .medium-10 {
    width: 83.3333333333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.6666666667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .medium-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .medium-centered, .medium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .medium-uncentered, .medium-push-0, .medium-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .medium-uncentered, .medium-uncentered:last-child:not(:first-child), .medium-push-0, .medium-push-0:last-child:not(:first-child), .medium-pull-0, .medium-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .medium-uncentered:last-child:not(:first-child), .medium-push-0:last-child:not(:first-child), .medium-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
@media print, screen and (min-width: 48em) {
  .mediumlarge-1 {
    width: 8.3333333333%;
  }
  .mediumlarge-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .mediumlarge-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .mediumlarge-offset-0 {
    margin-left: 0%;
  }
  .mediumlarge-2 {
    width: 16.6666666667%;
  }
  .mediumlarge-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .mediumlarge-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .mediumlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .mediumlarge-3 {
    width: 25%;
  }
  .mediumlarge-push-3 {
    position: relative;
    left: 25%;
  }
  .mediumlarge-pull-3 {
    position: relative;
    left: -25%;
  }
  .mediumlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .mediumlarge-4 {
    width: 33.3333333333%;
  }
  .mediumlarge-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .mediumlarge-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .mediumlarge-offset-3 {
    margin-left: 25%;
  }
  .mediumlarge-5 {
    width: 41.6666666667%;
  }
  .mediumlarge-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .mediumlarge-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .mediumlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .mediumlarge-6 {
    width: 50%;
  }
  .mediumlarge-push-6 {
    position: relative;
    left: 50%;
  }
  .mediumlarge-pull-6 {
    position: relative;
    left: -50%;
  }
  .mediumlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .mediumlarge-7 {
    width: 58.3333333333%;
  }
  .mediumlarge-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .mediumlarge-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .mediumlarge-offset-6 {
    margin-left: 50%;
  }
  .mediumlarge-8 {
    width: 66.6666666667%;
  }
  .mediumlarge-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .mediumlarge-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .mediumlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .mediumlarge-9 {
    width: 75%;
  }
  .mediumlarge-push-9 {
    position: relative;
    left: 75%;
  }
  .mediumlarge-pull-9 {
    position: relative;
    left: -75%;
  }
  .mediumlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .mediumlarge-10 {
    width: 83.3333333333%;
  }
  .mediumlarge-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .mediumlarge-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .mediumlarge-offset-9 {
    margin-left: 75%;
  }
  .mediumlarge-11 {
    width: 91.6666666667%;
  }
  .mediumlarge-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .mediumlarge-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .mediumlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .mediumlarge-12 {
    width: 100%;
  }
  .mediumlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .mediumlarge-up-1 > .column, .mediumlarge-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .mediumlarge-up-1 > .column:nth-of-type(1n), .mediumlarge-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-1 > .column:nth-of-type(1n+1), .mediumlarge-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .mediumlarge-up-1 > .column:last-child, .mediumlarge-up-1 > .columns:last-child {
    float: left;
  }
  .mediumlarge-up-2 > .column, .mediumlarge-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .mediumlarge-up-2 > .column:nth-of-type(1n), .mediumlarge-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-2 > .column:nth-of-type(2n+1), .mediumlarge-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .mediumlarge-up-2 > .column:last-child, .mediumlarge-up-2 > .columns:last-child {
    float: left;
  }
  .mediumlarge-up-3 > .column, .mediumlarge-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .mediumlarge-up-3 > .column:nth-of-type(1n), .mediumlarge-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-3 > .column:nth-of-type(3n+1), .mediumlarge-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .mediumlarge-up-3 > .column:last-child, .mediumlarge-up-3 > .columns:last-child {
    float: left;
  }
  .mediumlarge-up-4 > .column, .mediumlarge-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .mediumlarge-up-4 > .column:nth-of-type(1n), .mediumlarge-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-4 > .column:nth-of-type(4n+1), .mediumlarge-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .mediumlarge-up-4 > .column:last-child, .mediumlarge-up-4 > .columns:last-child {
    float: left;
  }
  .mediumlarge-up-5 > .column, .mediumlarge-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .mediumlarge-up-5 > .column:nth-of-type(1n), .mediumlarge-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-5 > .column:nth-of-type(5n+1), .mediumlarge-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .mediumlarge-up-5 > .column:last-child, .mediumlarge-up-5 > .columns:last-child {
    float: left;
  }
  .mediumlarge-up-6 > .column, .mediumlarge-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .mediumlarge-up-6 > .column:nth-of-type(1n), .mediumlarge-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-6 > .column:nth-of-type(6n+1), .mediumlarge-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .mediumlarge-up-6 > .column:last-child, .mediumlarge-up-6 > .columns:last-child {
    float: left;
  }
  .mediumlarge-up-7 > .column, .mediumlarge-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .mediumlarge-up-7 > .column:nth-of-type(1n), .mediumlarge-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-7 > .column:nth-of-type(7n+1), .mediumlarge-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .mediumlarge-up-7 > .column:last-child, .mediumlarge-up-7 > .columns:last-child {
    float: left;
  }
  .mediumlarge-up-8 > .column, .mediumlarge-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .mediumlarge-up-8 > .column:nth-of-type(1n), .mediumlarge-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-8 > .column:nth-of-type(8n+1), .mediumlarge-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .mediumlarge-up-8 > .column:last-child, .mediumlarge-up-8 > .columns:last-child {
    float: left;
  }
  .mediumlarge-collapse > .column, .mediumlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .mediumlarge-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .mediumlarge-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .mediumlarge-uncollapse > .column, .mediumlarge-uncollapse > .columns {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .mediumlarge-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .mediumlarge-centered, .mediumlarge-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .mediumlarge-uncentered, .mediumlarge-push-0, .mediumlarge-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .mediumlarge-uncentered, .mediumlarge-uncentered:last-child:not(:first-child), .mediumlarge-push-0, .mediumlarge-push-0:last-child:not(:first-child), .mediumlarge-pull-0, .mediumlarge-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .mediumlarge-uncentered:last-child:not(:first-child), .mediumlarge-push-0:last-child:not(:first-child), .mediumlarge-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
@media print, screen and (min-width: 62em) {
  .large-1 {
    width: 8.3333333333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.6666666667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .large-4 {
    width: 33.3333333333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.6666666667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .large-7 {
    width: 58.3333333333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.6666666667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .large-10 {
    width: 83.3333333333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.6666666667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .large-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .large-centered, .large-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .large-uncentered, .large-push-0, .large-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .large-uncentered, .large-uncentered:last-child:not(:first-child), .large-push-0, .large-push-0:last-child:not(:first-child), .large-pull-0, .large-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .large-uncentered:last-child:not(:first-child), .large-push-0:last-child:not(:first-child), .large-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
.column-block {
  margin-bottom: 1.5rem;
}
.column-block > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 36em) {
  .column-block {
    margin-bottom: 1rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .column-block {
    margin-bottom: 1.5rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}

.button, .meeting-polls__button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 1.15em 1.9em;
  border: 2px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
[data-whatinput=mouse] .button, [data-whatinput=mouse] .meeting-polls__button {
  outline: 0;
}
.button.tiny, .tiny.meeting-polls__button {
  font-size: 0.9rem;
}
.button.small, .meeting-polls__button {
  font-size: 0.9rem;
}
.button.large, .large.meeting-polls__button {
  font-size: 1.35rem;
}
.button.expanded, .expanded.meeting-polls__button {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.button, .meeting-polls__button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #000;
  color: #fff;
}
.button:hover, .meeting-polls__button:hover, .button:focus, .meeting-polls__button:focus {
  background-color: black;
  color: #fff;
}
.button.primary, .primary.meeting-polls__button, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
  background-color: #000;
  color: #fff;
}
.button.primary:hover, .primary.meeting-polls__button:hover, .button.primary:focus, .primary.meeting-polls__button:focus {
  background-color: black;
  color: #fff;
}
.button.secondary, .secondary.meeting-polls__button, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: #000;
  color: #fff;
}
.button.secondary:hover, .secondary.meeting-polls__button:hover, .button.secondary:focus, .secondary.meeting-polls__button:focus {
  background-color: black;
  color: #fff;
}
.button.success, .success.meeting-polls__button, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
  background-color: #007a64;
  color: #fff;
}
.button.success:hover, .success.meeting-polls__button:hover, .button.success:focus, .success.meeting-polls__button:focus {
  background-color: #003d32;
  color: #fff;
}
.button.warning, .warning.meeting-polls__button, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
  background-color: #ffda07;
  color: #000;
}
.button.warning:hover, .warning.meeting-polls__button:hover, .button.warning:focus, .warning.meeting-polls__button:focus {
  background-color: #836f00;
  color: #000;
}
.button.alert, .alert.meeting-polls__button, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
  background-color: #c4123e;
  color: #fff;
}
.button.alert:hover, .alert.meeting-polls__button:hover, .button.alert:focus, .alert.meeting-polls__button:focus {
  background-color: #62091f;
  color: #fff;
}
.button.hollow, .meeting-polls__button, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}
.button.hollow, .meeting-polls__button, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 2px solid #000;
  color: #000;
}
.button.hollow:hover, .meeting-polls__button:hover, .button.hollow:focus, .meeting-polls__button:focus {
  border-color: black;
  color: black;
}
.button.hollow.primary, .primary.meeting-polls__button, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
  border: 2px solid #000;
  color: #000;
}
.button.hollow.primary:hover, .primary.meeting-polls__button:hover, .button.hollow.primary:focus, .primary.meeting-polls__button:focus {
  border-color: black;
  color: black;
}
.button.hollow.secondary, .secondary.meeting-polls__button, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 2px solid #000;
  color: #000;
}
.button.hollow.secondary:hover, .secondary.meeting-polls__button:hover, .button.hollow.secondary:focus, .secondary.meeting-polls__button:focus {
  border-color: black;
  color: black;
}
.button.hollow.success, .success.meeting-polls__button, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
  border: 2px solid #007a64;
  color: #007a64;
}
.button.hollow.success:hover, .success.meeting-polls__button:hover, .button.hollow.success:focus, .success.meeting-polls__button:focus {
  border-color: #003d32;
  color: #003d32;
}
.button.hollow.warning, .warning.meeting-polls__button, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
  border: 2px solid #ffda07;
  color: #ffda07;
}
.button.hollow.warning:hover, .warning.meeting-polls__button:hover, .button.hollow.warning:focus, .warning.meeting-polls__button:focus {
  border-color: #836f00;
  color: #836f00;
}
.button.hollow.alert, .alert.meeting-polls__button, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
  border: 2px solid #c4123e;
  color: #c4123e;
}
.button.hollow.alert:hover, .alert.meeting-polls__button:hover, .button.hollow.alert:focus, .alert.meeting-polls__button:focus {
  border-color: #62091f;
  color: #62091f;
}
.button.clear, .clear.meeting-polls__button, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button.clear, .clear.meeting-polls__button, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
  color: #000;
}
.button.clear:hover, .clear.meeting-polls__button:hover, .button.clear:focus, .clear.meeting-polls__button:focus {
  color: black;
}
.button.clear.primary, .clear.primary.meeting-polls__button, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
  color: #000;
}
.button.clear.primary:hover, .clear.primary.meeting-polls__button:hover, .button.clear.primary:focus, .clear.primary.meeting-polls__button:focus {
  color: black;
}
.button.clear.secondary, .clear.secondary.meeting-polls__button, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: #000;
}
.button.clear.secondary:hover, .clear.secondary.meeting-polls__button:hover, .button.clear.secondary:focus, .clear.secondary.meeting-polls__button:focus {
  color: black;
}
.button.clear.success, .clear.success.meeting-polls__button, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
  color: #007a64;
}
.button.clear.success:hover, .clear.success.meeting-polls__button:hover, .button.clear.success:focus, .clear.success.meeting-polls__button:focus {
  color: #003d32;
}
.button.clear.warning, .clear.warning.meeting-polls__button, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
  color: #ffda07;
}
.button.clear.warning:hover, .clear.warning.meeting-polls__button:hover, .button.clear.warning:focus, .clear.warning.meeting-polls__button:focus {
  color: #836f00;
}
.button.clear.alert, .clear.alert.meeting-polls__button, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
  color: #c4123e;
}
.button.clear.alert:hover, .clear.alert.meeting-polls__button:hover, .button.clear.alert:focus, .clear.alert.meeting-polls__button:focus {
  color: #62091f;
}
.button.disabled, .disabled.meeting-polls__button, .button[disabled], [disabled].meeting-polls__button {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.dropdown::after, .dropdown.meeting-polls__button::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em;
  content: "";
  border-bottom-width: 0;
  border-color: #fff transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1.9em;
}
.button.dropdown.hollow::after, .dropdown.meeting-polls__button::after, .button.dropdown.clear::after {
  border-top-color: #000;
}
.button.dropdown.hollow.primary::after, .dropdown.primary.meeting-polls__button::after, .button.dropdown.clear.primary::after {
  border-top-color: #000;
}
.button.dropdown.hollow.secondary::after, .dropdown.secondary.meeting-polls__button::after, .button.dropdown.clear.secondary::after {
  border-top-color: #000;
}
.button.dropdown.hollow.success::after, .dropdown.success.meeting-polls__button::after, .button.dropdown.clear.success::after {
  border-top-color: #007a64;
}
.button.dropdown.hollow.warning::after, .dropdown.warning.meeting-polls__button::after, .button.dropdown.clear.warning::after {
  border-top-color: #ffda07;
}
.button.dropdown.hollow.alert::after, .dropdown.alert.meeting-polls__button::after, .button.dropdown.clear.alert::after {
  border-top-color: #c4123e;
}
.button.arrow-only::after, .arrow-only.meeting-polls__button::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.meeting-polls__button:hover, a.button:focus, a.meeting-polls__button:focus {
  text-decoration: none;
}

.button-group {
  margin-bottom: 1rem;
  font-size: 0;
}
.button-group::before, .button-group::after {
  display: table;
  content: " ";
}
.button-group::after {
  clear: both;
}
.button-group .button, .button-group .meeting-polls__button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 1rem;
}
.button-group .button:last-child, .button-group .meeting-polls__button:last-child {
  margin-right: 0;
}
.button-group.tiny .button, .button-group.tiny .meeting-polls__button {
  font-size: 0.9rem;
}
.button-group.small .button, .button-group.meeting-polls__button .button, .button-group.small .meeting-polls__button, .button-group.meeting-polls__button .meeting-polls__button {
  font-size: 0.9rem;
}
.button-group.large .button, .button-group.large .meeting-polls__button {
  font-size: 1.35rem;
}
.button-group.expanded {
  margin-right: -1px;
}
.button-group.expanded::before, .button-group.expanded::after {
  display: none;
}
.button-group.expanded .button:first-child:last-child, .button-group.expanded .meeting-polls__button:first-child:last-child {
  width: calc(100% - 1px);
}
.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .meeting-polls__button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(50% - 1px);
  margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .meeting-polls__button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(33.3333333333% - 1px);
  margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .meeting-polls__button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(25% - 1px);
  margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .meeting-polls__button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(20% - 1px);
  margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .meeting-polls__button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(16.6666666667% - 1px);
  margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.primary .button, .button-group.primary .meeting-polls__button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
  background-color: #000;
  color: #fff;
}
.button-group.primary .button:hover, .button-group.primary .meeting-polls__button:hover, .button-group.primary .button:focus, .button-group.primary .meeting-polls__button:focus {
  background-color: black;
  color: #fff;
}
.button-group.secondary .button, .button-group.secondary .meeting-polls__button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
  background-color: #000;
  color: #fff;
}
.button-group.secondary .button:hover, .button-group.secondary .meeting-polls__button:hover, .button-group.secondary .button:focus, .button-group.secondary .meeting-polls__button:focus {
  background-color: black;
  color: #fff;
}
.button-group.success .button, .button-group.success .meeting-polls__button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
  background-color: #007a64;
  color: #fff;
}
.button-group.success .button:hover, .button-group.success .meeting-polls__button:hover, .button-group.success .button:focus, .button-group.success .meeting-polls__button:focus {
  background-color: #003d32;
  color: #fff;
}
.button-group.warning .button, .button-group.warning .meeting-polls__button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
  background-color: #ffda07;
  color: #000;
}
.button-group.warning .button:hover, .button-group.warning .meeting-polls__button:hover, .button-group.warning .button:focus, .button-group.warning .meeting-polls__button:focus {
  background-color: #836f00;
  color: #000;
}
.button-group.alert .button, .button-group.alert .meeting-polls__button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
  background-color: #c4123e;
  color: #fff;
}
.button-group.alert .button:hover, .button-group.alert .meeting-polls__button:hover, .button-group.alert .button:focus, .button-group.alert .meeting-polls__button:focus {
  background-color: #62091f;
  color: #fff;
}
.button-group.hollow .button, .button-group.meeting-polls__button .button, .button-group.hollow .meeting-polls__button, .button-group.meeting-polls__button .meeting-polls__button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
  background-color: transparent;
}
.button-group.hollow .button, .button-group.meeting-polls__button .button, .button-group.hollow .meeting-polls__button, .button-group.meeting-polls__button .meeting-polls__button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
  border: 2px solid #000;
  color: #000;
}
.button-group.hollow .button:hover, .button-group.meeting-polls__button .button:hover, .button-group.hollow .meeting-polls__button:hover, .button-group.meeting-polls__button .meeting-polls__button:hover, .button-group.hollow .button:focus, .button-group.meeting-polls__button .button:focus, .button-group.hollow .meeting-polls__button:focus, .button-group.meeting-polls__button .meeting-polls__button:focus {
  border-color: black;
  color: black;
}
.button-group.hollow.primary .button, .button-group.primary.meeting-polls__button .button, .button-group.hollow.primary .meeting-polls__button, .button-group.primary.meeting-polls__button .meeting-polls__button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.meeting-polls__button .button.primary, .button-group.hollow .primary.meeting-polls__button, .button-group.meeting-polls__button .primary.meeting-polls__button, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
  border: 2px solid #000;
  color: #000;
}
.button-group.hollow.primary .button:hover, .button-group.primary.meeting-polls__button .button:hover, .button-group.hollow.primary .meeting-polls__button:hover, .button-group.primary.meeting-polls__button .meeting-polls__button:hover, .button-group.hollow.primary .button:focus, .button-group.primary.meeting-polls__button .button:focus, .button-group.hollow.primary .meeting-polls__button:focus, .button-group.primary.meeting-polls__button .meeting-polls__button:focus, .button-group.hollow .button.primary:hover, .button-group.meeting-polls__button .button.primary:hover, .button-group.hollow .primary.meeting-polls__button:hover, .button-group.meeting-polls__button .primary.meeting-polls__button:hover, .button-group.hollow .button.primary:focus, .button-group.meeting-polls__button .button.primary:focus, .button-group.hollow .primary.meeting-polls__button:focus, .button-group.meeting-polls__button .primary.meeting-polls__button:focus {
  border-color: black;
  color: black;
}
.button-group.hollow.secondary .button, .button-group.secondary.meeting-polls__button .button, .button-group.hollow.secondary .meeting-polls__button, .button-group.secondary.meeting-polls__button .meeting-polls__button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.meeting-polls__button .button.secondary, .button-group.hollow .secondary.meeting-polls__button, .button-group.meeting-polls__button .secondary.meeting-polls__button, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
  border: 2px solid #000;
  color: #000;
}
.button-group.hollow.secondary .button:hover, .button-group.secondary.meeting-polls__button .button:hover, .button-group.hollow.secondary .meeting-polls__button:hover, .button-group.secondary.meeting-polls__button .meeting-polls__button:hover, .button-group.hollow.secondary .button:focus, .button-group.secondary.meeting-polls__button .button:focus, .button-group.hollow.secondary .meeting-polls__button:focus, .button-group.secondary.meeting-polls__button .meeting-polls__button:focus, .button-group.hollow .button.secondary:hover, .button-group.meeting-polls__button .button.secondary:hover, .button-group.hollow .secondary.meeting-polls__button:hover, .button-group.meeting-polls__button .secondary.meeting-polls__button:hover, .button-group.hollow .button.secondary:focus, .button-group.meeting-polls__button .button.secondary:focus, .button-group.hollow .secondary.meeting-polls__button:focus, .button-group.meeting-polls__button .secondary.meeting-polls__button:focus {
  border-color: black;
  color: black;
}
.button-group.hollow.success .button, .button-group.success.meeting-polls__button .button, .button-group.hollow.success .meeting-polls__button, .button-group.success.meeting-polls__button .meeting-polls__button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.meeting-polls__button .button.success, .button-group.hollow .success.meeting-polls__button, .button-group.meeting-polls__button .success.meeting-polls__button, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
  border: 2px solid #007a64;
  color: #007a64;
}
.button-group.hollow.success .button:hover, .button-group.success.meeting-polls__button .button:hover, .button-group.hollow.success .meeting-polls__button:hover, .button-group.success.meeting-polls__button .meeting-polls__button:hover, .button-group.hollow.success .button:focus, .button-group.success.meeting-polls__button .button:focus, .button-group.hollow.success .meeting-polls__button:focus, .button-group.success.meeting-polls__button .meeting-polls__button:focus, .button-group.hollow .button.success:hover, .button-group.meeting-polls__button .button.success:hover, .button-group.hollow .success.meeting-polls__button:hover, .button-group.meeting-polls__button .success.meeting-polls__button:hover, .button-group.hollow .button.success:focus, .button-group.meeting-polls__button .button.success:focus, .button-group.hollow .success.meeting-polls__button:focus, .button-group.meeting-polls__button .success.meeting-polls__button:focus {
  border-color: #003d32;
  color: #003d32;
}
.button-group.hollow.warning .button, .button-group.warning.meeting-polls__button .button, .button-group.hollow.warning .meeting-polls__button, .button-group.warning.meeting-polls__button .meeting-polls__button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.meeting-polls__button .button.warning, .button-group.hollow .warning.meeting-polls__button, .button-group.meeting-polls__button .warning.meeting-polls__button, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
  border: 2px solid #ffda07;
  color: #ffda07;
}
.button-group.hollow.warning .button:hover, .button-group.warning.meeting-polls__button .button:hover, .button-group.hollow.warning .meeting-polls__button:hover, .button-group.warning.meeting-polls__button .meeting-polls__button:hover, .button-group.hollow.warning .button:focus, .button-group.warning.meeting-polls__button .button:focus, .button-group.hollow.warning .meeting-polls__button:focus, .button-group.warning.meeting-polls__button .meeting-polls__button:focus, .button-group.hollow .button.warning:hover, .button-group.meeting-polls__button .button.warning:hover, .button-group.hollow .warning.meeting-polls__button:hover, .button-group.meeting-polls__button .warning.meeting-polls__button:hover, .button-group.hollow .button.warning:focus, .button-group.meeting-polls__button .button.warning:focus, .button-group.hollow .warning.meeting-polls__button:focus, .button-group.meeting-polls__button .warning.meeting-polls__button:focus {
  border-color: #836f00;
  color: #836f00;
}
.button-group.hollow.alert .button, .button-group.alert.meeting-polls__button .button, .button-group.hollow.alert .meeting-polls__button, .button-group.alert.meeting-polls__button .meeting-polls__button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.meeting-polls__button .button.alert, .button-group.hollow .alert.meeting-polls__button, .button-group.meeting-polls__button .alert.meeting-polls__button, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
  border: 2px solid #c4123e;
  color: #c4123e;
}
.button-group.hollow.alert .button:hover, .button-group.alert.meeting-polls__button .button:hover, .button-group.hollow.alert .meeting-polls__button:hover, .button-group.alert.meeting-polls__button .meeting-polls__button:hover, .button-group.hollow.alert .button:focus, .button-group.alert.meeting-polls__button .button:focus, .button-group.hollow.alert .meeting-polls__button:focus, .button-group.alert.meeting-polls__button .meeting-polls__button:focus, .button-group.hollow .button.alert:hover, .button-group.meeting-polls__button .button.alert:hover, .button-group.hollow .alert.meeting-polls__button:hover, .button-group.meeting-polls__button .alert.meeting-polls__button:hover, .button-group.hollow .button.alert:focus, .button-group.meeting-polls__button .button.alert:focus, .button-group.hollow .alert.meeting-polls__button:focus, .button-group.meeting-polls__button .alert.meeting-polls__button:focus {
  border-color: #62091f;
  color: #62091f;
}
.button-group.clear .button, .button-group.clear .meeting-polls__button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button-group.clear .button, .button-group.clear .meeting-polls__button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
  color: #000;
}
.button-group.clear .button:hover, .button-group.clear .meeting-polls__button:hover, .button-group.clear .button:focus, .button-group.clear .meeting-polls__button:focus {
  color: black;
}
.button-group.clear.primary .button, .button-group.clear.primary .meeting-polls__button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .primary.meeting-polls__button, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
  color: #000;
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .meeting-polls__button:hover, .button-group.clear.primary .button:focus, .button-group.clear.primary .meeting-polls__button:focus, .button-group.clear .button.primary:hover, .button-group.clear .primary.meeting-polls__button:hover, .button-group.clear .button.primary:focus, .button-group.clear .primary.meeting-polls__button:focus {
  color: black;
}
.button-group.clear.secondary .button, .button-group.clear.secondary .meeting-polls__button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .secondary.meeting-polls__button, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
  color: #000;
}
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .meeting-polls__button:hover, .button-group.clear.secondary .button:focus, .button-group.clear.secondary .meeting-polls__button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .secondary.meeting-polls__button:hover, .button-group.clear .button.secondary:focus, .button-group.clear .secondary.meeting-polls__button:focus {
  color: black;
}
.button-group.clear.success .button, .button-group.clear.success .meeting-polls__button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .success.meeting-polls__button, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
  color: #007a64;
}
.button-group.clear.success .button:hover, .button-group.clear.success .meeting-polls__button:hover, .button-group.clear.success .button:focus, .button-group.clear.success .meeting-polls__button:focus, .button-group.clear .button.success:hover, .button-group.clear .success.meeting-polls__button:hover, .button-group.clear .button.success:focus, .button-group.clear .success.meeting-polls__button:focus {
  color: #003d32;
}
.button-group.clear.warning .button, .button-group.clear.warning .meeting-polls__button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .warning.meeting-polls__button, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
  color: #ffda07;
}
.button-group.clear.warning .button:hover, .button-group.clear.warning .meeting-polls__button:hover, .button-group.clear.warning .button:focus, .button-group.clear.warning .meeting-polls__button:focus, .button-group.clear .button.warning:hover, .button-group.clear .warning.meeting-polls__button:hover, .button-group.clear .button.warning:focus, .button-group.clear .warning.meeting-polls__button:focus {
  color: #836f00;
}
.button-group.clear.alert .button, .button-group.clear.alert .meeting-polls__button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .alert.meeting-polls__button, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
  color: #c4123e;
}
.button-group.clear.alert .button:hover, .button-group.clear.alert .meeting-polls__button:hover, .button-group.clear.alert .button:focus, .button-group.clear.alert .meeting-polls__button:focus, .button-group.clear .button.alert:hover, .button-group.clear .alert.meeting-polls__button:hover, .button-group.clear .button.alert:focus, .button-group.clear .alert.meeting-polls__button:focus {
  color: #62091f;
}
.button-group.no-gaps .button, .button-group.no-gaps .meeting-polls__button {
  margin-right: -0.125rem;
}
.button-group.no-gaps .button + .button, .button-group.no-gaps .meeting-polls__button + .button, .button-group.no-gaps .button + .meeting-polls__button, .button-group.no-gaps .meeting-polls__button + .meeting-polls__button {
  border-left-color: transparent;
}
.button-group.stacked .button, .button-group.stacked .meeting-polls__button, .button-group.stacked-for-small .button, .button-group.stacked-for-small .meeting-polls__button, .button-group.stacked-for-medium .button, .button-group.stacked-for-medium .meeting-polls__button {
  width: 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked .meeting-polls__button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-small .meeting-polls__button:last-child, .button-group.stacked-for-medium .button:last-child, .button-group.stacked-for-medium .meeting-polls__button:last-child {
  margin-bottom: 0;
}
.button-group.stacked.expanded, .button-group.stacked-for-small.expanded, .button-group.stacked-for-medium.expanded {
  margin-right: -1px;
}
.button-group.stacked.expanded::before, .button-group.stacked.expanded::after, .button-group.stacked-for-small.expanded::before, .button-group.stacked-for-small.expanded::after, .button-group.stacked-for-medium.expanded::before, .button-group.stacked-for-medium.expanded::after {
  display: none;
}
.button-group.stacked.expanded .button:first-child:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:last-child, .button-group.stacked-for-small.expanded .button:first-child:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:last-child, .button-group.stacked-for-medium.expanded .button:first-child:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:last-child {
  width: calc(100% - 1px);
}
.button-group.stacked.expanded .button:first-child:nth-last-child(2), .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(2), .button-group.stacked.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2), .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(2), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2), .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(2), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(50% - 1px);
  margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(2):last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(2):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(2):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(2):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(3), .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(3), .button-group.stacked.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3), .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(3), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3), .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(3), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(33.3333333333% - 1px);
  margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(3):last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(3):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(3):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(3):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(4), .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(4), .button-group.stacked.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4), .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(4), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4), .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(4), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(25% - 1px);
  margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(4):last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(4):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(4):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(4):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(5), .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(5), .button-group.stacked.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5), .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(5), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5), .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(5), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(20% - 1px);
  margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(5):last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(5):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(5):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(5):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(6), .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(6), .button-group.stacked.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6), .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(6), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6), .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(6), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(16.6666666667% - 1px);
  margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(6):last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(6):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(6):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(6):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
@media print, screen and (min-width: 36em) {
  .button-group.stacked-for-small .button, .button-group.stacked-for-small .meeting-polls__button {
    width: auto;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 62em) {
  .button-group.stacked-for-medium .button, .button-group.stacked-for-medium .meeting-polls__button {
    width: auto;
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 28.12375em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }
  .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-small.expanded .meeting-polls__button {
    display: block;
    margin-right: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .button-group.stacked-for-medium.expanded {
    display: block;
  }
  .button-group.stacked-for-medium.expanded .button, .button-group.stacked-for-medium.expanded .meeting-polls__button {
    display: block;
    margin-right: 0;
  }
}

.close-button {
  position: absolute;
  z-index: 10;
  color: #2c2930;
  cursor: pointer;
}
[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button:hover, .close-button:focus {
  color: #000;
}
.close-button.small, .close-button.meeting-polls__button {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}

.close-button.medium, .close-button {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #000;
  color: #fff;
}
.label.primary {
  background: #000;
  color: #fff;
}
.label.secondary {
  background: #ffe977;
  color: #000;
}
.label.success {
  background: #007a64;
  color: #fff;
}
.label.warning {
  background: #ffda07;
  color: #000;
}
.label.alert {
  background: #c4123e;
  color: #fff;
}

.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
  background-color: #e8e8e8;
}
.progress.primary .progress-meter {
  background-color: #000;
}
.progress.secondary .progress-meter {
  background-color: #ffe977;
}
.progress.success .progress-meter {
  background-color: #007a64;
}
.progress.warning .progress-meter {
  background-color: #ffda07;
}
.progress.alert .progress-meter {
  background-color: #c4123e;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #000;
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #fafafa;
  cursor: pointer;
  user-select: none;
  touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #e8e8e8;
  transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
  transition: all 0s linear;
}

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  cursor: grab;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 4px;
  background-color: #000;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
}
[data-whatinput=mouse] .slider-handle {
  outline: 0;
}
.slider-handle:hover {
  background-color: black;
}
.slider-handle.is-dragging {
  transition: all 0s linear;
  cursor: grabbing;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1);
}
.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}
.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}

.switch {
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fff;
  user-select: none;
  height: 2rem;
}

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0;
  background: #e8e8e8;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}
input + .switch-paddle {
  margin: 0;
}
.switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate3d(0, 0, 0);
  border-radius: 0;
  background: #fff;
  transition: all 0.25s ease-out;
  content: "";
}
input:checked ~ .switch-paddle {
  background: #007a64;
}
input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}
input:disabled ~ .switch-paddle {
  cursor: not-allowed;
  opacity: 0.5;
}
[data-whatinput=mouse] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-inactive, .switch-active {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}
input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}
input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny {
  height: 1.5rem;
}
.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem;
}

.switch.small, .switch.meeting-polls__button {
  height: 1.75rem;
}
.switch.small .switch-paddle, .switch.meeting-polls__button .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}
.switch.small .switch-paddle::after, .switch.meeting-polls__button .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after, .switch.meeting-polls__button input:checked ~ .switch-paddle::after {
  left: 2rem;
}

.switch.large {
  height: 2.5rem;
}
.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.switch.large .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}
thead,
tbody,
tfoot {
  border: 1px solid #f2f2f2;
  background-color: #fff;
}

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: 600;
}

thead {
  background: #f9f9f9;
  color: #3d393c;
}

tfoot {
  background: #f2f2f2;
  color: #3d393c;
}

thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: 600;
  text-align: left;
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f2f2f2;
}

table.unstriped tbody {
  background-color: #fff;
}
table.unstriped tbody tr {
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff;
}

@media print, screen and (max-width: 47.99875em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: #f4f4f4;
}
table.hover tfoot tr:hover {
  background-color: #ededed;
}
table.hover tbody tr:hover {
  background-color: #fafafa;
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ededed;
}

.table-scroll {
  overflow-x: auto;
}

.badge {
  display: inline-block;
  min-width: 1.5em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #000;
  color: #fff;
}
.badge.primary {
  background: #000;
  color: #fff;
}
.badge.secondary {
  background: #ffe977;
  color: #1a181d;
}
.badge.success {
  background: #007a64;
  color: #fff;
}
.badge.warning {
  background: #ffda07;
  color: #1a181d;
}
.badge.alert {
  background: #c4123e;
  color: #fff;
}

.breadcrumbs {
  margin: 1rem 0;
  list-style: none;
}
.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: " ";
}
.breadcrumbs::after {
  clear: both;
}
.breadcrumbs li {
  float: left;
  font-size: 16px;
  color: #1a181d;
  cursor: default;
}
.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 0.75rem;
  opacity: 1;
  content: "/";
  color: #e8e8e8;
}
.breadcrumbs a {
  color: #000;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .disabled {
  color: #e8e8e8;
  cursor: not-allowed;
}

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 0;
  border-radius: 0;
  background-color: white;
  color: #3d393c;
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout.primary {
  background-color: #e6e6e6;
  color: #3d393c;
}
.callout.secondary {
  background-color: #fffdf1;
  color: #3d393c;
}
.callout.success {
  background-color: #d8fff8;
  color: #3d393c;
}
.callout.warning {
  background-color: #fffbe6;
  color: #3d393c;
}
.callout.alert {
  background-color: #fde4ea;
  color: #3d393c;
}
.callout.small, .callout.meeting-polls__button {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.card, .chart-tooltip, .conference-registration, .conference-speaker .speaker-bio, .add-message, .comment-thread {
  margin-bottom: 1rem;
  border: 1px solid #fafafa;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
  color: #3d393c;
}
.card > :last-child, .chart-tooltip > :last-child, .conference-registration > :last-child, .conference-speaker .speaker-bio > :last-child, .add-message > :last-child, .comment-thread > :last-child {
  margin-bottom: 0;
}

.card-divider {
  padding: 1rem;
  background: #fafafa;
}
.card-divider > :last-child {
  margin-bottom: 0;
}

.card-section {
  padding: 1rem;
}
.card-section > :last-child {
  margin-bottom: 0;
}

.card-image {
  min-height: 1px;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  background-color: #fafafa;
  font-size: 1rem;
}
.dropdown-pane.is-opening {
  display: block;
}
.dropdown-pane.is-open {
  display: block;
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small, .dropdown-pane.meeting-polls__button {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}
.pagination::before, .pagination::after {
  display: table;
  content: " ";
}
.pagination::after {
  clear: both;
}
.pagination li {
  margin-right: 0.0625rem;
  border-radius: 0;
  font-size: 1rem;
  display: none;
}
.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}
@media print, screen and (min-width: 36em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a,
.pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
  color: #3d393c;
}
.pagination a:hover,
.pagination button:hover {
  background: #ebedf1;
}
.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #000;
  color: #fff;
  cursor: default;
}
.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #8c838a;
  cursor: not-allowed;
}
.pagination .disabled:hover {
  background: transparent;
}
.pagination .ellipsis::after {
  padding: 0.1875rem 0.625rem;
  content: "…";
  color: #3d393c;
}

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: 0;
  font-weight: 600;
  cursor: pointer;
}

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0;
  background-color: #1a181d;
  font-size: 90%;
  color: #fff;
}
.tooltip::before {
  position: absolute;
}
.tooltip.bottom::before, .aspect-ratio-16-9 > .tooltip::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-top-width: 0;
  border-color: transparent transparent #1a181d;
  bottom: 100%;
}
.tooltip.bottom.align-center::before, .aspect-ratio-16-9 > .tooltip.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.top::before, .aspect-ratio-16-9 > .tooltip::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-bottom-width: 0;
  border-color: #1a181d transparent transparent;
  top: 100%;
  bottom: auto;
}
.tooltip.top.align-center::before, .aspect-ratio-16-9 > .tooltip.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.left::before, .aspect-ratio-16-9 > .tooltip::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1a181d;
  left: 100%;
}
.tooltip.left.align-center::before, .aspect-ratio-16-9 > .tooltip.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.right::before, .aspect-ratio-16-9 > .tooltip::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-left-width: 0;
  border-color: transparent #1a181d transparent transparent;
  right: 100%;
  left: auto;
}
.tooltip.right.align-center::before, .aspect-ratio-16-9 > .tooltip.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.align-top::before {
  bottom: auto;
  top: 10%;
}
.tooltip.align-bottom::before {
  bottom: 10%;
  top: auto;
}
.tooltip.align-left::before {
  left: 10%;
  right: auto;
}
.tooltip.align-right::before {
  left: auto;
  right: 10%;
}

.accordion {
  margin-left: 0;
  background: #000;
  list-style-type: none;
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #fafafa;
  border-bottom: 0;
  font-size: 1.25rem;
  line-height: 1;
  color: #fff;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #fafafa;
  border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #fafafa;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #fafafa;
  border-bottom: 0;
  background-color: #fff;
  color: inherit;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #fafafa;
}

.media-object {
  display: block;
  margin-bottom: 1rem;
}
.media-object img {
  max-width: none;
}

.media-object-section {
  display: table-cell;
  vertical-align: top;
}
.media-object-section:first-child {
  padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}
.media-object-section > :last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 28.12375em) {
  .stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    display: block;
  }
  .stack-for-small .media-object-section img {
    width: 100%;
  }
}
.media-object-section.middle {
  vertical-align: middle;
}
.media-object-section.bottom, .aspect-ratio-16-9 > .media-object-section {
  vertical-align: bottom;
}

.orbit {
  position: relative;
}

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}

.orbit-slide {
  width: 100%;
  position: absolute;
}
.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(26, 24, 29, 0.5);
  color: #fff;
}

.orbit-next, .orbit-previous {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fff;
}
[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
  outline: 0;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {
  background-color: rgba(26, 24, 29, 0.5);
}

.orbit-previous {
  left: 0;
}

.orbit-next {
  left: auto;
  right: 0;
}

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
[data-whatinput=mouse] .orbit-bullets {
  outline: 0;
}
.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: #e8e8e8;
}
.orbit-bullets button:hover {
  background-color: #2c2930;
}
.orbit-bullets button.is-active {
  background-color: #2c2930;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.tabs {
  margin: 0;
  border: 1px solid transparent;
  background: transparent;
  list-style-type: none;
}
.tabs::before, .tabs::after {
  display: table;
  content: " ";
}
.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}

.tabs.simple > li > a {
  padding: 0;
}
.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #000;
}
.tabs.primary > li > a {
  color: #fff;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: #0d0d0d;
}

.tabs-title {
  float: left;
}
.tabs-title > a {
  display: block;
  padding: 0.8rem 3rem;
  font-size: 1rem;
  line-height: 1;
  color: #000;
}
[data-whatinput=mouse] .tabs-title > a {
  outline: 0;
}
.tabs-title > a:hover {
  background: transparent;
  color: black;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: transparent;
  color: #000;
}

.tabs-content {
  border: 1px solid transparent;
  border-top: 0;
  background: #fff;
  color: inherit;
  transition: all 0.5s ease;
}

.tabs-content.vertical {
  border: 1px solid transparent;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 0;
}
.tabs-panel.is-active {
  display: block;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: solid 4px #fff;
  border-radius: 0;
  box-shadow: 0 0 0 1px #e8e8e8;
  line-height: 0;
}

a.thumbnail {
  transition: box-shadow 200ms ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
  box-shadow: 0 0 0 1px #000;
}
a.thumbnail image {
  box-shadow: none;
}

.menu, .tabs.expanded {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
[data-whatinput=mouse] .menu li, [data-whatinput=mouse] .tabs.expanded li {
  outline: 0;
}
.menu a, .tabs.expanded a,
.menu .button,
.menu .meeting-polls__button,
.tabs.expanded .button,
.tabs.expanded .meeting-polls__button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 1.1rem 1rem;
}
.menu input, .tabs.expanded input,
.menu select,
.tabs.expanded select,
.menu .inline-filters button[data-toggle],
.inline-filters .menu button[data-toggle],
.menu a,
.tabs.expanded a,
.menu button,
.tabs.expanded button {
  margin-bottom: 0;
}
.menu input, .tabs.expanded input {
  display: inline-block;
}
.menu li, .tabs.expanded li, .menu.horizontal li {
  display: inline-block;
}
.menu.vertical li, .vertical.tabs.expanded li {
  display: block;
}
.menu.expanded, .expanded.tabs {
  display: table;
  width: 100%;
}
.menu.expanded > li, .expanded.tabs > li {
  display: table-cell;
  vertical-align: middle;
}
.menu.simple li + li, .simple.tabs.expanded li + li {
  margin-left: 1rem;
}
.menu.simple a, .simple.tabs.expanded a {
  padding: 0;
}
@media print, screen and (min-width: 28.125em) {
  .menu.smallmedium-horizontal li, .smallmedium-horizontal.tabs.expanded li {
    display: inline-block;
  }
  .menu.smallmedium-vertical li, .smallmedium-vertical.tabs.expanded li {
    display: block;
  }
  .menu.smallmedium-expanded, .smallmedium-expanded.tabs.expanded {
    display: table;
    width: 100%;
  }
  .menu.smallmedium-expanded > li, .smallmedium-expanded.tabs.expanded > li {
    display: table-cell;
    vertical-align: middle;
  }
  .menu.smallmedium-simple, .smallmedium-simple.tabs.expanded {
    display: table;
    width: 100%;
  }
  .menu.smallmedium-simple > li, .smallmedium-simple.tabs.expanded > li {
    display: table-cell;
    vertical-align: middle;
  }
}
@media print, screen and (min-width: 36em) {
  .menu.medium-horizontal li, .medium-horizontal.tabs.expanded li {
    display: inline-block;
  }
  .menu.medium-vertical li, .medium-vertical.tabs.expanded li {
    display: block;
  }
  .menu.medium-expanded, .medium-expanded.tabs.expanded {
    display: table;
    width: 100%;
  }
  .menu.medium-expanded > li, .medium-expanded.tabs.expanded > li {
    display: table-cell;
    vertical-align: middle;
  }
  .menu.medium-simple, .medium-simple.tabs.expanded {
    display: table;
    width: 100%;
  }
  .menu.medium-simple > li, .medium-simple.tabs.expanded > li {
    display: table-cell;
    vertical-align: middle;
  }
}
@media print, screen and (min-width: 48em) {
  .menu.mediumlarge-horizontal li, .mediumlarge-horizontal.tabs.expanded li {
    display: inline-block;
  }
  .menu.mediumlarge-vertical li, .mediumlarge-vertical.tabs.expanded li {
    display: block;
  }
  .menu.mediumlarge-expanded, .mediumlarge-expanded.tabs.expanded {
    display: table;
    width: 100%;
  }
  .menu.mediumlarge-expanded > li, .mediumlarge-expanded.tabs.expanded > li {
    display: table-cell;
    vertical-align: middle;
  }
  .menu.mediumlarge-simple, .mediumlarge-simple.tabs.expanded {
    display: table;
    width: 100%;
  }
  .menu.mediumlarge-simple > li, .mediumlarge-simple.tabs.expanded > li {
    display: table-cell;
    vertical-align: middle;
  }
}
@media print, screen and (min-width: 62em) {
  .menu.large-horizontal li, .large-horizontal.tabs.expanded li {
    display: inline-block;
  }
  .menu.large-vertical li, .large-vertical.tabs.expanded li {
    display: block;
  }
  .menu.large-expanded, .large-expanded.tabs.expanded {
    display: table;
    width: 100%;
  }
  .menu.large-expanded > li, .large-expanded.tabs.expanded > li {
    display: table-cell;
    vertical-align: middle;
  }
  .menu.large-simple, .large-simple.tabs.expanded {
    display: table;
    width: 100%;
  }
  .menu.large-simple > li, .large-simple.tabs.expanded > li {
    display: table-cell;
    vertical-align: middle;
  }
}
.menu.nested, .nested.tabs.expanded {
  margin-right: 0;
  margin-left: 0;
}
.menu.icons img, .icons.tabs.expanded img,
.menu.icons i,
.icons.tabs.expanded i,
.menu.icons svg,
.icons.tabs.expanded svg {
  vertical-align: middle;
}
.menu.icons img + span, .icons.tabs.expanded img + span,
.menu.icons i + span,
.icons.tabs.expanded i + span,
.menu.icons svg + span,
.icons.tabs.expanded svg + span {
  vertical-align: middle;
}
.menu.icon-top img, .icon-top.tabs.expanded img,
.menu.icon-top i,
.icon-top.tabs.expanded i,
.menu.icon-top svg,
.icon-top.tabs.expanded svg, .menu.icon-right img, .icon-right.tabs.expanded img,
.menu.icon-right i,
.icon-right.tabs.expanded i,
.menu.icon-right svg,
.icon-right.tabs.expanded svg, .menu.icon-bottom img, .icon-bottom.tabs.expanded img,
.menu.icon-bottom i,
.icon-bottom.tabs.expanded i,
.menu.icon-bottom svg,
.icon-bottom.tabs.expanded svg, .menu.icon-left img, .icon-left.tabs.expanded img,
.menu.icon-left i,
.icon-left.tabs.expanded i,
.menu.icon-left svg,
.icon-left.tabs.expanded svg {
  vertical-align: middle;
}
.menu.icon-top img + span, .icon-top.tabs.expanded img + span,
.menu.icon-top i + span,
.icon-top.tabs.expanded i + span,
.menu.icon-top svg + span,
.icon-top.tabs.expanded svg + span, .menu.icon-right img + span, .icon-right.tabs.expanded img + span,
.menu.icon-right i + span,
.icon-right.tabs.expanded i + span,
.menu.icon-right svg + span,
.icon-right.tabs.expanded svg + span, .menu.icon-bottom img + span, .icon-bottom.tabs.expanded img + span,
.menu.icon-bottom i + span,
.icon-bottom.tabs.expanded i + span,
.menu.icon-bottom svg + span,
.icon-bottom.tabs.expanded svg + span, .menu.icon-left img + span, .icon-left.tabs.expanded img + span,
.menu.icon-left i + span,
.icon-left.tabs.expanded i + span,
.menu.icon-left svg + span,
.icon-left.tabs.expanded svg + span {
  vertical-align: middle;
}
.menu.icon-left li a img, .icon-left.tabs.expanded li a img,
.menu.icon-left li a i,
.icon-left.tabs.expanded li a i,
.menu.icon-left li a svg,
.icon-left.tabs.expanded li a svg, .menu.nested.icon-left li a img,
.menu.nested.icon-left li a i,
.menu.nested.icon-left li a svg {
  margin-right: 0.25rem;
  display: inline-block;
}
.menu.icon-right li a img, .icon-right.tabs.expanded li a img,
.menu.icon-right li a i,
.icon-right.tabs.expanded li a i,
.menu.icon-right li a svg,
.icon-right.tabs.expanded li a svg, .menu.nested.icon-right li a img,
.menu.nested.icon-right li a i,
.menu.nested.icon-right li a svg {
  margin-left: 0.25rem;
  display: inline-block;
}
.menu.icon-top li a, .icon-top.tabs.expanded li a, .menu.nested.icon-top li a {
  text-align: center;
}
.menu.icon-top li a img, .icon-top.tabs.expanded li a img,
.menu.icon-top li a i,
.icon-top.tabs.expanded li a i,
.menu.icon-top li a svg,
.icon-top.tabs.expanded li a svg, .menu.nested.icon-top li a img,
.menu.nested.icon-top li a i,
.menu.nested.icon-top li a svg {
  display: block;
  margin: 0 auto 0.25rem;
}
.menu.icon-bottom li a, .icon-bottom.tabs.expanded li a, .menu.nested.icon-bottom li a {
  text-align: center;
}
.menu.icon-bottom li a img, .icon-bottom.tabs.expanded li a img,
.menu.icon-bottom li a i,
.icon-bottom.tabs.expanded li a i,
.menu.icon-bottom li a svg,
.icon-bottom.tabs.expanded li a svg, .menu.nested.icon-bottom li a img,
.menu.nested.icon-bottom li a i,
.menu.nested.icon-bottom li a svg {
  display: block;
  margin: 0.25rem auto 0;
}
.menu .is-active > a, .tabs.expanded .is-active > a {
  background: transparent;
  color: #000;
}
.menu .active > a, .tabs.expanded .active > a {
  background: transparent;
  color: #000;
}
.menu.align-left, .align-left.tabs.expanded {
  text-align: left;
}
.menu.align-right, .align-right.tabs.expanded {
  text-align: right;
}
.menu.align-right .submenu li, .align-right.tabs.expanded .submenu li {
  text-align: left;
}
.menu.align-right.vertical .submenu li, .align-right.vertical.tabs.expanded .submenu li {
  text-align: right;
}
.menu.align-right .nested, .align-right.tabs.expanded .nested {
  margin-right: 0;
  margin-left: 0;
}
.menu.align-center, .align-center.tabs.expanded {
  text-align: center;
}
.menu.align-center .submenu li, .align-center.tabs.expanded .submenu li {
  text-align: left;
}
.menu .menu-text, .tabs.expanded .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu, .menu-centered > .tabs.expanded {
  text-align: center;
}
.menu-centered > .menu .submenu li, .menu-centered > .tabs.expanded .submenu li {
  text-align: left;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
  content: "";
}
.menu-icon:hover::after {
  background: #e8e8e8;
  box-shadow: 0 7px 0 #e8e8e8, 0 14px 0 #e8e8e8;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  box-shadow: 0 7px 0 #000, 0 14px 0 #000;
  content: "";
}
.menu-icon.dark:hover::after {
  background: #525a65;
  box-shadow: 0 7px 0 #525a65, 0 14px 0 #525a65;
}

.accordion-menu li {
  width: 100%;
}
.accordion-menu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #000 transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}

.is-accordion-submenu-parent {
  position: relative;
}

.has-submenu-toggle > a {
  margin-right: 40px;
}

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #000 transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto;
}

.submenu-toggle[aria-expanded=true]::after {
  transform: scaleY(-1);
  transform-origin: 50% 50%;
}

.submenu-toggle-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}
.is-drilldown li {
  display: block;
}
.is-drilldown.animate-height {
  transition: height 0.5s;
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fff;
}
.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fff;
  transition: transform 0.15s linear;
}
.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}
.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #000;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #000;
  right: 1rem;
  left: auto;
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #000 transparent transparent;
  right: auto;
  left: 1rem;
}
.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #000 transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu, .dropdown.tabs.expanded > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu, .dropdown.tabs.expanded > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a, .dropdown.tabs.expanded > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after, .dropdown.tabs.expanded > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #000 transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}
[data-whatinput=mouse] .dropdown.menu a, [data-whatinput=mouse] .dropdown.tabs.expanded a {
  outline: 0;
}
.dropdown.menu > li > a, .dropdown.tabs.expanded > li > a {
  background: #fff;
  padding: 0.7rem 1rem 0.6rem;
}
.dropdown.menu > li.is-active > a, .dropdown.tabs.expanded > li.is-active > a {
  background: transparent;
  color: #007293;
}
.no-js .dropdown.menu ul, .no-js .dropdown.tabs.expanded ul {
  display: none;
}
.dropdown.menu .nested.is-dropdown-submenu, .dropdown.tabs.expanded .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu, .dropdown.vertical.tabs.expanded > li .is-dropdown-submenu {
  top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu, .dropdown.vertical.tabs.expanded > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu, .dropdown.vertical.tabs.expanded > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}
.dropdown.menu.vertical > li > a::after, .dropdown.vertical.tabs.expanded > li > a::after {
  right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after, .dropdown.vertical.tabs.expanded > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #000 transparent transparent;
  right: auto;
  left: 5px;
}
.dropdown.menu.vertical > li.opens-right > a::after, .dropdown.vertical.tabs.expanded > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #000;
}
@media print, screen and (min-width: 28.125em) {
  .dropdown.menu.smallmedium-horizontal > li.opens-left > .is-dropdown-submenu, .dropdown.smallmedium-horizontal.tabs.expanded > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.smallmedium-horizontal > li.opens-right > .is-dropdown-submenu, .dropdown.smallmedium-horizontal.tabs.expanded > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.smallmedium-horizontal > li.is-dropdown-submenu-parent > a, .dropdown.smallmedium-horizontal.tabs.expanded > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.smallmedium-horizontal > li.is-dropdown-submenu-parent > a::after, .dropdown.smallmedium-horizontal.tabs.expanded > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #000 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.smallmedium-vertical > li .is-dropdown-submenu, .dropdown.smallmedium-vertical.tabs.expanded > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.smallmedium-vertical > li.opens-left > .is-dropdown-submenu, .dropdown.smallmedium-vertical.tabs.expanded > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.smallmedium-vertical > li.opens-right > .is-dropdown-submenu, .dropdown.smallmedium-vertical.tabs.expanded > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.smallmedium-vertical > li > a::after, .dropdown.smallmedium-vertical.tabs.expanded > li > a::after {
    right: 14px;
  }
  .dropdown.menu.smallmedium-vertical > li.opens-left > a::after, .dropdown.smallmedium-vertical.tabs.expanded > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #000 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.smallmedium-vertical > li.opens-right > a::after, .dropdown.smallmedium-vertical.tabs.expanded > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #000;
  }
}
@media print, screen and (min-width: 36em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu, .dropdown.medium-horizontal.tabs.expanded > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu, .dropdown.medium-horizontal.tabs.expanded > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a, .dropdown.medium-horizontal.tabs.expanded > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after, .dropdown.medium-horizontal.tabs.expanded > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #000 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu, .dropdown.medium-vertical.tabs.expanded > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu, .dropdown.medium-vertical.tabs.expanded > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu, .dropdown.medium-vertical.tabs.expanded > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.medium-vertical > li > a::after, .dropdown.medium-vertical.tabs.expanded > li > a::after {
    right: 14px;
  }
  .dropdown.menu.medium-vertical > li.opens-left > a::after, .dropdown.medium-vertical.tabs.expanded > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #000 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.medium-vertical > li.opens-right > a::after, .dropdown.medium-vertical.tabs.expanded > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #000;
  }
}
@media print, screen and (min-width: 48em) {
  .dropdown.menu.mediumlarge-horizontal > li.opens-left > .is-dropdown-submenu, .dropdown.mediumlarge-horizontal.tabs.expanded > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.mediumlarge-horizontal > li.opens-right > .is-dropdown-submenu, .dropdown.mediumlarge-horizontal.tabs.expanded > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.mediumlarge-horizontal > li.is-dropdown-submenu-parent > a, .dropdown.mediumlarge-horizontal.tabs.expanded > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.mediumlarge-horizontal > li.is-dropdown-submenu-parent > a::after, .dropdown.mediumlarge-horizontal.tabs.expanded > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #000 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.mediumlarge-vertical > li .is-dropdown-submenu, .dropdown.mediumlarge-vertical.tabs.expanded > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.mediumlarge-vertical > li.opens-left > .is-dropdown-submenu, .dropdown.mediumlarge-vertical.tabs.expanded > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.mediumlarge-vertical > li.opens-right > .is-dropdown-submenu, .dropdown.mediumlarge-vertical.tabs.expanded > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.mediumlarge-vertical > li > a::after, .dropdown.mediumlarge-vertical.tabs.expanded > li > a::after {
    right: 14px;
  }
  .dropdown.menu.mediumlarge-vertical > li.opens-left > a::after, .dropdown.mediumlarge-vertical.tabs.expanded > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #000 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.mediumlarge-vertical > li.opens-right > a::after, .dropdown.mediumlarge-vertical.tabs.expanded > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #000;
  }
}
@media print, screen and (min-width: 62em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu, .dropdown.large-horizontal.tabs.expanded > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu, .dropdown.large-horizontal.tabs.expanded > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a, .dropdown.large-horizontal.tabs.expanded > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after, .dropdown.large-horizontal.tabs.expanded > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #000 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu, .dropdown.large-vertical.tabs.expanded > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu, .dropdown.large-vertical.tabs.expanded > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu, .dropdown.large-vertical.tabs.expanded > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.large-vertical > li > a::after, .dropdown.large-vertical.tabs.expanded > li > a::after {
    right: 14px;
  }
  .dropdown.menu.large-vertical > li.opens-left > a::after, .dropdown.large-vertical.tabs.expanded > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #000 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.large-vertical > li.opens-right > a::after, .dropdown.large-vertical.tabs.expanded > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #000;
  }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub, .dropdown.align-right.tabs.expanded .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}

.is-dropdown-menu.vertical {
  width: 100px;
}
.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}
.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #e8e8e8;
  background: #fff;
}
.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #000 transparent transparent;
  right: auto;
  left: 5px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #000;
}
.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}
.is-dropdown-submenu > li {
  width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

.is-off-canvas-open {
  overflow: hidden;
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(255, 255, 255, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #fafafa;
}
[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas.is-transition-push {
  z-index: 12;
}
.off-canvas.is-closed {
  visibility: hidden;
}
.off-canvas.is-transition-overlap {
  z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(26, 24, 29, 0.7);
}
.off-canvas.is-open {
  transform: translate(0, 0);
}

.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #fafafa;
}
[data-whatinput=mouse] .off-canvas-absolute {
  outline: 0;
}
.off-canvas-absolute.is-transition-push {
  z-index: 12;
}
.off-canvas-absolute.is-closed {
  visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(26, 24, 29, 0.7);
}
.off-canvas-absolute.is-open {
  transform: translate(0, 0);
}

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 250px;
  transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left {
  transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(250px);
}

.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px rgba(26, 24, 29, 0.25);
}

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 250px;
  transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right {
  transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-250px);
}

.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px rgba(26, 24, 29, 0.25);
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top {
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(250px);
}

.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px rgba(26, 24, 29, 0.25);
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-250px);
}

.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px rgba(26, 24, 29, 0.25);
}

.off-canvas-content {
  transform: none;
  backface-visibility: hidden;
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
  transition: transform 0.5s ease;
}
.off-canvas-content.has-transition-push {
  transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0);
}

@media print, screen and (min-width: 28.125em) {
  .position-left.reveal-for-smallmedium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-smallmedium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-smallmedium {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-smallmedium ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-smallmedium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-smallmedium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-smallmedium {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-smallmedium ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-smallmedium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-smallmedium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-smallmedium {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-smallmedium ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-smallmedium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-smallmedium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-smallmedium {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-smallmedium ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 36em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 48em) {
  .position-left.reveal-for-mediumlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-mediumlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-mediumlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-mediumlarge ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-mediumlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-mediumlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-mediumlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-mediumlarge ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-mediumlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-mediumlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-mediumlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-mediumlarge ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-mediumlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-mediumlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-mediumlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-mediumlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 62em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 28.125em) {
  .off-canvas.in-canvas-for-smallmedium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-smallmedium.position-left, .off-canvas.in-canvas-for-smallmedium.position-right, .off-canvas.in-canvas-for-smallmedium.position-top, .off-canvas.in-canvas-for-smallmedium.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-smallmedium .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 36em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  .off-canvas.in-canvas-for-mediumlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-mediumlarge.position-left, .off-canvas.in-canvas-for-mediumlarge.position-right, .off-canvas.in-canvas-for-mediumlarge.position-top, .off-canvas.in-canvas-for-mediumlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-mediumlarge .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 62em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}
html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
html.is-reveal-open body {
  overflow-y: hidden;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(26, 24, 29, 0.45);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  background-color: #fafafa;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
[data-whatinput=mouse] .reveal {
  outline: 0;
}
@media print, screen and (min-width: 36em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column, .reveal .columns {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 36em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}
.reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 36em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
}
@media print, screen and (min-width: 36em) {
  .reveal.small, .reveal.meeting-polls__button {
    width: 50%;
    max-width: 75rem;
  }
}
@media print, screen and (min-width: 36em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}
.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}
@media print, screen and (max-width: 28.12375em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}

.sticky-container {
  position: relative;
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}
.sticky.is-stuck.is-at-top {
  top: 0;
}
.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}
.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

.title-bar {
  padding: 0;
  background: transparent;
  color: #000;
}
.title-bar::before, .title-bar::after {
  display: table;
  content: " ";
}
.title-bar::after {
  clear: both;
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.title-bar-left {
  float: left;
}

.title-bar-right {
  float: right;
  text-align: right;
}

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.top-bar {
  padding: 1rem 0.5rem 1.5rem;
}
.top-bar::before, .top-bar::after {
  display: table;
  content: " ";
}
.top-bar::after {
  clear: both;
}
.top-bar,
.top-bar ul {
  background-color: transparent;
}
.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}
.top-bar .input-group-field, .top-bar .user-nickname label .row > span:last-of-type, .user-nickname label .top-bar .row > span:last-of-type {
  width: 100%;
  margin-right: 0;
}
.top-bar input.button, .top-bar input.meeting-polls__button {
  width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
  width: 100%;
}
@media print, screen and (min-width: 36em) {
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    width: auto;
  }
}
@media print, screen and (max-width: 35.99875em) {
  .top-bar.stacked-for-smallmedium .top-bar-left,
  .top-bar.stacked-for-smallmedium .top-bar-right {
    width: 100%;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    width: 100%;
  }
}
@media print, screen and (max-width: 61.99875em) {
  .top-bar.stacked-for-mediumlarge .top-bar-left,
  .top-bar.stacked-for-mediumlarge .top-bar-right {
    width: 100%;
  }
}
@media print, screen and (max-width: 76.49875em) {
  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    width: 100%;
  }
}

.top-bar-title {
  display: inline-block;
  float: left;
  padding: 1rem;
}
.top-bar-title .menu-icon {
  bottom: 2px;
}

.top-bar-left {
  float: left;
}

.top-bar-right {
  float: right;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::before, .clearfix::after {
  display: table;
  content: " ";
}
.clearfix::after {
  clear: both;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

@media print, screen and (max-width: 28.12375em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 28.125em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 28.125em) {
  .hide-for-smallmedium {
    display: none !important;
  }
}

@media screen and (max-width: 28.12375em) {
  .show-for-smallmedium {
    display: none !important;
  }
}

@media print, screen and (min-width: 28.125em) and (max-width: 35.99875em) {
  .hide-for-smallmedium-only {
    display: none !important;
  }
}

@media screen and (max-width: 28.12375em), screen and (min-width: 36em) {
  .show-for-smallmedium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 36em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 35.99875em) {
  .show-for-medium {
    display: none !important;
  }
}

@media print, screen and (min-width: 36em) and (max-width: 47.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 35.99875em), screen and (min-width: 48em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 48em) {
  .hide-for-mediumlarge {
    display: none !important;
  }
}

@media screen and (max-width: 47.99875em) {
  .show-for-mediumlarge {
    display: none !important;
  }
}

@media print, screen and (min-width: 48em) and (max-width: 61.99875em) {
  .hide-for-mediumlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 47.99875em), screen and (min-width: 62em) {
  .show-for-mediumlarge-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 62em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 61.99875em) {
  .show-for-large {
    display: none !important;
  }
}

@media print, screen and (min-width: 62em) and (max-width: 76.49875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 61.99875em), screen and (min-width: 76.5em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.show-for-dark-mode {
  display: none;
}

.hide-for-dark-mode {
  display: block;
}

@media screen and (prefers-color-scheme: dark) {
  .show-for-dark-mode {
    display: block !important;
  }
  .hide-for-dark-mode {
    display: none !important;
  }
}
.show-for-ie {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .show-for-ie {
    display: block !important;
  }
  .hide-for-ie {
    display: none !important;
  }
}
.show-for-sticky {
  display: none;
}

.is-stuck .show-for-sticky {
  display: block;
}

.is-stuck .hide-for-sticky {
  display: none;
}

.display-inline {
  display: inline !important;
}

.display-inline-block {
  display: inline-block !important;
}

.display-block {
  display: block !important;
}

.display-table {
  display: table !important;
}

.display-table-cell {
  display: table-cell !important;
}

.margin-0 {
  margin: 0rem !important;
}

.margin-top-0 {
  margin-top: 0rem !important;
}

.margin-right-0 {
  margin-right: 0rem !important;
}

.margin-bottom-0 {
  margin-bottom: 0rem !important;
}

.margin-left-0 {
  margin-left: 0rem !important;
}

.margin-horizontal-0 {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.margin-vertical-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-0 {
  padding: 0rem !important;
}

.padding-top-0 {
  padding-top: 0rem !important;
}

.padding-right-0 {
  padding-right: 0rem !important;
}

.padding-bottom-0 {
  padding-bottom: 0rem !important;
}

.padding-left-0 {
  padding-left: 0rem !important;
}

.padding-horizontal-0 {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.padding-vertical-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-1 {
  margin: 1rem !important;
}

.margin-top-1 {
  margin-top: 1rem !important;
}

.margin-right-1 {
  margin-right: 1rem !important;
}

.margin-bottom-1 {
  margin-bottom: 1rem !important;
}

.margin-left-1 {
  margin-left: 1rem !important;
}

.margin-horizontal-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.margin-vertical-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.padding-1, .meeting-polls__question summary, .meeting-polls__question--admin summary {
  padding: 1rem !important;
}

.padding-top-1 {
  padding-top: 1rem !important;
}

.padding-right-1 {
  padding-right: 1rem !important;
}

.padding-bottom-1 {
  padding-bottom: 1rem !important;
}

.padding-left-1 {
  padding-left: 1rem !important;
}

.padding-horizontal-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.padding-vertical-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.margin-2 {
  margin: 2rem !important;
}

.margin-top-2 {
  margin-top: 2rem !important;
}

.margin-right-2 {
  margin-right: 2rem !important;
}

.margin-bottom-2 {
  margin-bottom: 2rem !important;
}

.margin-left-2 {
  margin-left: 2rem !important;
}

.margin-horizontal-2 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}

.margin-vertical-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.padding-2 {
  padding: 2rem !important;
}

.padding-top-2 {
  padding-top: 2rem !important;
}

.padding-right-2 {
  padding-right: 2rem !important;
}

.padding-bottom-2 {
  padding-bottom: 2rem !important;
}

.padding-left-2 {
  padding-left: 2rem !important;
}

.padding-horizontal-2 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.padding-vertical-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.margin-3 {
  margin: 3rem !important;
}

.margin-top-3 {
  margin-top: 3rem !important;
}

.margin-right-3 {
  margin-right: 3rem !important;
}

.margin-bottom-3 {
  margin-bottom: 3rem !important;
}

.margin-left-3 {
  margin-left: 3rem !important;
}

.margin-horizontal-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.margin-vertical-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.padding-3 {
  padding: 3rem !important;
}

.padding-top-3 {
  padding-top: 3rem !important;
}

.padding-right-3 {
  padding-right: 3rem !important;
}

.padding-bottom-3 {
  padding-bottom: 3rem !important;
}

.padding-left-3 {
  padding-left: 3rem !important;
}

.padding-horizontal-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.padding-vertical-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/Source_Sans_Pro_400-c60b44947671d757833d.woff2) format("woff2"), url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/Source_Sans_Pro_400-f8eb0fd7380512a226cd.woff) format("woff"), url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/Source_Sans_Pro_400-9c6e4dfdd59c9f0df0f8.ttf) format("truetype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/Source_Sans_Pro_600-079db4a1c8da8ec06700.woff2) format("woff2"), url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/Source_Sans_Pro_600-321eaeac03e6321b823f.woff) format("woff"), url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/Source_Sans_Pro_600-a2c16f2d0995dcf36831.ttf) format("truetype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/Source_Sans_Pro_900-d5a56e0c3bdd31eaadd4.woff2) format("woff2"), url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/Source_Sans_Pro_900-7852ed941061eb34f8a3.woff) format("woff"), url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/Source_Sans_Pro_900-cdf7b11440b90af6a688.ttf) format("truetype");
}
.list-reset, .reveal__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  vertical-align: top;
}
.list-inline > dt {
  clear: both;
  margin-right: 0.3em;
}
.list-inline > dt,
.list-inline > dd {
  float: left;
  margin-bottom: 0;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-center > :first-child {
  margin-right: 0.5rem;
}
.flex-center > :last-child {
  margin-left: 0.5rem;
}

.flex--cc, .badge-tip > :first-child {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex--sbc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex--sbe {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.flex--fsc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.flex--fsb {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}

.flex--cb {
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.scroll {
  max-height: 50vh;
  overflow-y: scroll;
}

.absolutes, .aspect-ratio-16-9 {
  position: relative;
}
.absolutes .left, .aspect-ratio-16-9 .left, .aspect-ratio-16-9 > *,
.absolutes .right,
.aspect-ratio-16-9 .right,
.absolutes .top,
.aspect-ratio-16-9 .top,
.absolutes .bottom,
.aspect-ratio-16-9 .bottom {
  position: absolute;
}
.absolutes .left, .aspect-ratio-16-9 .left, .aspect-ratio-16-9 > * {
  left: 0;
}
.absolutes .right, .aspect-ratio-16-9 .right, .aspect-ratio-16-9 > * {
  right: 0;
}
.absolutes .top, .aspect-ratio-16-9 .top, .aspect-ratio-16-9 > * {
  top: 0;
}
.absolutes .bottom, .aspect-ratio-16-9 .bottom, .aspect-ratio-16-9 > * {
  bottom: 0;
}
.absolutes .left.center, .aspect-ratio-16-9 .left.center, .aspect-ratio-16-9 > .center,
.absolutes .right.center,
.aspect-ratio-16-9 .right.center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.absolutes .top.center, .aspect-ratio-16-9 .top.center, .aspect-ratio-16-9 > .center,
.absolutes .bottom.center,
.aspect-ratio-16-9 .bottom.center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.aspect-ratio-16-9 {
  padding-bottom: 56.25%;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes animation-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
.toggle-show {
  display: none;
}
.toggle-show.is-expanded {
  display: block;
}

.expanded-text .text-toggle__short {
  display: none;
}
.expanded-text .text-toggle__long {
  display: block;
}

.text-toggle__long {
  display: none;
}

.section {
  margin-bottom: 2rem;
  word-wrap: break-word;
}
@media print, screen and (min-width: 62em) {
  .section {
    margin-bottom: 3rem;
  }
}

.m-bottom {
  margin-bottom: 1rem;
}

.p-none {
  padding: 0 !important;
}

.pt-none {
  padding-top: 0 !important;
}

.pr-none {
  padding-right: 0 !important;
}

.pb-none {
  padding-bottom: 0 !important;
}

.pl-none {
  padding-left: 0 !important;
}

.p-xs, .chart-tooltip .tooltip-content {
  padding: 0.5rem !important;
}

.pt-xs {
  padding-top: 0.5rem !important;
}

.pr-xs {
  padding-right: 0.5rem !important;
}

.pb-xs {
  padding-bottom: 0.5rem !important;
}

.pl-xs {
  padding-left: 0.5rem !important;
}

.p-s, .reveal__list li {
  padding: 1rem !important;
}

.pt-s {
  padding-top: 1rem !important;
}

.pr-s {
  padding-right: 1rem !important;
}

.pb-s {
  padding-bottom: 1rem !important;
}

.pl-s {
  padding-left: 1rem !important;
}

.p-sm {
  padding: 2rem !important;
}

.pt-sm {
  padding-top: 2rem !important;
}

.pr-sm {
  padding-right: 2rem !important;
}

.pb-sm {
  padding-bottom: 2rem !important;
}

.pl-sm {
  padding-left: 2rem !important;
}

.p-m, .conversation .conversation-header {
  padding: 3rem !important;
}

.pt-m {
  padding-top: 3rem !important;
}

.pr-m {
  padding-right: 3rem !important;
}

.pb-m {
  padding-bottom: 3rem !important;
}

.pl-m {
  padding-left: 3rem !important;
}

.p-l {
  padding: 5rem !important;
}

.pt-l {
  padding-top: 5rem !important;
}

.pr-l {
  padding-right: 5rem !important;
}

.pb-l {
  padding-bottom: 5rem !important;
}

.pl-l {
  padding-left: 5rem !important;
}

.m-none {
  margin: 0 !important;
}

.mt-none {
  margin-top: 0 !important;
}

.mr-none {
  margin-right: 0 !important;
}

.mb-none {
  margin-bottom: 0 !important;
}

.ml-none {
  margin-left: 0 !important;
}

.m-xs {
  margin: 0.5rem !important;
}

.mt-xs, .badge-tip {
  margin-top: 0.5rem !important;
}

.mr-xs, .badge-tip {
  margin-right: 0.5rem !important;
}

.mb-xs {
  margin-bottom: 0.5rem !important;
}

.ml-xs {
  margin-left: 0.5rem !important;
}

.m-s {
  margin: 1rem !important;
}

.mt-s, .conversation .conversation-reply, .conversation .conversation-chat {
  margin-top: 1rem !important;
}

.mr-s {
  margin-right: 1rem !important;
}

.mb-s {
  margin-bottom: 1rem !important;
}

.ml-s {
  margin-left: 1rem !important;
}

.m-sm {
  margin: 2rem !important;
}

.mt-sm {
  margin-top: 2rem !important;
}

.mr-sm {
  margin-right: 2rem !important;
}

.mb-sm {
  margin-bottom: 2rem !important;
}

.ml-sm {
  margin-left: 2rem !important;
}

.m-m {
  margin: 3rem !important;
}

.mt-m {
  margin-top: 3rem !important;
}

.mr-m {
  margin-right: 3rem !important;
}

.mb-m {
  margin-bottom: 3rem !important;
}

.ml-m {
  margin-left: 3rem !important;
}

.m-l {
  margin: 5rem !important;
}

.mt-l {
  margin-top: 5rem !important;
}

.mr-l {
  margin-right: 5rem !important;
}

.mb-l {
  margin-bottom: 5rem !important;
}

.ml-l {
  margin-left: 5rem !important;
}

/* Variables */
/* Typography - Foundation overrides */
button,
input {
  font-family: inherit;
}

a {
  color: #000;
  font-weight: 500;
}
a:hover {
  color: black;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
a:focus {
  outline: 2px solid #007293;
  outline-offset: 2px;
}

button:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.5);
}

.heading1 {
  font-weight: 600;
  line-height: 1.2;
  font-size: 2.25em;
  line-height: 1.1;
}
@media print, screen and (min-width: 36em) {
  .heading1 {
    font-size: 3.25em;
  }
}

.subheading1 {
  text-align: center;
  font-size: 1.25rem;
  margin: 0 auto;
  max-width: 600px;
  padding-bottom: 2rem;
  margin-top: -3rem;
}

.heading2, .card--full .card__title {
  line-height: 1.2;
  font-size: 1.75em;
}
@media print, screen and (min-width: 36em) {
  .heading2, .card--full .card__title {
    font-size: 2.25em;
  }
}

.heading3 {
  line-height: 1.2;
  font-size: 1.5em;
}
@media print, screen and (min-width: 36em) {
  .heading3 {
    font-size: 1.5em;
  }
}

.heading4 {
  line-height: 1.2;
  font-size: 1.25em;
}
@media print, screen and (min-width: 36em) {
  .heading4 {
    font-size: 1.25em;
  }
}

.heading5, .author-data--big .author__name, .card__title {
  line-height: 1.2;
  font-size: 1.125em;
}
@media print, screen and (min-width: 36em) {
  .heading5, .author-data--big .author__name, .card__title {
    font-size: 1.125em;
  }
}

.heading6 {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 600;
  line-height: 1.2;
  font-size: 1em;
}
@media print, screen and (min-width: 36em) {
  .heading6 {
    font-size: 1em;
  }
}

.heading-small {
  font-size: 1rem;
  line-height: 1.2;
}

hr {
  width: 50%;
}
hr.reset {
  width: 100%;
}

/* New typographic styles */
.section-heading {
  position: relative;
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 1.125em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.section-heading::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 1.35em;
  background-color: var(--primary);
  margin-right: 0.5rem;
  margin-bottom: -0.5rem;
  vertical-align: top;
}
.section-heading.collapse {
  margin: 0;
}
.section-heading span {
  font-weight: normal;
}

.mini-title {
  color: #4d4d4d;
  font-size: 0.9rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
}
.mini-title__strong {
  color: #000;
  font-size: 1.2rem;
  font-weight: 800;
}
.mini-title__strong--highlight {
  font-size: 1.4rem;
}

.data-title__over {
  color: #4d4d4d;
  font-size: 0.9rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 0.5rem;
}
.data-title__main {
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 0;
}
.data-title__sub {
  color: #4d4d4d;
  font-size: 0.9rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  line-height: 1;
}

.page-title-wrapper {
  text-align: center;
}

.page-title {
  margin-bottom: 3rem;
}
.page-title a:hover {
  text-decoration: underline;
}

.text-highlight {
  margin-bottom: 0;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.text-highlight.heading1 {
  font-weight: 800;
}
.text-highlight > a {
  color: inherit;
}
.text-highlight > a:hover {
  color: var(--primary);
}

.text-primary {
  color: #000;
}

.bg-primary {
  background-color: #4d4d4d;
}

.text-secondary {
  color: #ffe977;
}

.bg-secondary {
  background-color: white;
}

.text-success {
  color: #007a64;
}

.bg-success {
  background-color: #14ffd5;
}

.text-warning {
  color: #ffda07;
}

.bg-warning {
  background-color: #fff1a0;
}

.text-alert {
  color: #c4123e;
}

.bg-alert {
  background-color: #f37c99;
}

.text-muted {
  color: #4d4d4d;
}

.bg-muted, .meeting-polls__iframe {
  background-color: #999999;
}

.text-large {
  font-size: 130%;
}

.text-medium, .chart-tooltip .tooltip-content {
  font-size: 90%;
}

.text-small {
  font-size: 80%;
}

.text-sm {
  font-size: 80%;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}

.text-compact {
  line-height: 1;
}

.word-wrapper {
  display: inline-block;
}

/* HTML inline text elements. Modifiers color text */
a.primary,
abbr.primary,
acronym.primary,
b.primary,
bdo.primary,
big.primary,
br.primary,
button.primary,
cite.primary,
code.primary,
dfn.primary,
em.primary,
i.primary,
img.primary,
input.primary,
kbd.primary,
label.primary,
map.primary,
object.primary,
q.primary,
samp.primary,
script.primary,
select.primary,
.inline-filters button.primary[data-toggle],
small.primary,
span.primary,
strong.primary,
sub.primary,
sup.primary,
textarea.primary,
time.primary,
tt.primary,
var.primary {
  color: var(--primary);
}
a.secondary,
abbr.secondary,
acronym.secondary,
b.secondary,
bdo.secondary,
big.secondary,
br.secondary,
button.secondary,
cite.secondary,
code.secondary,
dfn.secondary,
em.secondary,
i.secondary,
img.secondary,
input.secondary,
kbd.secondary,
label.secondary,
map.secondary,
object.secondary,
q.secondary,
samp.secondary,
script.secondary,
select.secondary,
.inline-filters button.secondary[data-toggle],
small.secondary,
span.secondary,
strong.secondary,
sub.secondary,
sup.secondary,
textarea.secondary,
time.secondary,
tt.secondary,
var.secondary {
  color: var(--secondary);
}
a.success,
abbr.success,
acronym.success,
b.success,
bdo.success,
big.success,
br.success,
button.success,
cite.success,
code.success,
dfn.success,
em.success,
i.success,
img.success,
input.success,
kbd.success,
label.success,
map.success,
object.success,
q.success,
samp.success,
script.success,
select.success,
.inline-filters button.success[data-toggle],
small.success,
span.success,
strong.success,
sub.success,
sup.success,
textarea.success,
time.success,
tt.success,
var.success {
  color: var(--success);
}
a.warning,
abbr.warning,
acronym.warning,
b.warning,
bdo.warning,
big.warning,
br.warning,
button.warning,
cite.warning,
code.warning,
dfn.warning,
em.warning,
i.warning,
img.warning,
input.warning,
kbd.warning,
label.warning,
map.warning,
object.warning,
q.warning,
samp.warning,
script.warning,
select.warning,
.inline-filters button.warning[data-toggle],
small.warning,
span.warning,
strong.warning,
sub.warning,
sup.warning,
textarea.warning,
time.warning,
tt.warning,
var.warning {
  color: var(--warning);
}
a.alert,
abbr.alert,
acronym.alert,
b.alert,
bdo.alert,
big.alert,
br.alert,
button.alert,
cite.alert,
code.alert,
dfn.alert,
em.alert,
i.alert,
img.alert,
input.alert,
kbd.alert,
label.alert,
map.alert,
object.alert,
q.alert,
samp.alert,
script.alert,
select.alert,
.inline-filters button.alert[data-toggle],
small.alert,
span.alert,
strong.alert,
sub.alert,
sup.alert,
textarea.alert,
time.alert,
tt.alert,
var.alert {
  color: var(--alert);
}
a.muted,
abbr.muted,
acronym.muted,
b.muted,
bdo.muted,
big.muted,
br.muted,
button.muted,
cite.muted,
code.muted,
dfn.muted,
em.muted,
i.muted,
img.muted,
input.muted,
kbd.muted,
label.muted,
map.muted,
object.muted,
q.muted,
samp.muted,
script.muted,
select.muted,
.inline-filters button.muted[data-toggle],
small.muted,
span.muted,
strong.muted,
sub.muted,
sup.muted,
textarea.muted,
time.muted,
tt.muted,
var.muted {
  color: #4d4d4d;
}

ul.no-bullet-indented,
ol.no-bullet-indented {
  list-style-type: none;
}

.title-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.5rem;
}

.title-action__title {
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle;
  margin-bottom: 0;
}
.title-action__title.section-heading {
  margin-bottom: 0;
}

.title-action__action {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
.title-action__action .icon {
  width: 11px;
  height: 11px;
  margin-left: 0.3rem;
}

/* Foundation button overrides */
.button.small, .meeting-polls__button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.button.small.compact, .compact.meeting-polls__button {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  letter-spacing: 0;
  white-space: nowrap;
}
.button.tiny, .tiny.meeting-polls__button {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.button.tiny.compact, .tiny.compact.meeting-polls__button {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  letter-spacing: 0;
}
.button.button--right, .button--right.meeting-polls__button {
  float: right;
}
.button a, .meeting-polls__button a {
  color: inherit;
}
.button a:hover, .meeting-polls__button a:hover {
  text-decoration: none;
}

.button, .meeting-polls__button {
  position: relative;
  background-color: var(--primary);
}
.button.focus, .focus.meeting-polls__button, .button:focus, .meeting-polls__button:focus {
  background-color: var(--primary);
  box-shadow: none;
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  outline-offset: 2px;
  filter: brightness(100%);
}
.button.hover, .hover.meeting-polls__button, .button:hover, .meeting-polls__button:hover {
  background-color: var(--primary);
  filter: brightness(100%);
  text-decoration: none;
}
.button.active, .active.meeting-polls__button, .button:active, .meeting-polls__button:active {
  filter: brightness(100%);
}
.button.disabled, .disabled.meeting-polls__button, .button.disabled:active, .button.disabled:hover, .button.disabled:focus, .button[disabled], [disabled].meeting-polls__button, .button[disabled]:active, .button[disabled]:hover, .button[disabled]:focus {
  background-color: var(--primary);
}
.button.hollow, .meeting-polls__button {
  background-color: transparent;
  color: var(--primary);
  border-color: var(--primary);
  text-decoration: none;
}
.button.hollow.hover, .hover.meeting-polls__button, .button.hollow:hover, .meeting-polls__button:hover, .button.hollow.focus, .focus.meeting-polls__button, .button.hollow:focus, .meeting-polls__button:focus {
  border-color: var(--primary);
  background-color: var(--primary);
  color: #fff;
}
.button.hollow.disabled, .disabled.meeting-polls__button, .button.hollow.disabled:active, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], [disabled].meeting-polls__button, .button.hollow[disabled]:active, .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
  border-color: var(--primary);
  color: var(--primary);
  box-shadow: none;
  text-decoration: none;
}
.button.hollow.light.hover, .light.hover.meeting-polls__button, .button.hollow.light:hover, .light.meeting-polls__button:hover, .button.hollow.light.focus, .light.focus.meeting-polls__button, .button.hollow.light:focus, .light.meeting-polls__button:focus {
  border-color: var(--primary);
  background-color: var(--primary);
  color: #fff;
}
.button.hollow.light.disabled, .light.disabled.meeting-polls__button, .button.hollow.light.disabled:active, .button.hollow.light.disabled:hover, .button.hollow.light.disabled:focus, .button.hollow.light[disabled], .light[disabled].meeting-polls__button, .button.hollow.light[disabled]:active, .button.hollow.light[disabled]:hover, .button.hollow.light[disabled]:focus {
  border-color: #fff;
  color: #fff;
}
.button.primary, .primary.meeting-polls__button {
  background-color: var(--primary);
}
.button.primary.hover, .primary.hover.meeting-polls__button, .button.primary:hover, .primary.meeting-polls__button:hover, .button.primary.focus, .primary.focus.meeting-polls__button, .button.primary:focus, .primary.meeting-polls__button:focus {
  background-color: var(--primary);
}
.button.primary.disabled, .primary.disabled.meeting-polls__button, .button.primary.disabled:active, .button.primary.disabled:hover, .button.primary.disabled:focus, .button.primary[disabled], .primary[disabled].meeting-polls__button, .button.primary[disabled]:active, .button.primary[disabled]:hover, .button.primary[disabled]:focus {
  background-color: var(--primary);
}
.button.primary.hollow, .primary.meeting-polls__button {
  background-color: transparent;
  color: var(--primary);
  border-color: var(--primary);
}
.button.primary.hollow.hover, .primary.hover.meeting-polls__button, .button.primary.hollow:hover, .primary.meeting-polls__button:hover, .button.primary.hollow.focus, .primary.focus.meeting-polls__button, .button.primary.hollow:focus, .primary.meeting-polls__button:focus {
  border-color: var(--primary);
  background-color: var(--primary);
  color: #fff;
}
.button.primary.hollow.disabled, .primary.disabled.meeting-polls__button, .button.primary.hollow.disabled:active, .button.primary.hollow.disabled:hover, .button.primary.hollow.disabled:focus, .button.primary.hollow[disabled], .primary[disabled].meeting-polls__button, .button.primary.hollow[disabled]:active, .button.primary.hollow[disabled]:hover, .button.primary.hollow[disabled]:focus {
  background-color: transparent;
  border-color: var(--primary);
  color: var(--primary);
  box-shadow: none;
  text-decoration: none;
}
.button.secondary, .secondary.meeting-polls__button {
  background-color: var(--secondary);
}
.button.secondary.hover, .secondary.hover.meeting-polls__button, .button.secondary:hover, .secondary.meeting-polls__button:hover, .button.secondary.focus, .secondary.focus.meeting-polls__button, .button.secondary:focus, .secondary.meeting-polls__button:focus {
  background-color: var(--secondary);
}
.button.secondary.disabled, .secondary.disabled.meeting-polls__button, .button.secondary.disabled:active, .button.secondary.disabled:hover, .button.secondary.disabled:focus, .button.secondary[disabled], .secondary[disabled].meeting-polls__button, .button.secondary[disabled]:active, .button.secondary[disabled]:hover, .button.secondary[disabled]:focus {
  background-color: var(--secondary);
}
.button.secondary.hollow, .secondary.meeting-polls__button {
  background-color: transparent;
  color: var(--secondary);
  border-color: var(--secondary);
}
.button.secondary.hollow.hover, .secondary.hover.meeting-polls__button, .button.secondary.hollow:hover, .secondary.meeting-polls__button:hover, .button.secondary.hollow.focus, .secondary.focus.meeting-polls__button, .button.secondary.hollow:focus, .secondary.meeting-polls__button:focus {
  border-color: var(--secondary);
  background-color: var(--secondary);
  color: #fff;
}
.button.secondary.hollow.disabled, .secondary.disabled.meeting-polls__button, .button.secondary.hollow.disabled:active, .button.secondary.hollow.disabled:hover, .button.secondary.hollow.disabled:focus, .button.secondary.hollow[disabled], .secondary[disabled].meeting-polls__button, .button.secondary.hollow[disabled]:active, .button.secondary.hollow[disabled]:hover, .button.secondary.hollow[disabled]:focus {
  background-color: transparent;
  border-color: var(--secondary);
  color: var(--secondary);
  box-shadow: none;
  text-decoration: none;
}
.button.success, .success.meeting-polls__button {
  background-color: var(--success);
}
.button.success.hover, .success.hover.meeting-polls__button, .button.success:hover, .success.meeting-polls__button:hover, .button.success.focus, .success.focus.meeting-polls__button, .button.success:focus, .success.meeting-polls__button:focus {
  background-color: var(--success);
}
.button.success.disabled, .success.disabled.meeting-polls__button, .button.success.disabled:active, .button.success.disabled:hover, .button.success.disabled:focus, .button.success[disabled], .success[disabled].meeting-polls__button, .button.success[disabled]:active, .button.success[disabled]:hover, .button.success[disabled]:focus {
  background-color: var(--success);
}
.button.success.hollow, .success.meeting-polls__button {
  background-color: transparent;
  color: var(--success);
  border-color: var(--success);
}
.button.success.hollow.hover, .success.hover.meeting-polls__button, .button.success.hollow:hover, .success.meeting-polls__button:hover, .button.success.hollow.focus, .success.focus.meeting-polls__button, .button.success.hollow:focus, .success.meeting-polls__button:focus {
  border-color: var(--success);
  background-color: var(--success);
  color: #fff;
}
.button.success.hollow.disabled, .success.disabled.meeting-polls__button, .button.success.hollow.disabled:active, .button.success.hollow.disabled:hover, .button.success.hollow.disabled:focus, .button.success.hollow[disabled], .success[disabled].meeting-polls__button, .button.success.hollow[disabled]:active, .button.success.hollow[disabled]:hover, .button.success.hollow[disabled]:focus {
  background-color: transparent;
  border-color: var(--success);
  color: var(--success);
  box-shadow: none;
  text-decoration: none;
}
.button.alert, .alert.meeting-polls__button {
  background-color: var(--alert);
}
.button.alert.hover, .alert.hover.meeting-polls__button, .button.alert:hover, .alert.meeting-polls__button:hover, .button.alert.focus, .alert.focus.meeting-polls__button, .button.alert:focus, .alert.meeting-polls__button:focus {
  background-color: var(--alert);
}
.button.alert.disabled, .alert.disabled.meeting-polls__button, .button.alert.disabled:active, .button.alert.disabled:hover, .button.alert.disabled:focus, .button.alert[disabled], .alert[disabled].meeting-polls__button, .button.alert[disabled]:active, .button.alert[disabled]:hover, .button.alert[disabled]:focus {
  background-color: var(--alert);
}
.button.alert.hollow, .alert.meeting-polls__button {
  background-color: transparent;
  color: var(--alert);
  border-color: var(--alert);
}
.button.alert.hollow.hover, .alert.hover.meeting-polls__button, .button.alert.hollow:hover, .alert.meeting-polls__button:hover, .button.alert.hollow.focus, .alert.focus.meeting-polls__button, .button.alert.hollow:focus, .alert.meeting-polls__button:focus {
  border-color: var(--alert);
  background-color: var(--alert);
  color: #fff;
}
.button.alert.hollow.disabled, .alert.disabled.meeting-polls__button, .button.alert.hollow.disabled:active, .button.alert.hollow.disabled:hover, .button.alert.hollow.disabled:focus, .button.alert.hollow[disabled], .alert[disabled].meeting-polls__button, .button.alert.hollow[disabled]:active, .button.alert.hollow[disabled]:hover, .button.alert.hollow[disabled]:focus {
  background-color: transparent;
  border-color: var(--alert);
  color: var(--alert);
  box-shadow: none;
  text-decoration: none;
}
.button.warning, .warning.meeting-polls__button {
  background-color: var(--warning);
}
.button.warning.hover, .warning.hover.meeting-polls__button, .button.warning:hover, .warning.meeting-polls__button:hover, .button.warning.focus, .warning.focus.meeting-polls__button, .button.warning:focus, .warning.meeting-polls__button:focus {
  background-color: var(--warning);
}
.button.warning.disabled, .warning.disabled.meeting-polls__button, .button.warning.disabled:active, .button.warning.disabled:hover, .button.warning.disabled:focus, .button.warning[disabled], .warning[disabled].meeting-polls__button, .button.warning[disabled]:active, .button.warning[disabled]:hover, .button.warning[disabled]:focus {
  background-color: var(--warning);
}
.button.warning.hollow, .warning.meeting-polls__button {
  background-color: transparent;
  color: var(--warning);
  border-color: var(--warning);
}
.button.warning.hollow.hover, .warning.hover.meeting-polls__button, .button.warning.hollow:hover, .warning.meeting-polls__button:hover, .button.warning.hollow.focus, .warning.focus.meeting-polls__button, .button.warning.hollow:focus, .warning.meeting-polls__button:focus {
  border-color: var(--warning);
  background-color: var(--warning);
  color: #fff;
}
.button.warning.hollow.disabled, .warning.disabled.meeting-polls__button, .button.warning.hollow.disabled:active, .button.warning.hollow.disabled:hover, .button.warning.hollow.disabled:focus, .button.warning.hollow[disabled], .warning[disabled].meeting-polls__button, .button.warning.hollow[disabled]:active, .button.warning.hollow[disabled]:hover, .button.warning.hollow[disabled]:focus {
  background-color: transparent;
  border-color: var(--warning);
  color: var(--warning);
  box-shadow: none;
  text-decoration: none;
}
.button.clear.secondary, .clear.secondary.meeting-polls__button, .button.clear.success, .clear.success.meeting-polls__button, .button.clear.alert, .clear.alert.meeting-polls__button, .button.clear.warning, .clear.warning.meeting-polls__button {
  background-color: transparent;
}
.button.clear.secondary.hover, .clear.secondary.hover.meeting-polls__button, .button.clear.secondary:hover, .clear.secondary.meeting-polls__button:hover, .button.clear.secondary.focus, .clear.secondary.focus.meeting-polls__button, .button.clear.secondary:focus, .clear.secondary.meeting-polls__button:focus, .button.clear.success.hover, .clear.success.hover.meeting-polls__button, .button.clear.success:hover, .clear.success.meeting-polls__button:hover, .button.clear.success.focus, .clear.success.focus.meeting-polls__button, .button.clear.success:focus, .clear.success.meeting-polls__button:focus, .button.clear.alert.hover, .clear.alert.hover.meeting-polls__button, .button.clear.alert:hover, .clear.alert.meeting-polls__button:hover, .button.clear.alert.focus, .clear.alert.focus.meeting-polls__button, .button.clear.alert:focus, .clear.alert.meeting-polls__button:focus, .button.clear.warning.hover, .clear.warning.hover.meeting-polls__button, .button.clear.warning:hover, .clear.warning.meeting-polls__button:hover, .button.clear.warning.focus, .clear.warning.focus.meeting-polls__button, .button.clear.warning:focus, .clear.warning.meeting-polls__button:focus {
  background-color: transparent;
}
.button.clear.secondary, .clear.secondary.meeting-polls__button {
  color: var(--secondary);
}
.button.clear.success, .clear.success.meeting-polls__button {
  color: var(--success);
}
.button.clear.alert, .clear.alert.meeting-polls__button {
  color: var(--alert);
}
.button.clear.warning, .clear.warning.meeting-polls__button {
  color: var(--warning);
}

.progress-meter {
  background-color: var(--primary);
}

.button.hollow:disabled:hover.success, .meeting-polls__button:disabled:hover.success,
.button.hollow.disabled:hover.success,
.disabled.meeting-polls__button:hover.success {
  border-color: var(--success);
  color: var(--success);
}
.button.hollow:disabled:hover.alert, .meeting-polls__button:disabled:hover.alert,
.button.hollow.disabled:hover.alert,
.disabled.meeting-polls__button:hover.alert {
  border-color: var(--alert);
  color: var(--alert);
}
.button.hollow:disabled:hover.warning, .meeting-polls__button:disabled:hover.warning,
.button.hollow.disabled:hover.warning,
.disabled.meeting-polls__button:hover.warning {
  border-color: var(--warning);
  color: var(--warning);
}

.button.light:not(.hollow):not(.meeting-polls__button).primary, .light.meeting-polls__button:not(.hollow):not(.meeting-polls__button).primary {
  color: var(--primary);
}
.button.light:not(.hollow):not(.meeting-polls__button).secondary, .light.meeting-polls__button:not(.hollow):not(.meeting-polls__button).secondary {
  color: #fff;
}
.button.light:not(.hollow):not(.meeting-polls__button).success, .light.meeting-polls__button:not(.hollow):not(.meeting-polls__button).success {
  color: #fff;
}
.button.light:not(.hollow):not(.meeting-polls__button).warning, .light.meeting-polls__button:not(.hollow):not(.meeting-polls__button).warning {
  color: var(--warning);
}
.button.light:not(.hollow):not(.meeting-polls__button).alert, .light.meeting-polls__button:not(.hollow):not(.meeting-polls__button).alert {
  color: var(--alert);
}

.button.light.hollow, .light.meeting-polls__button {
  border-color: #fff;
  color: #fff;
}

.button-group--collapse {
  text-align: left;
  margin-bottom: 0;
  display: flex;
}
.button-group--collapse > :last-child {
  flex: 1;
}
.button-group--collapse > :first-child,
.button-group--collapse > :first-child * {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button-group--collapse > :last-child,
.button-group--collapse > :last-child * {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.button-group--collapse > :not(:first-child):not(:last-child),
.button-group--collapse > :not(:first-child):not(:last-child) * {
  border-radius: 0;
}
.button-group--collapse.no-gaps .button, .button-group--collapse.no-gaps .meeting-polls__button {
  margin-right: 0;
}

.buttons__row {
  display: flex;
  flex-direction: row;
}
.buttons__row > * {
  margin: 0 0.25rem;
}
.buttons__row > :first-child {
  margin-left: 0;
}
.buttons__row > :last-child {
  margin-right: 0;
}

.buttons__column {
  display: flex;
  flex-direction: column;
}
.buttons__column > * {
  margin: 0.25rem 0;
}
.buttons__column > :first-child {
  margin-top: 0;
}
.buttons__column > :last-child {
  margin-bottom: 0;
}

/* Extra buttons styles */
.button--shadow.primary {
  color: #fff;
  background-color: black;
}
.button--shadow.secondary {
  color: #fff;
  background-color: #80753c;
}
.button--shadow.success {
  color: #fff;
  background-color: #003d32;
}
.button--shadow.warning {
  color: #fff;
  background-color: #806d04;
}
.button--shadow.alert {
  color: #fff;
  background-color: #62091f;
}
.button--shadow.muted {
  color: #fff;
  background-color: #272727;
}

.button--icon {
  display: flex;
  align-items: center;
  position: relative;
}
.button--icon .icon-wrap {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.85em;
  border-right: 1px solid #fff;
  height: 100%;
  min-width: 3.5em;
  white-space: no-wrap;
  padding-right: 5px;
}
.button--icon .icon-wrap .icon {
  margin: 0;
  vertical-align: bottom;
}
.button--icon .text-wrap {
  display: block;
  margin-left: 2rem;
}
.button--icon .icon {
  margin: 0 2px;
}
.button--icon.hollow .icon-wrap, .button--icon.meeting-polls__button .icon-wrap {
  border-right: 1px solid var(--primary);
}
.button--icon.hollow.secondary .icon-wrap, .button--icon.secondary.meeting-polls__button .icon-wrap {
  border-right: 1px solid var(--secondary);
}
.button--icon.small .icon-wrap, .button--icon.meeting-polls__button .icon-wrap {
  padding: 0.5rem;
  min-width: 2.5rem;
}
.button--icon.small .icon, .button--icon.meeting-polls__button .icon {
  width: 12px;
  height: 12px;
}

.button--nomargin, .meeting-polls__button {
  margin: 0;
}

.button--frosted {
  background-color: rgba(255, 255, 255, 0.65);
  color: var(--primary);
}

.button--muted {
  background-color: #4d4d4d;
}
.button--muted:hover {
  background-color: var(--primary);
}
.button--muted.hollow, .button--muted.meeting-polls__button {
  border-color: #4d4d4d;
}

.button--sc {
  letter-spacing: 0.05em;
  font-weight: 600;
  text-transform: uppercase;
}
.button--sc.hollow, .button--sc.meeting-polls__button {
  letter-spacing: 0.01em;
}
.button--sc.large {
  font-size: 1rem;
}

.button__info {
  text-transform: none;
  font-weight: normal;
  font-size: 80%;
  margin-top: 0.25rem;
  display: block;
}

.link {
  cursor: pointer;
  color: var(--secondary);
  font-weight: 500;
}
.link:hover {
  color: black;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}

.link-alt {
  cursor: pointer;
  color: #000;
  font-weight: 500;
}
.link-alt:hover {
  color: black;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}

.muted-link {
  font-weight: 600;
  color: #4d4d4d;
}
.muted-link:hover {
  color: #000;
  text-decoration: underline;
}

.show-more {
  text-align: center;
  margin-bottom: 1rem;
}

/* Social buttons */
.button--social {
  position: relative;
  padding: 0 1.5rem 0 0;
  text-align: left;
  display: block;
  min-width: 250px;
}
.button--social::after {
  content: "";
  clear: both;
}

.button--social__icon,
.button--social__text {
  display: block;
  padding: 0.85em 1rem;
}

.button--social__icon {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  vertical-align: middle;
  padding: 0.85em 1rem;
  border-right: 1px solid rgba(0, 0, 0, 0.075);
  margin-right: 0.5rem;
  min-width: 3rem;
  text-align: center;
}

.button--social__text {
  margin-left: 3rem;
}

.button--social--mini {
  padding: 0;
  min-width: 0;
}
.button--social--mini .button--social__icon {
  border: 0;
  padding: 0.85em 0;
  margin-right: 0;
}

.button--twitter {
  background-color: var(--twitter);
}
.button--twitter:hover {
  background-color: var(--twitter);
  filter: brightness(90%);
}

.button--facebook {
  background-color: var(--facebook);
}
.button--facebook:hover {
  background-color: var(--facebook);
  filter: brightness(90%);
}

.button--google {
  background-color: var(--google);
  font-family: Roboto;
}
.button--google:hover {
  background-color: var(--google);
  filter: brightness(90%);
}
.button--google .button--social__icon {
  padding: 0;
}
.button--google .button--social__icon svg.icon {
  fill: inherit;
  width: inherit;
  height: inherit;
  margin-top: 2px;
  /*
   * This is a hack to comply with google guidelines
   * https://developers.google.com/identity/branding-guidelines
   * Currently the icons.svg file have the wrong google icon, until that's fixed
   * google icon can be specified in secrets.yml with icon_path: decidim/brands/google.svg
   * however to facilitate upgrades this provides a fallback
   */
  max-width: 42px;
  max-height: 42px;
}
.button--google .button--social__icon svg.icon.icon--google {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/google-b8225d6a9b718fa1749f.svg);
}
.button--google .button--social__icon svg.icon.icon--google > use {
  display: none;
}
.button--google.button--social--mini .button--social__icon {
  font-size: 0;
  min-width: auto;
  padding: 0;
}
.button--google.button--social--mini .button--social__icon svg.icon {
  margin: 1px;
}

/* Froms foundation overwrites */
.input-group .input-group-field:focus, .input-group .user-nickname label .row > span:focus:last-of-type, .user-nickname label .input-group .row > span:focus:last-of-type {
  position: relative;
  z-index: 10;
}

.input-group-button button {
  height: 2.5rem;
  padding: 0.5rem 1rem;
}

label.has-tribute,
.field.has-tribute {
  position: relative;
}
label.has-tribute .tribute-container,
.field.has-tribute .tribute-container {
  top: auto;
  margin-top: -2rem;
  max-width: none;
  width: 100%;
}

.help-text {
  display: block;
  line-height: 1.2;
  margin: -1rem 0 2rem;
}

.form-input-extra-before,
.form-input-extra-after {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: -2rem;
}

#registration_user_nickname_characters {
  margin-top: 1rem;
}

.form-input-extra-before {
  margin-bottom: 1rem;
}

.form-input-extra-after {
  margin-bottom: 2rem;
}

label > [type=checkbox],
label > [type=radio] {
  margin-bottom: 0;
}

/* Switch additional styles */
.switch-with-label > label {
  display: flex;
  align-items: center;
  line-height: 1.2;
}
.switch-with-label .switch-paddle {
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}
.switch-with-label, .switch-with-label.tiny {
  height: auto;
}

.switch input.switch-input:active + .switch-paddle, .switch input.switch-input:focus + .switch-paddle {
  outline: 3px solid #0072c6;
  outline-color: var(--highlight);
  outline-offset: 0;
}

.checkboxes {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.checkboxes::after {
  /* Align last row to left */
  min-width: 200px;
  content: "";
}
.checkboxes label {
  min-width: 200px;
}
.checkboxes label input[type=checkbox] {
  vertical-align: middle;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea,
select,
.inline-filters button[data-toggle],
input[type=file],
input[type=checkbox],
input[type=radio] {
  outline: 0;
}
[type=text]:active, [type=text]:focus, [type=password]:active, [type=password]:focus, [type=date]:active, [type=date]:focus, [type=datetime]:active, [type=datetime]:focus, [type=datetime-local]:active, [type=datetime-local]:focus, [type=month]:active, [type=month]:focus, [type=week]:active, [type=week]:focus, [type=email]:active, [type=email]:focus, [type=number]:active, [type=number]:focus, [type=search]:active, [type=search]:focus, [type=tel]:active, [type=tel]:focus, [type=time]:active, [type=time]:focus, [type=url]:active, [type=url]:focus, [type=color]:active, [type=color]:focus,
textarea:active,
textarea:focus,
select:active,
.inline-filters button[data-toggle]:active,
select:focus,
.inline-filters button[data-toggle]:focus,
input[type=file]:active,
input[type=file]:focus,
input[type=checkbox]:active,
input[type=checkbox]:focus,
input[type=radio]:active,
input[type=radio]:focus {
  outline: 3px solid #0072c6;
  outline-color: var(--highlight);
  outline-offset: 0;
}

.emoji__container {
  position: relative;
}
.emoji__trigger {
  position: relative;
  top: -2rem;
}
.emoji__button {
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
  cursor: pointer;
}
.emoji__button svg {
  width: 1em;
}

.icon {
  width: 0.875em;
  height: 0.875em;
  fill: currentColor;
}
.icon.primary {
  color: var(--primary);
}
.icon.secondary {
  color: var(--secondary);
}
.icon.success {
  color: var(--success);
}
.icon.warning {
  color: var(--warning);
}
.icon.alert {
  color: var(--alert);
}
.icon.muted {
  color: #4d4d4d;
}

.icon--small {
  width: 0.625em;
  height: 0.625em;
}

.icon--big {
  width: 1.5em;
  height: 1.5em;
}

.icon--large {
  width: 1.875em;
  height: 1.875em;
}

.icon--action {
  fill: rgba(0, 0, 0, 0.2);
}

.icon--container {
  display: inline-flex;
  align-items: center;
}

.icon--action:hover,
a:hover .icon--action {
  fill: currentColor;
}

.icon--after {
  margin-left: 0.3rem;
}

.icon--before {
  margin-right: 0.3rem;
}

.icon--share {
  margin-bottom: -2px;
  width: 12px;
  height: 12px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Reveal foundation overwrites */
@media print, screen and (max-width: 28.12375em) {
  .reveal {
    width: 95%;
    left: 2.5%;
    top: 2rem;
    height: auto;
    min-height: auto;
  }
}
.reveal__header {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
}
.reveal__header.reveal__header--nomargin {
  margin-bottom: 0;
}

.reveal .calendar-url-description {
  margin-bottom: 0.5rem;
}
.reveal .calendar_url_input {
  margin-top: 1rem;
}
.reveal #urlCalendarUrl {
  cursor: auto;
}

.reveal__footer {
  border-top: 1px solid #ccc;
}
.reveal__footer .buttons {
  display: flex;
  justify-content: center;
  padding: 10px 0 50px;
}
@media print, screen and (min-width: 36em) {
  .reveal__footer .buttons {
    padding-bottom: 0;
    margin-bottom: -1rem;
  }
}

.reveal__bg {
  background-color: #f4f4f4;
}

.reveal__title {
  margin-top: -6px;
}

.reveal__list li {
  display: flex;
}
.reveal__list li.selected {
  background-color: rgba(255, 218, 7, 0.3);
  justify-content: space-between;
}
.reveal__list li.selected svg {
  color: #007a64;
  align-self: center;
}
.reveal__list li:hover {
  cursor: pointer;
}
.reveal__list li:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

.reveal__trigger {
  cursor: pointer;
}

.reveal__buttons {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
}

.external-domain-warning .card-section {
  padding: 0;
}
.external-domain-warning .buttons {
  display: flex;
  justify-content: center;
}
.external-domain-warning .buttons .button, .external-domain-warning .buttons .meeting-polls__button {
  margin: 0;
}

.wrapper {
  padding: 1.2rem 1rem;
  position: relative;
}
@media print, screen and (min-width: 36em) {
  .wrapper {
    padding: 3rem 1.5rem;
  }
}
@media print, screen and (min-width: 62em) {
  .wrapper {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.wrapper-mini {
  padding: 1.2rem 1rem 0;
  position: relative;
}
@media print, screen and (min-width: 36em) {
  .wrapper-mini {
    padding: 2rem 1.5rem 0;
  }
}
@media print, screen and (min-width: 62em) {
  .wrapper-mini {
    padding: 3rem 4rem 0;
  }
}

.wrapper--inner {
  background: #f4f4f4;
  padding-top: 1rem;
}

html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100%;
}
@media print, screen and (max-width: 35.99875em) {
  body {
    background-color: #525a65;
  }
}

.footer-separator {
  flex-grow: 1;
}

.off-canvas-wrapper {
  background-color: #ebedf1;
}

.off-canvas-wrapper,
.off-canvas-wrapper-inner,
.off-canvas-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.off-canvas {
  background-color: #525a65;
}
.off-canvas .close-button {
  color: #ebedf1;
  padding: 0.2rem 0.5rem;
  margin-right: -0.5rem;
}

.translation-bar a.button, .translation-bar a.meeting-polls__button {
  margin-bottom: 0;
  margin-top: -4px;
  margin-right: 5px;
}

/* Variables */
/* Navigation */
.navbar {
  background: #525a65;
}
.navbar a:focus,
.navbar .button:focus,
.navbar .meeting-polls__button:focus {
  outline-color: var(--highlight-alternative);
}

/* Title bar */
.title-bar {
  position: relative;
}
@media print, screen and (max-width: 35.99875em) {
  .title-bar {
    border-top: 2.125rem solid #525a65;
  }
}
.title-bar .skip {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
.title-bar .skip:focus, .title-bar .skip:active {
  background-color: #000;
  color: #fff;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: auto;
  margin: 10px;
  padding: 5px;
  font-size: 1.4em;
  z-index: 999;
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  position: absolute;
}
.title-bar .skip:focus {
  outline-color: var(--highlight-alternative);
}
.title-bar a:focus,
.title-bar .button:focus,
.title-bar .meeting-polls__button:focus {
  outline-color: var(--highlight-alternative);
}

.logo-cityhall {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  margin-top: -1.95rem;
  text-align: right;
}
.logo-cityhall img {
  width: auto;
  height: 22px !important;
}
@media print, screen and (min-width: 36em) {
  .logo-cityhall {
    top: 50%;
    margin-top: -19px;
  }
  .logo-cityhall img {
    height: 38px !important;
  }
}

.topbar__search {
  position: relative;
  max-width: 220px;
}
.topbar__search input {
  color: #fff;
  border-color: transparent;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.02);
  margin-top: 8px;
  display: inline-block;
  border-radius: 4px 0 0 4px;
  transition: 0.3s all;
  height: 2.5rem;
}
.topbar__search input:focus {
  color: #fff;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.02);
  outline-color: var(--highlight-alternative);
}
@media print, screen and (min-width: 36em) {
  .topbar__search input {
    background: #525a65;
  }
}
.topbar__search .input-group-button {
  position: relative;
  height: 1px;
  vertical-align: top;
}
.topbar__search .button-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.topbar__search button {
  padding: 5px 10px;
  border-radius: 0 0 0 0;
  transition: 0.3s all;
}
.topbar__search form:first-child {
  display: inline-flex;
}
.topbar__search .input-group {
  margin-bottom: 0;
}
.topbar__search:not(:focus-within) button {
  background-color: rgba(255, 255, 255, 0.02);
  color: rgba(255, 255, 255, 0.5);
}
@media print, screen and (min-width: 36em) {
  .topbar__search:not(:focus-within) button {
    background: #525a65;
  }
}
.topbar__search:focus-within input {
  background-color: #ebedf1;
  color: #000;
  border: 0;
}
.topbar__search:focus-within input::placeholder {
  color: #525a65;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .topbar__search {
    overflow: hidden;
  }
}
/* Top bar */
.topbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.topbar > div {
  flex: 0 0 auto;
  display: flex;
}
.topbar > div.logo-wrapper {
  flex: 1 0 auto;
}

.logo-wrapper {
  line-height: 0;
}
.logo-wrapper a {
  display: inline-block;
}
.logo-wrapper img {
  display: block;
  max-height: 33px;
}
@media print, screen and (min-width: 48em) {
  .logo-wrapper img {
    max-height: 45px;
  }
}

/* Dropmenus in topbar */
.topbar__dropmenu {
  display: inline-block;
  vertical-align: middle;
  padding-top: 0;
  margin-left: 2rem;
}
.topbar__dropmenu .dropdown > li > a {
  background: transparent;
  padding-left: 0;
}
.topbar__dropmenu .dropdown {
  display: inline-block;
  vertical-align: middle;
}
.topbar__dropmenu .is-dropdown-submenu {
  z-index: 701;
  text-align: left;
  padding: 0;
  background-color: #fff;
  border: 1px solid #ebedf1;
  border-radius: 4px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  min-width: 150px;
}
.topbar__dropmenu .is-dropdown-submenu::after, .topbar__dropmenu .is-dropdown-submenu::before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.topbar__dropmenu .is-dropdown-submenu::after {
  border-color: rgba(235, 237, 241, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.topbar__dropmenu .is-dropdown-submenu::before {
  border-color: rgba(235, 237, 241, 0);
  border-bottom-color: #fff;
  border-width: 11px;
  margin-left: -11px;
}
.topbar__dropmenu .is-dropdown-submenu li {
  padding: 0.5rem;
}
.topbar__dropmenu .is-dropdown-submenu li a {
  padding: 0.5rem;
  color: #000;
}
.topbar__dropmenu .is-dropdown-submenu li a:hover, .topbar__dropmenu .is-dropdown-submenu li a:focus {
  color: #333333;
  text-decoration: underline;
}
.topbar__dropmenu .is-dropdown-submenu li:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.topbar__dropmenu .is-dropdown-submenu li:hover, .topbar__dropmenu .is-dropdown-submenu li:focus {
  cursor: pointer;
  background-color: rgba(var(--secondary-rgb), 0.05);
  text-decoration: underline;
}
.topbar__dropmenu #topbar__language-choose .is-dropdown-submenu {
  transform: translateX(-12%);
  top: 110%;
}
.topbar__dropmenu #topbar__user-notifications .is-dropdown-submenu {
  transform: translateX(-47%);
  top: 110%;
}
.topbar__dropmenu #topbar__user-profile .is-dropdown-submenu {
  transform: translateX(-40%);
  top: 110%;
}

.topbar__dropmenu > ul > li > a {
  color: #ccc;
}
.topbar__dropmenu > ul > li > a:hover {
  text-decoration: underline;
}
.topbar__dropmenu > ul > li > a::after {
  margin-top: -1px !important;
  border-top-color: #ccc !important;
}

@media print, screen and (max-width: 35.99875em) {
  .language-choose {
    font-size: 0.8rem;
    position: absolute;
    top: -2.2rem;
    left: 0.5rem;
    margin-left: 0;
  }
  .language-choose:hover, .language-choose:focus {
    text-decoration: underline;
  }
  .language-choose .dropdown.menu > li.is-dropdown-submenu-parent > a::after, .language-choose .dropdown.tabs.expanded > li.is-dropdown-submenu-parent > a::after {
    border-width: 3px;
    right: 10px;
    margin-top: 0;
  }
  .language-choose .dropdown.menu > li.is-dropdown-submenu-parent > a::after:hover, .language-choose .dropdown.tabs.expanded > li.is-dropdown-submenu-parent > a::after:hover, .language-choose .dropdown.menu > li.is-dropdown-submenu-parent > a::after:focus, .language-choose .dropdown.tabs.expanded > li.is-dropdown-submenu-parent > a::after:focus {
    text-decoration: underline;
  }
}

.topbar__user {
  display: inline-block;
  padding-right: 2.5rem;
  margin-left: 2rem;
}
@media (min-width: 81.25em) {
  .topbar__user {
    padding-right: 0;
  }
}

.topbar__user__logged {
  text-align: right;
  padding-right: 2.5rem;
  display: none;
}
.topbar__user__logged .dropdown.menu > li.is-dropdown-submenu-parent > a::after, .topbar__user__logged .dropdown.tabs.expanded > li.is-dropdown-submenu-parent > a::after {
  display: none;
}
@media print, screen and (min-width: 36em) {
  .topbar__user__logged {
    display: block;
  }
  .topbar__user__logged .dropdown.menu > li.is-dropdown-submenu-parent > a::after, .topbar__user__logged .dropdown.tabs.expanded > li.is-dropdown-submenu-parent > a::after {
    display: block;
  }
  .topbar__user__logged .dropdown.menu > li.is-dropdown-submenu-parent > a::after:hover, .topbar__user__logged .dropdown.tabs.expanded > li.is-dropdown-submenu-parent > a::after:hover, .topbar__user__logged .dropdown.menu > li.is-dropdown-submenu-parent > a::after:focus, .topbar__user__logged .dropdown.tabs.expanded > li.is-dropdown-submenu-parent > a::after:focus {
    text-decoration: underline;
  }
}
@media (min-width: 81.25em) {
  .topbar__user__logged {
    padding-right: 0;
  }
}

.topbar__user__logged__picture {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid #ccc;
  object-fit: cover;
}

.topbar__user__logged__name {
  color: #000;
}
.topbar__user__logged__name > * {
  display: block;
}

.topbar__notifications,
.topbar__conversations {
  margin-right: 1rem;
  vertical-align: -4px;
}
.topbar__notifications .icon,
.topbar__conversations .icon {
  fill: #fff;
  opacity: 0.3;
}
.topbar__notifications.is-active .icon,
.topbar__conversations.is-active .icon {
  fill: #ffda07;
  opacity: 1;
}

.topbar__notifications__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #4d4d4d;
  width: 250px;
  display: flex;
  flex-direction: row;
}
.topbar__notifications__item > * {
  margin: 0 0.5rem;
}
.topbar__notifications__item > :first-child {
  margin-left: 0;
}
.topbar__notifications__item > :last-child {
  margin-right: 0;
}
.topbar__notifications__item strong {
  color: #000;
}
.topbar__notifications__item :last-child {
  flex: 1;
}
.topbar__notifications__item :last-child > * {
  display: block;
}

.topbar__notifications__item--more {
  text-align: center;
  background-color: #f4f4f4;
  color: #000;
  font-size: 90%;
}

.topbar__user__login {
  text-align: right;
  line-height: 1.2;
}
.topbar__user__login a {
  color: #ccc;
  font-weight: 600;
}
@media print, screen and (min-width: 36em) {
  .topbar__user__login a {
    margin-left: 1rem;
  }
}
.topbar__user__login a:hover {
  text-decoration: underline;
}
.topbar__user__login a::before {
  content: "";
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: inline-block;
  width: 1px;
  height: 2px;
  border-left: 1px solid #ccc;
  vertical-align: middle;
}
@media print, screen and (min-width: 36em) {
  .topbar__user__login a::before {
    display: none;
  }
}
@media print, screen and (min-width: 36em) {
  .topbar__user__login a:first-of-type {
    margin-left: 0;
  }
}
.topbar__user__login a:first-of-type::before {
  display: none;
}

/* Menu icon and off-canvas */
.topbar__menu {
  text-align: right;
  font-size: 20px;
  margin-right: 0.1rem;
}
.topbar__menu button {
  color: inherit;
}

.topbar__admin__link a {
  color: #ccc;
}
.topbar__admin__link a:hover {
  background: rgba(255, 255, 255, 0.02);
  color: #fff;
}
.topbar__admin__link ~ .topbar__admin__link {
  margin-left: 1rem;
}

.usermenu-off-canvas-holder .usermenu-off-canvas {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.usermenu-off-canvas-holder .usermenu-off-canvas.is-dropdown-submenu {
  display: block;
  position: static;
  background: transparent;
  border-left: 0;
  border-right: 0;
}
.usermenu-off-canvas-holder .usermenu-off-canvas a {
  display: block;
  padding: 1em 2em;
  color: rgba(255, 255, 255, 0.5);
}
.usermenu-off-canvas-holder .usermenu-off-canvas a:hover, .usermenu-off-canvas-holder .usermenu-off-canvas a:focus {
  background: rgba(255, 255, 255, 0.02);
  color: #fff;
  text-decoration: underline;
}

.off-canvas .topbar__user__login {
  text-align: center;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

/* Main nav */
.main-nav ul {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media print, screen and (min-width: 36em) {
  .main-nav ul {
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    display: flex;
  }
  .main-nav ul > li {
    display: inline-block;
    flex: 1;
    text-align: center;
  }
}

.main-nav__link a {
  position: relative;
  display: block;
  padding: 1em 2em;
  color: rgba(255, 255, 255, 0.5);
}
.main-nav__link a:hover {
  background: rgba(255, 255, 255, 0.02);
  color: #fff;
  text-decoration: underline;
}
.main-nav__link a:focus {
  z-index: 1;
  color: #fff;
  text-decoration: underline;
  outline-offset: -2px;
}
@media print, screen and (min-width: 36em) {
  .main-nav__link a {
    padding: 0.75em 2em;
  }
}

.main-nav__link--active a {
  box-shadow: inset 4px 0 0 0 var(--primary);
  color: #fff;
  background: rgba(255, 255, 255, 0.02);
}
@media print, screen and (min-width: 36em) {
  .main-nav__link--active a {
    box-shadow: inset 0 4px 0 0 var(--primary);
  }
}

/* Variables */
/* Main container */
.main-container {
  background: #fff;
  border: 1px solid #ccc;
}

.main-container__content {
  padding: 1rem 0.5rem;
}
@media print, screen and (min-width: 36em) {
  .main-container__content {
    padding: 2rem 2rem;
  }
}

/* Main container side panel */
@media print, screen and (min-width: 36em) {
  .main-container--side-panel {
    display: flex;
  }
}

.side-panel {
  background-color: #f4f4f4;
  min-height: 100%;
  border-bottom: 1px solid #ccc;
}
@media print, screen and (min-width: 36em) {
  .side-panel {
    border-bottom: 0;
    border-right: 1px solid #ccc;
  }
}

.side-panel__tabs {
  border: none;
}
.side-panel__tabs .tabs-title {
  border-bottom: 1px solid #ccc;
}
@media print, screen and (min-width: 36em) {
  .side-panel__tabs .tabs-title:last-of-type {
    margin-bottom: 4rem;
  }
}
.side-panel__tabs .tabs-title > [role=tab],
.side-panel__tabs .tabs-title > a {
  color: #000;
}
.side-panel__tabs .tabs-title > [role=tab]:hover,
.side-panel__tabs .tabs-title > a:hover {
  color: #000;
}
.side-panel__tabs .tabs-title.is-active > [role=tab], .side-panel__tabs .tabs-title.is-active > a {
  color: #000;
  box-shadow: inset 4px 0 0 var(--primary);
}

.main-footer,
.mini-footer {
  color: #ccc;
}
.main-footer .link-separator,
.mini-footer .link-separator {
  margin: 0 0.5rem;
}
.main-footer a,
.mini-footer a {
  color: #666666;
}
.main-footer a:hover,
.mini-footer a:hover {
  color: #999999;
  text-decoration: underline;
}
.main-footer a:focus,
.mini-footer a:focus {
  outline-color: var(--highlight-alternative);
}

.main-footer {
  background-color: #000;
  position: relative;
  padding: 1rem 0;
  min-height: 76px;
}

.main-footer__badge {
  display: block;
  width: 140px;
}
@media print, screen and (min-width: 62em) {
  .main-footer__badge {
    position: absolute;
  }
}

.main__footer__nav {
  text-align: center;
}
@media print, screen and (min-width: 36em) {
  .main__footer__nav {
    text-align: left;
  }
}
@media print, screen and (min-width: 62em) {
  .main__footer__nav {
    text-align: center;
  }
}

.footer-nav {
  list-style: none;
  padding-top: 0.5rem;
  margin: 0 0 0 -1rem;
}
.footer-nav li {
  display: inline-block;
  padding: 0 1rem;
}
@media print, screen and (min-width: 62em) {
  .footer-nav {
    margin-left: 0;
  }
}

.main__footer__social {
  text-align: center;
}
@media print, screen and (min-width: 36em) {
  .main__footer__social {
    text-align: right;
  }
}

.footer-social {
  list-style: none;
  padding-top: 0.5rem;
  margin: 0;
}
.footer-social li {
  display: inline-block;
  padding-left: 1rem;
}
.footer-social li:first-child {
  padding-left: 0;
}

.footer-social__icon .icon {
  width: 16px;
  height: 16px;
}

.mini-footer {
  padding: 1rem 0;
  background-color: #000;
}

.cc-badge {
  margin-right: 0.5rem;
}

.decidim-logo {
  display: block;
  width: 140px;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 36em) {
  .static-with-nav {
    display: flex;
  }
}

.static-nav {
  min-height: 100%;
}
.static-nav .list-latin {
  list-style-type: upper-latin;
}
.static-nav ul {
  margin-left: 0.5rem;
}
.static-nav li {
  color: gray;
  line-height: 1.2;
  margin-bottom: 0.8rem;
}
.static-nav a {
  color: #000;
}
.static-nav a:hover {
  color: #000;
}

.static__message {
  text-align: center;
  padding: 2rem 1rem;
}
@media print, screen and (min-width: 36em) {
  .static__message {
    padding: 4rem 1.5rem;
  }
}

.static__message__cta {
  margin-top: 2rem;
}

.card-grid {
  display: flex;
  flex-wrap: wrap;
}
.card-grid::before {
  width: 0;
}
.card-grid .column, .card-grid .columns {
  margin-bottom: 16px;
}
.card-grid .card, .card-grid .chart-tooltip, .card-grid .conference-registration, .card-grid .conference-speaker .speaker-bio, .conference-speaker .card-grid .speaker-bio, .card-grid .add-message, .card-grid .comment-thread {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.card-grid .card__content, .card-grid .badge-card__content {
  flex-grow: 1;
}

/* Variables */
/* Cards */
.card, .chart-tooltip, .conference-registration, .conference-speaker .speaker-bio, .add-message, .comment-thread {
  margin-bottom: 16px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  overflow: visible;
  overflow-wrap: break-word;
  hyphens: auto;
}
.card.primary, .primary.chart-tooltip, .primary.conference-registration, .conference-speaker .primary.speaker-bio, .primary.add-message, .primary.comment-thread {
  border-top-width: 8px;
  border-top-color: var(--primary);
}
.card.secondary, .secondary.chart-tooltip, .secondary.conference-registration, .conference-speaker .secondary.speaker-bio, .secondary.add-message, .secondary.comment-thread {
  border-top-width: 8px;
  border-top-color: var(--secondary);
}
.card.success, .success.chart-tooltip, .success.conference-registration, .conference-speaker .success.speaker-bio, .success.add-message, .success.comment-thread {
  border-top-width: 8px;
  border-top-color: var(--success);
}
.card.warning, .warning.chart-tooltip, .warning.conference-registration, .conference-speaker .warning.speaker-bio, .warning.add-message, .warning.comment-thread {
  border-top-width: 8px;
  border-top-color: var(--warning);
}
.card.alert, .alert.chart-tooltip, .alert.conference-registration, .conference-speaker .alert.speaker-bio, .alert.add-message, .alert.comment-thread {
  border-top-width: 8px;
  border-top-color: var(--alert);
}
.card.muted, .muted.chart-tooltip, .muted.conference-registration, .conference-speaker .muted.speaker-bio, .muted.add-message, .muted.comment-thread {
  border-top-width: 8px;
  border-top-color: rgba(77, 77, 77, 0.3);
}

.card--nomargin {
  margin-bottom: 0;
}

.card--secondary {
  background: #f4f4f4;
  box-shadow: none;
}

.card__content, .badge-card__content {
  padding: 1rem;
}
.card__content:not(:only-child), .badge-card__content:not(:only-child) {
  padding-bottom: 0.5rem;
}
@media print, screen and (min-width: 36em) {
  .card__content, .badge-card__content {
    padding: 1.5rem;
  }
  .card__content:not(:only-child), .badge-card__content:not(:only-child) {
    padding-bottom: 0.75rem;
  }
}

.card__content--center {
  text-align: center;
}

.card__extra {
  background: #f4f4f4;
  padding: 1rem;
}

a.card__title:hover,
a .card__title:hover {
  text-decoration: underline;
}

.card__header {
  margin-bottom: 0.75rem;
}
.card__header .card__title {
  margin-bottom: 0.5rem;
}
.card__header.collapse {
  margin-bottom: 0;
}

.card__button {
  margin-bottom: 0;
  cursor: pointer;
}

.card__type {
  background: #f4f4f4;
  padding: 0.1rem 1rem;
  margin-top: 0.5rem;
  margin-bottom: -0.75rem;
  font-size: 80%;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #4d4d4d;
  display: flex;
  align-self: flex-start;
  align-items: center;
}
.card__type .icon {
  width: 14px;
  height: 14px;
  fill: #4d4d4d;
  margin-right: 0.2rem;
}

.card__text:first-child {
  margin-top: -0.25em;
}
.card__text a:hover {
  color: #ffd911;
  text-decoration: underline;
}
.card__text .card__text--status {
  font-weight: bold;
  text-transform: uppercase;
}
.card__text .card__text--status::after {
  content: " ";
}
.card__text .card__text--status.primary {
  color: var(--primary);
}
.card__text .card__text--status.secondary {
  color: var(--secondary);
}
.card__text .card__text--status.success {
  color: var(--success);
}
.card__text .card__text--status.warning {
  color: var(--warning);
}
.card__text .card__text--status.alert {
  color: var(--alert);
}
.card__text .card__text--status.muted {
  color: #4d4d4d;
}
.card__text .card__text--category {
  display: block;
  margin-top: 0.5rem;
}
.card__text:not(:last-child) {
  margin-bottom: 0.5rem;
}
.card__text.card--picture-offset {
  margin-left: calc(3.375rem + 0.5rem);
}

.card__text--separated-mid-dot > *:not(:last-child)::after {
  content: " · ";
}

.card__image, .badge-container .badge__logo, .badge-container .badge__logo--small {
  width: 100%;
  max-height: 10rem;
  min-height: 5rem;
  object-fit: cover;
}
.card__image.card__image--smaller, .badge-container .card__image--smaller.badge__logo, .badge-container .card__image--smaller.badge__logo--small {
  max-height: 5rem;
}
.card__image.card__image--larger, .badge-container .card__image--larger.badge__logo, .badge-container .card__image--larger.badge__logo--small {
  max-height: 20rem;
  min-height: 10rem;
}

/* Card datetime */
.card__datetime {
  flex-shrink: 0;
  text-align: center;
  margin-bottom: 1rem;
  padding: 0.5rem;
  font-weight: 600;
  display: flex;
  align-items: baseline;
  border-left: 4px solid var(--primary);
  background: #f4f4f4;
  line-height: 1;
}

.card__datetime__date {
  font-size: 1.4rem;
  margin-right: 1rem;
}

.card__datetime__month {
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 1.2rem;
}

.card__datetime__time {
  font-size: 0.8rem;
}

/* Card footer */
.card__footer, .card__top {
  background: #f4f4f4;
  border-top: 1px solid #ccc;
  border-radius: 0 0 0 0;
  clear: both;
}
.card__footer .card__content, .card__footer .badge-card__content, .card__top .card__content, .card__top .badge-card__content {
  display: flex;
}

.card__footer--transparent {
  background: transparent;
}

.card__footer--data {
  display: flex;
  align-items: center;
}
.card__footer--data .card__content, .card__footer--data .badge-card__content {
  flex-grow: 1;
}
.card__footer--data .card-data {
  flex-direction: column;
}
.card__footer--data .card-data__item {
  flex-basis: auto;
  border-right: none;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.card__footer--data .card-data__item:last-of-type {
  border-bottom: none;
}

.card__author {
  margin-bottom: 0.5rem;
}
.card__author [data-toggler] {
  margin-bottom: -0.5rem;
}
.card__author.inline-block {
  display: inline-block;
}

.card__voting {
  display: inline-block;
  text-align: center;
}

.card__vote-number {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
}

/* Card activity date */
.card__activity-date {
  margin-bottom: 0.5rem;
}
.card__activity-date.inline-block {
  display: inline-block;
}
.card__activity-date.inline-block.before-content::before {
  content: "";
  margin-right: 0.8rem;
  border-right: 1px solid #ccc;
  height: 0.7rem;
  display: inline-block;
  vertical-align: middle;
}

/* Card data */
.card-data {
  list-style: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.card-data a:hover {
  text-decoration: underline;
}
.card-data span:focus {
  outline: 2px solid #007293;
  outline-color: var(--highlight);
  outline-offset: 2px;
}

.card-data__item {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-basis: 33.33%;
  flex-grow: 1;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1;
  color: #4d4d4d;
  padding: 0.5em;
  border-right: 1px solid #ccc;
  margin-right: -1px;
  border-top: 1px solid #ccc;
  margin-top: -1px;
}
.card-data__item .card-data__item--centerblock {
  margin: 0 auto;
}
.card-data__item.card-data__item--expand {
  line-height: 1.5;
}
.card-data__item.creation_date_status strong {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  color: #000;
}
.card-data__item [data-toggle] {
  margin-bottom: 0;
}

.card-data__item__number, .card--list__data__number {
  display: block;
  line-height: 1;
  font-weight: 600;
  font-size: 1.25rem;
  color: #000;
  margin-bottom: 0.2rem;
}

.card-data__item--multiple {
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: flex;
  flex-direction: row;
}
.card-data__item--multiple > * {
  margin: 0 0.5rem;
}
.card-data__item--multiple > :first-child {
  margin-left: 0;
}
.card-data__item--multiple > :last-child {
  margin-right: 0;
}
.card-data__item--multiple > div {
  text-align: left;
  display: block;
}

/* Card popularity */
.card__popularity {
  padding: 1.5rem;
  text-align: center;
}
.card__popularity .icon {
  fill: #ccc;
}

.card__popularity__data {
  text-align: center;
  font-size: 85%;
  line-height: 1;
  margin-bottom: 0.2rem;
  color: #4d4d4d;
}

/* Card support */
.card__support {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}
@media print, screen and (min-width: 36em) {
  .card__support {
    padding: 1.5rem;
  }
}
.card__support > *:only-child {
  margin-left: auto;
}
.card__support .card__button {
  font-size: 0.9rem;
}

.card__support__data, .card__support__data--left {
  text-align: center;
  font-size: 85%;
  line-height: 1;
  margin-bottom: 0.2rem;
  color: #4d4d4d;
}

.card__support__data--left {
  text-align: left;
  text-transform: none;
  margin-bottom: 0;
  color: #4d4d4d;
  max-width: 60%;
}
.card__support__data--left strong {
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card__support__number, .progress__bar .progress__bar__title .progress__bar__number, .progress__bar.progress__bar--vertical .progress__bar__subtitle .progress__bar__number {
  line-height: 1;
  font-weight: 600;
  font-size: 1.25rem;
  color: #000;
}

/* Card with image */
.card__img {
  text-align: center;
}
@media print, screen and (min-width: 62em) {
  .card__img {
    float: right;
    width: 35%;
  }
}

@media print, screen and (min-width: 62em) {
  .card__content--img {
    float: left;
    width: 60%;
  }
}

/* Card Link */
.card__link {
  color: #000;
}
.card__link:hover {
  color: #000;
  text-decoration: underline;
}
.card__link:focus {
  z-index: 2;
  outline: 2px solid #007293;
  outline-offset: 2px;
}

.card__link--block {
  display: block;
}

/* Card list */
.card--list .card--list__item:not(:last-child),
.card--list *:not(:last-child) .card--list__item {
  border-bottom: 1px solid #ccc;
}

.card--list__item {
  display: flex;
  align-items: center;
  padding-left: 1rem;
}
.card--list--mini .card--list__item {
  padding-left: 1rem;
}
.card--list--mini .card--list__item .card__link {
  display: flex;
  align-items: center;
}
@media print, screen and (min-width: 36em) {
  .card--list__item {
    padding-left: 1.5rem;
  }
}
.card--list__item svg {
  flex-basis: 15%;
  flex-shrink: 0;
}
.card--list__item svg + div {
  max-width: calc(85% - 1rem);
  overflow-wrap: break-word;
}

.card--list__icon {
  display: none;
  fill: #000;
}
.card--list__icon.primary {
  fill: var(--primary);
}
.card--list__icon.secondary {
  fill: var(--secondary);
}
.card--list__icon.success {
  fill: var(--success);
}
.card--list__icon.warning {
  fill: var(--warning);
}
.card--list__icon.alert {
  fill: var(--alert);
}
@media print, screen and (min-width: 36em) {
  .card--list__icon {
    margin-right: 1rem;
    display: block;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
  }
}

.card--list__text, .card--list__titled-text, .card--list__author {
  flex-grow: 1;
  flex-shrink: 1;
  display: inline-flex;
  align-items: center;
  padding: 1rem 1rem 1rem 0;
  overflow: visible;
}
.card--list__text.card--list__text--top, .card--list__text--top.card--list__titled-text, .card--list__text--top.card--list__author {
  align-items: start;
}
.card--list--mini .card--list__text, .card--list--mini .card--list__titled-text, .card--list--mini .card--list__author {
  padding: 0.5rem 0.5rem 0.5rem 0;
}
.card--list--mini .card--list__text > *, .card--list--mini .card--list__titled-text > *, .card--list--mini .card--list__author > * {
  flex-grow: 1;
}
.card--list__text .author, .card--list__titled-text .author, .card--list__author .author {
  margin-top: 0.3rem;
  margin-right: 1rem;
}

.card--list__heading {
  margin-bottom: 0;
  display: block;
}
.card--list__heading.heading6 {
  text-transform: unset;
  letter-spacing: unset;
  font-weight: unset;
}

@media print, screen and (max-width: 47.99875em) {
  .card--list .tags {
    display: none;
  }
}

.card--list__data {
  flex-shrink: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 85%;
  min-width: 7rem;
  line-height: 1;
  color: #4d4d4d;
  padding: 1rem;
  background: #f4f4f4;
}
@media print, screen and (min-width: 36em) {
  .card--list__data {
    padding: 1rem 1.5rem;
  }
}
.card--list--mini .card--list__data {
  padding: 0.5rem 1rem;
}

.card--list__data-added {
  background-color: #cce4e0;
}
.card--list__data-added a {
  color: #000;
}

.card--list__check {
  margin-bottom: 0;
  border-radius: 50%;
  align-self: center;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}
.card--list__check--disabled {
  pointer-events: none;
}
.card--list__check--inline {
  display: inline-block;
}
.card--list__check svg {
  flex-basis: auto;
}

.card--list__data__icon .icon, .card--list__data__icon--lg .icon {
  width: 20px;
  height: 20px;
  fill: #4d4d4d;
}
.card--list__data__icon:hover .icon, .card--list__data__icon--lg:hover .icon {
  fill: #000;
}

.card--list__data__icon--lg .icon {
  width: 36px;
  height: 36px;
}

.card--list__data__number {
  font-size: 1.5rem;
}

.card--list__titled-text, .card--list__author {
  flex-wrap: wrap;
}
.card--list__titled-text .card--list__heading, .card--list__author .card--list__heading {
  margin-bottom: 5px;
  width: calc(100% - 28px);
}
.card--list__titled-text .card--list__annotation, .card--list__author .card--list__annotation {
  letter-spacing: 0.03em;
  font-size: 0.7em;
  font-weight: 600;
  text-transform: uppercase;
  width: 28px;
}
.card--list__titled-text .card--list__counter, .card--list__author .card--list__counter {
  background-color: #ffe977;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-left: auto;
  width: 20px;
}
.card--list__titled-text .card--list__counter span, .card--list__author .card--list__counter span {
  display: block;
  line-height: 20px;
  text-align: center;
}

.card--list__author {
  padding: 0.5rem 1rem 0.5rem 0;
  margin-left: -0.5rem;
}
.card--list__author .author {
  margin: 0;
}
.card--list__author .author__avatar img {
  border-radius: 2px;
}

/* Card full width variant */
.card--full {
  margin-bottom: 32px;
}
.card--full:last-child {
  margin-bottom: 0;
}
.card--full .card__title:hover {
  text-decoration: underline;
}
.card--full .card__title:focus {
  outline: 2px solid #007293;
  outline-color: var(--highlight);
  outline-offset: 2px;
}
.card--full .card__content, .card--full .badge-card__content {
  padding: 1.5rem;
}
@media print, screen and (min-width: 62em) {
  .card--full .card__content, .card--full .badge-card__content {
    padding: 3rem;
  }
}

.card--full__image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media print, screen and (min-width: 36em) and (max-width: 47.99875em) {
  .card--full__image {
    min-height: 15rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.card--full__image > .card__content, .card--full__image > .badge-card__content {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 36em) and (max-width: 47.99875em) {
  .card--full__image > .card__content, .card--full__image > .badge-card__content {
    min-width: 50%;
  }
}
@media print, screen and (min-width: 48em) {
  .card--full__image > .card__content, .card--full__image > .badge-card__content {
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.card__image-top {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 10rem;
}
.card--process .card__image-top {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .card--process .card__image-top {
    display: block;
  }
}

/* Card full width process variant */
@media print, screen and (min-width: 48em) {
  .card--process__row {
    display: flex;
  }
  .card--process__column {
    position: relative;
  }
  .card--process__column .card--full__image-wrapper {
    height: 100%;
    overflow: hidden;
  }
  .card--process__column .card--full__image {
    height: 100%;
    position: absolute;
    right: -1px;
    left: 0;
  }
  .card--process__column .card--full__image > img {
    min-height: 100%;
    max-width: initial;
    position: absolute;
  }
}
.card--process__small {
  font-size: 0.9rem;
}
.card--process__small:last-child {
  margin-bottom: 0;
}

.card--mini .card__content, .card--mini .badge-card__content {
  padding: 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.card--mini .card__image-top {
  display: block;
  height: 8rem;
}
.card--mini .card--process__small {
  margin-top: auto;
}

.card__status .card-data__item {
  flex-basis: 20%;
  flex-basis: initial;
  padding: 1em 0.5em;
}
.card__status .card-data__item:empty {
  border-right: 0;
}
.card__status .card-data__item:empty + .card-data__item:not(:empty) {
  border-left: 1px solid #ccc;
}

.card__label {
  display: inline-flex;
  color: #ccc;
  padding: 0 0.5rem;
  font-size: 0.9rem;
  font-weight: bold;
  position: absolute;
  background-color: transparent;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  margin-top: -0.6rem;
  margin-left: 1rem;
  z-index: 0;
}
.card__label::before {
  content: " ";
  height: 1px;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  top: 0.5rem;
}
.card.success .card__label, .success.chart-tooltip .card__label, .success.conference-registration .card__label, .conference-speaker .success.speaker-bio .card__label, .success.add-message .card__label, .success.comment-thread .card__label, .card.secondary .card__label, .secondary.chart-tooltip .card__label, .secondary.conference-registration .card__label, .conference-speaker .secondary.speaker-bio .card__label, .secondary.add-message .card__label, .secondary.comment-thread .card__label, .card.muted .card__label, .muted.chart-tooltip .card__label, .muted.conference-registration .card__label, .conference-speaker .muted.speaker-bio .card__label, .muted.add-message .card__label, .muted.comment-thread .card__label, .card.warning .card__label, .warning.chart-tooltip .card__label, .warning.conference-registration .card__label, .conference-speaker .warning.speaker-bio .card__label, .warning.add-message .card__label, .warning.comment-thread .card__label, .card.alert .card__label, .alert.chart-tooltip .card__label, .alert.conference-registration .card__label, .conference-speaker .alert.speaker-bio .card__label, .alert.add-message .card__label, .alert.comment-thread .card__label {
  margin-top: -0.95rem;
}
.card.success .card__label::before, .success.chart-tooltip .card__label::before, .success.conference-registration .card__label::before, .conference-speaker .success.speaker-bio .card__label::before, .success.add-message .card__label::before, .success.comment-thread .card__label::before, .card.secondary .card__label::before, .secondary.chart-tooltip .card__label::before, .secondary.conference-registration .card__label::before, .conference-speaker .secondary.speaker-bio .card__label::before, .secondary.add-message .card__label::before, .secondary.comment-thread .card__label::before, .card.muted .card__label::before, .muted.chart-tooltip .card__label::before, .muted.conference-registration .card__label::before, .conference-speaker .muted.speaker-bio .card__label::before, .muted.add-message .card__label::before, .muted.comment-thread .card__label::before, .card.warning .card__label::before, .warning.chart-tooltip .card__label::before, .warning.conference-registration .card__label::before, .conference-speaker .warning.speaker-bio .card__label::before, .warning.add-message .card__label::before, .warning.comment-thread .card__label::before, .card.alert .card__label::before, .alert.chart-tooltip .card__label::before, .alert.conference-registration .card__label::before, .conference-speaker .alert.speaker-bio .card__label::before, .alert.add-message .card__label::before, .alert.comment-thread .card__label::before {
  height: 8px;
  top: 0.45rem;
}
.card__label .icon {
  margin-left: -0.25rem;
}
@media print, screen and (min-width: 36em) {
  .card__label {
    margin-left: 1.5rem;
  }
}
.card__label.primary {
  margin-top: -0.95rem;
  color: var(--primary);
}
.card__label.secondary {
  margin-top: -0.95rem;
  color: var(--secondary);
}
.card__label.success {
  margin-top: -0.95rem;
  color: var(--success);
}
.card__label.warning {
  margin-top: -0.95rem;
  color: var(--warning);
}
.card__label.alert {
  margin-top: -0.95rem;
  color: var(--alert);
}
.card__label.muted {
  margin-top: -0.95rem;
  color: #a6a6a6;
}

.card__icondata ul, .card__block ul {
  align-items: stretch;
  border-top: 1px solid #ccc;
}
.card__icondata ul li, .card__block ul li {
  border-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card__icondata ul li > *, .card__block ul li > * {
  margin: 0.5rem;
}
.card__icondata ul li:first-child, .card__block ul li:first-child {
  color: var(--primary);
  flex: 0;
}
.card__icondata ul li:not(:first-child), .card__block ul li:not(:first-child) {
  font-size: 16px;
  text-transform: none;
  justify-content: left;
  flex-direction: row;
}
.card__icondata ul li:not(:first-child) strong, .card__block ul li:not(:first-child) strong {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  color: #000;
}
.card__icondata ul li:not(:first-child) .card__icondata--address, .card__block ul li:not(:first-child) .card__icondata--address {
  color: #000;
  line-height: 120%;
}
.card__icondata ul li:not(:first-child) .card__icondata--address + a, .card__block ul li:not(:first-child) .card__icondata--address + a {
  display: block;
  margin-top: 1rem;
}

.card__block {
  margin-bottom: 0.5rem;
}
.card__block ul {
  border: 1px solid #ccc;
}
.card__block ul li {
  padding: 0.25em;
}

.card--stack {
  position: relative;
  overflow: visible;
  z-index: 0;
  /* Second sheet of paper */
  /* Third sheet of paper */
}
.card--stack, .card--stack::after, .card--stack::before {
  /* Add shadow to distinguish sheets from one another */
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.card--stack::after, .card--stack::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.card--stack::before {
  left: 3px;
  top: 3px;
  z-index: -1;
}
.card--stack::after {
  left: 5px;
  top: 5px;
  z-index: -2;
}

.card--widget .card-data {
  flex-wrap: inherit;
}
.card--widget .card-data .card-data__item {
  color: #000;
  text-transform: none;
  font-size: 1rem;
  text-align: left;
  padding: 1rem;
}
.card--widget .card-data .card-data__item.primary {
  color: var(--primary);
}
.card--widget .card-data .card-data__item.secondary {
  color: var(--secondary);
}
.card--widget .card-data .card-data__item.success {
  color: var(--success);
}
.card--widget .card-data .card-data__item.warning {
  color: var(--warning);
}
.card--widget .card-data .card-data__item.alert {
  color: var(--alert);
}
@media print, screen and (min-width: 36em) {
  .card--widget .card-data .card-data__item {
    padding: 1.5rem;
  }
}
.card--widget .card-data .card-data__item:first-child {
  flex-grow: 0;
  flex-basis: 12%;
  background-color: #f4f4f4;
  position: relative;
}
.card--widget .card-data .card-data__item:first-child > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card__top {
  border-top: 0;
}
.card__top .card__content, .card__top .badge-card__content {
  line-height: 1.5;
  padding: 0.25rem 1rem;
}
.card__top .card__content > :first-child, .card__top .badge-card__content > :first-child {
  flex-shrink: 0;
}
@media print, screen and (min-width: 36em) {
  .card__top .card__content, .card__top .badge-card__content {
    padding: 0.375rem 1.5rem;
  }
}

.card__row {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
@media print, screen and (min-width: 36em) {
  .card__row {
    flex-direction: row;
  }
}
.card__row > * {
  padding: 1rem;
  flex: 0 0 25%;
}
.card__row > *:not(:nth-child(4n)) {
  border-right: 0;
  border-bottom: 1px solid #ccc;
}
@media print, screen and (min-width: 36em) {
  .card__row > *:not(:nth-child(4n)) {
    border-bottom: 0;
    border-right: 1px solid #ccc;
  }
}

.extra {
  text-align: center;
  margin-bottom: 1rem;
}
.extra .button:last-of-type, .extra .meeting-polls__button:last-of-type {
  margin-bottom: 0;
}
.extra .follow-button {
  margin-top: 1rem;
}

.extra__suport-number {
  display: block;
  font-weight: 600;
  font-size: 3rem;
  line-height: 1;
}

.extra__suport-text, .progress__bar.progress__bar--vertical .progress__bar__text {
  display: block;
  line-height: 1;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}

.extra__date {
  font-size: 3rem;
  line-height: 1;
}

.extra__date-container {
  margin-bottom: 1rem;
}

.extra__month {
  display: block;
  font-size: 1rem;
}

.extra__time {
  display: block;
  font-size: 1.2rem;
  margin: 0.5rem 0 0;
}

.extra--text {
  text-align: left;
}

.definition-data {
  display: flex;
  flex-wrap: wrap;
}

.definition-data__item {
  display: block;
  padding: 0.75rem 0.5rem;
  border-bottom: 1px solid #ccc;
  flex-basis: 100%;
}
.definition-data__item:last-child {
  border-bottom: 0;
}
.definition-data__item.social_networks a {
  display: block;
}
.definition-data__item.social_networks a:hover {
  text-decoration: underline;
}
.definition-data__item.expanded {
  display: flex;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
}
.definition-data__item.expanded > :first-child {
  flex: 1 1 80%;
  min-width: 0;
}
.definition-data__item.expanded > :first-child div {
  display: inline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}
.definition-data__item.expanded > :first-child div .author__name {
  display: inherit;
}
.definition-data__item.expanded > :last-child {
  flex: 1 0 40%;
}
.definition-data__item.expanded > * {
  margin: 0 0.25rem;
}
.definition-data__item.expanded > :first-child {
  margin-left: 0;
}
.definition-data__item.expanded > :last-child {
  margin-right: 0;
}

.definition-data__item--double {
  display: inline-block;
  flex-basis: 50%;
  width: 50%;
  border-right: 1px solid #ccc;
}
.definition-data__item--double:nth-of-type(even) {
  border-right: 0;
}
.definition-data__item--double:nth-last-child(2):nth-child(odd) {
  border-bottom: 0;
}

.definition-data__title {
  display: block;
  font-size: 85%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.25rem;
  color: #4d4d4d;
}

.definition-data__number {
  display: block;
  line-height: 1;
  font-weight: 600;
  font-size: 1.25rem;
  color: #000;
  margin-bottom: 0.2rem;
}

.definition-data__text {
  display: block;
  margin: 0.5rem;
  color: #000;
  text-transform: none;
  font-size: 1rem;
  line-height: 1.5;
}

/* Callout foundation overwrites */
.callout.primary {
  background: #ebedf1;
  border-color: #ccc;
  border-left: 8px solid var(--primary);
}
.callout.secondary {
  border-color: #ccc;
  border-left: 8px solid var(--secondary);
}
.callout.success {
  border-color: #ccc;
  border-left: 8px solid var(--success);
}
.callout.warning {
  border-color: #ccc;
  border-left: 8px solid var(--warning);
}
.callout.alert {
  border-color: #ccc;
  border-left: 8px solid var(--alert);
}

.callout.flash {
  margin-bottom: 0;
}

.confirm-reveal .confirm-content {
  padding-bottom: 1rem;
}

/* Variables */
/* Comments */
.comments {
  padding-top: 3rem;
}

.comment-thread .show-comment-replies {
  display: none;
}
.comment-thread .hide-comment-replies {
  display: inline;
}
.comment-thread .comment__hide {
  float: left;
  margin-bottom: 0;
}
.comment-thread .no-comments .show-comment-replies {
  display: inline;
}
.comment-thread .no-comments .hide-comment-replies,
.comment-thread .no-comments .replies {
  display: none;
}

.comment-thread__title {
  font-weight: normal;
  font-size: 90%;
  text-transform: none;
  color: #4d4d4d;
}

.comment__header {
  padding: 1rem;
  display: flex;
}
.comment__header .comment__edited,
.comment__header .comment__moderated,
.comment__header .comment__deleted {
  font-style: italic;
  color: #4d4d4d;
}
.comment__header__context-menu {
  position: relative;
  margin-left: auto;
}
.comment__header__context-menu label {
  transform: rotate(90deg);
  cursor: pointer;
}
.comment__header__context-menu__content {
  list-style-type: none;
  width: max-content;
  min-width: 180px;
  padding: 0;
  margin: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.comment__header__context-menu__content-item {
  padding: 0.5rem 1rem;
  display: flex;
  align-items: baseline;
  gap: 1rem;
  cursor: pointer;
}
.comment__header__context-menu__content-item span {
  line-height: 1.5;
}
.comment__header__context-menu__content li:hover {
  background-color: #f4f4f4;
}
.comment__header__context-menu__content li:not(:first-child) {
  border-top: 1px solid #ccc;
}

.comment__content {
  padding: 0 1rem;
  overflow-wrap: break-word;
  hyphens: auto;
}
.comment__content > :last-child {
  margin-bottom: 0;
}
.comment__content p:empty {
  display: none;
}

.comment__additionalreply {
  padding: 1rem;
  font-size: 90%;
}
.comment__additionalreply::before, .comment__additionalreply::after {
  display: table;
  content: " ";
}
.comment__additionalreply::after {
  clear: both;
}

.comment__footer {
  padding: 1rem;
  font-size: 90%;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
}

.comment--nested {
  background: #ebedf1;
  margin: 1rem;
  padding-bottom: 1px;
}
.comment--nested.comment--nested--alt {
  background: #fff;
}
.comment--nested:first-of-type {
  margin-top: 0;
}

.comment__actions {
  display: flex;
  flex-wrap: wrap;
}
.comment__actions > button,
.comment__actions a {
  cursor: pointer;
  margin-top: 0.5rem;
}

.comment__reply,
.comment__reply[data-toggle] {
  float: left;
  color: #4d4d4d;
  margin-right: 0.75rem;
  margin-bottom: 0;
}
.comment__reply span,
.comment__reply[data-toggle] span {
  margin-right: 0;
}
.comment__reply.muted-link,
.comment__reply[data-toggle].muted-link {
  color: #000;
}
.comment__reply.muted-link:hover,
.comment__reply[data-toggle].muted-link:hover {
  color: black;
}

.comment__votes {
  float: right;
  margin-top: 0.5rem;
}
.comment__votes form.button_to {
  display: inline-block;
}

.comment__votes--up {
  color: #4d4d4d;
}
.comment__votes--up .icon {
  color: #007a64;
}
.comment__votes--up:hover, .comment__votes--up.is-vote-selected {
  color: #00473a;
}
.comment__votes--up:hover .icon, .comment__votes--up.is-vote-selected .icon {
  color: inherit;
}
.comment__votes--up.is-vote-notselected {
  color: #4d4d4d;
  opacity: 0.3;
}
.comment__votes--up.is-vote-notselected .icon {
  color: inherit;
}

.comment__votes--down {
  color: #4d4d4d;
  padding-left: 0.3rem;
}
.comment__votes--down .icon {
  color: #c4123e;
}
.comment__votes--down:hover, .comment__votes--down.is-vote-selected {
  color: #950e2f;
}
.comment__votes--down:hover .icon, .comment__votes--down.is-vote-selected .icon {
  color: inherit;
}
.comment__votes--down.is-vote-notselected {
  color: #4d4d4d;
  opacity: 0.3;
}
.comment__votes--down.is-vote-notselected .icon {
  color: inherit;
}

.comment__quote {
  border-left-width: 6px;
  font-size: 80%;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 1rem;
  margin-bottom: 1rem;
}
.comment__quote > p:last-of-type {
  margin-bottom: 0;
}
.comment__quote > br {
  display: none;
}

/* Comment form */
.comment__quote {
  border-left-width: 6px;
  font-size: 80%;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 1rem;
  margin-bottom: 1rem;
}
.comment__quote > p:last-child {
  margin-bottom: 0;
}

.add-comment {
  background: #ebedf1;
  padding: 1rem;
}
.add-comment a:hover {
  text-decoration: underline;
}
.add-comment .button, .add-comment .meeting-polls__button {
  margin-bottom: 0;
}

.add-comment--reply {
  display: none;
}
.add-comment--reply.is-active {
  display: block;
}

/* Comments toggle */
.comment__text-is-open {
  display: none;
}
.comment__is-open .comment__text-is-open {
  display: inline;
}
.comment__is-open .comment__text-is-closed {
  display: none;
}

/* Variables */
/* Messages */
.unread_message__counter {
  background-color: #ffe977;
  border-radius: 50%;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  margin-left: auto;
  margin-right: 5%;
  width: 25px;
}
.unread_message__counter span {
  display: block;
  line-height: 25px;
  text-align: center;
}

/* Message form */
.add-message {
  padding: 1rem;
}
.add-message .button, .add-message .meeting-polls__button {
  margin-bottom: 0;
}

.opinion-toggle {
  margin: 2rem 0;
  display: flex;
  text-align: center;
}

.opinion-toggle--ok.is-inactive,
.opinion-toggle--ko.is-inactive,
.opinion-toggle--meh.is-inactive {
  opacity: 0.3;
}

.opinion-toggle--ok {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.opinion-toggle--ok:hover, .opinion-toggle--ok:focus, .opinion-toggle--ok.is-active {
  background-color: #007a64;
}
.opinion-toggle--ok .icon {
  vertical-align: middle;
}

.opinion-toggle--ko {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.opinion-toggle--ko:hover, .opinion-toggle--ko:focus, .opinion-toggle--ko.is-active {
  background-color: #c4123e;
}
.opinion-toggle--ko .icon {
  vertical-align: middle;
}

.opinion-toggle--meh {
  border-radius: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.opinion-toggle--meh:hover, .opinion-toggle--meh:focus, .opinion-toggle--meh.is-active {
  background-color: var(--secondary);
}

.flag ul {
  list-style: none;
  margin-left: 0;
}
.flag li a {
  color: #000;
}

.author-data {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--secondary);
  font-size: 0.9rem;
  padding-left: 30px;
  position: relative;
}
.author-data .author__name {
  color: var(--secondary);
  margin-bottom: 0;
}
.author-data .author__avatar {
  position: absolute;
  margin-left: -30px;
}

.author-data--small {
  padding-left: 25px;
}

.author-data--big {
  padding-left: 0;
}
.author-data--big .author-data__main {
  margin: 0;
}
.author-data--big .author--flex,
.author-data--big .author__name--container {
  display: flex;
  align-items: center;
}
.author-data--big .author__avatar {
  position: relative;
  margin-left: 0;
}
.author-data--big .author__avatar img {
  margin-top: auto;
  width: 3.375rem;
  height: 3.375rem;
  object-fit: cover;
}
.author-data--big .author__nickname {
  font-size: 0.9375rem;
}
.author-data--big .author__verified {
  margin-left: 0.25rem;
}

.author-data--nopadding {
  padding-left: 0;
}

.author-data__main {
  display: inline;
  margin-right: 0.8rem;
}

.author-data__extra {
  display: inline-block;
}
.author-data__extra > button,
.author-data__extra > span,
.author-data__extra > a {
  margin-right: 1rem;
}
@media print, screen and (min-width: 62em) {
  .author-data__extra::before {
    content: "";
    margin-right: 0.8rem;
    border-right: 1px solid #ccc;
    height: 0.7rem;
    display: inline-block;
    vertical-align: middle;
  }
}

.author {
  display: flex;
  font-size: 0.9rem;
}

.author--inline {
  display: inline-block;
}
.author--inline span {
  padding-right: 5px;
}

.author__name {
  display: inline-block;
  flex-grow: 1;
  font-weight: 600;
  align-self: center;
  color: #4d4d4d;
}

a:hover .author__name {
  color: inherit;
  text-decoration: underline;
}

.author__avatar {
  padding: 0 0.5em 0 0;
  display: inline-block;
  display: flex;
  flex-direction: column;
  align-self: center;
}
.author--inline .author__avatar {
  display: inline-block;
}
.author__avatar img {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  object-fit: cover;
  margin-top: -5px;
}

.author-data .author__avatar--small {
  margin-left: -25px;
}
.author__avatar--small img {
  width: 20px;
  height: 20px;
  margin-top: -3px;
}

.author__date {
  display: block;
  color: #4d4d4d;
  font-size: 0.9rem;
}

.author__verified,
.author__badge svg {
  display: inline-block;
  vertical-align: middle;
  color: var(--primary);
}

/* Card address */
.address {
  display: flex;
}
.address::before, .address::after {
  display: table;
  content: " ";
}
.address::after {
  clear: both;
}

.address--alone {
  flex-grow: 1;
}

.address__info {
  display: flex;
  flex-grow: 1;
}

.address__icon {
  float: left;
  display: flex;
  align-self: center;
  fill: var(--primary);
}

.address__details {
  float: left;
  max-width: 100%;
  padding-left: 0.5em;
  align-self: center;
}

/* Order by styles */
.diff-view-by,
.order-by {
  margin-bottom: 1rem;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.diff-view-by a:hover,
.order-by a:hover {
  text-decoration: underline;
}
@media print, screen and (min-width: 36em) {
  .diff-view-by + .diff-view-by,
  .diff-view-by + .order-by,
  .order-by + .diff-view-by,
  .order-by + .order-by {
    margin-left: 1rem;
  }
}
@media print, screen and (min-width: 62em) {
  .diff-view-by + .diff-view-by,
  .diff-view-by + .order-by,
  .order-by + .diff-view-by,
  .order-by + .order-by {
    margin-left: 3rem;
  }
}

.diff-view-by__dropdown,
.order-by__dropdown {
  display: flex;
  flex-wrap: wrap;
}
.diff-view-by__dropdown .menu .is-dropdown-submenu-parent > a, .diff-view-by__dropdown .tabs.expanded .is-dropdown-submenu-parent > a,
.order-by__dropdown .menu .is-dropdown-submenu-parent > a,
.order-by__dropdown .tabs.expanded .is-dropdown-submenu-parent > a {
  background: transparent;
  padding: 0;
  margin-left: 0.5rem;
  margin-top: 0.25rem;
}

.order-by__dropdown--right {
  margin-left: auto;
}

.order-by__action {
  margin-left: auto;
  justify-content: flex-end;
}
.order-by__action .button, .order-by__action .meeting-polls__button {
  margin-bottom: 0;
}

.order-by__tabs {
  display: inline-block;
}

.order-by__tab {
  color: #4d4d4d;
}
.order-by__tab::after {
  content: "";
  display: inline-block;
  height: 0.75em;
  border-left: 1px solid #ccc;
  margin: 0 0.2em 0 0.5em;
  vertical-align: middle;
}
.order-by__tab.is-active {
  color: #000;
}
.order-by__tab:first-of-type {
  padding-left: 0;
}
.order-by__tab:last-of-type::after {
  border-left: none;
}

/* Tags */
.tags {
  list-style: none;
  margin: 0 0 1rem;
  font-size: 90%;
}
.tags li {
  display: inline-block;
  margin-right: 0.3rem;
  margin-bottom: 0.5rem;
}
.tags a {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0 0.5rem;
}
.tags a:hover {
  text-decoration: underline;
}

.tags:last-child {
  margin-bottom: -0.5rem;
}

.tags--inline {
  display: inline;
}

.tags--list li {
  display: block;
}

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}

.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}

.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}

.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}

.bootstrap-tagsinput .tag [data-role=remove] {
  margin-left: 8px;
  cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
  content: "x";
  padding: 0px 2px;
}

.bootstrap-tagsinput .tag [data-role=remove]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.bootstrap-tagsinput .tag [data-role=remove]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.input__tag {
  background-color: rgba(204, 204, 204, 0.5);
  border-radius: 0;
  padding: 0.25rem;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input__tag span {
  color: #ffe977;
}

.bootstrap-tagsinput {
  width: 100%;
  border: 1px solid #ccc;
  min-height: 2.6875rem;
  padding-bottom: 0.05rem;
}
.bootstrap-tagsinput.focus {
  outline: none;
  border: 2px solid #000;
  background-color: #fff;
  box-shadow: 0 0 5px #e8e8e8;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
.bootstrap-tagsinput input {
  height: 1.984375rem;
  display: inline-block;
}
.bootstrap-tagsinput .tag {
  color: inherit;
  margin-right: 0;
  margin-bottom: 0.2rem;
}

.tribute-container {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  max-height: 300px;
  max-width: 500px;
  overflow: auto;
  display: block;
  z-index: 999999;
}

.tribute-container ul {
  margin: 0;
  margin-top: 2px;
  padding: 0;
  list-style: none;
  background: #efefef;
}

.tribute-container li {
  padding: 5px 5px;
  cursor: pointer;
}

.tribute-container li.highlight {
  background: #ddd;
}

.tribute-container li span {
  font-weight: bold;
}

.tribute-container li.no-match {
  cursor: default;
}

.tribute-container .menu-highlighted {
  font-weight: bold;
}

.mentions__container,
.hashtags__container {
  width: 100%;
}
.mentions__container [type=text],
.hashtags__container [type=text] {
  white-space: nowrap;
  overflow: hidden;
}
.mentions__container [type=text] br,
.hashtags__container [type=text] br {
  display: none;
}
.mentions__container [type=text] *,
.hashtags__container [type=text] * {
  display: inline;
  white-space: nowrap;
}
.mentions__container [contenteditable=true]:empty::before,
.hashtags__container [contenteditable=true]:empty::before {
  color: #e8e8e8;
  content: attr(placeholder);
  display: block;
}
.mentions__container.mentions__container--textarea [contenteditable=true], .mentions__container.hashtags__container--textarea [contenteditable=true],
.hashtags__container.mentions__container--textarea [contenteditable=true],
.hashtags__container.hashtags__container--textarea [contenteditable=true] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield-multiline;
  appearance: textfield;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.625rem;
  margin: 0 0 2rem;
  padding: 0.5rem;
  border: 2px solid #000;
  border-radius: 0;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(26, 24, 29, 0.1);
  font-family: inherit;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.5;
  color: #1a181d;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  max-width: 100%;
  min-height: 8.0625rem;
  height: auto;
}
.mentions__container.mentions__container--textarea [contenteditable=true]:focus, .mentions__container.hashtags__container--textarea [contenteditable=true]:focus,
.hashtags__container.mentions__container--textarea [contenteditable=true]:focus,
.hashtags__container.hashtags__container--textarea [contenteditable=true]:focus {
  outline: none;
  border: 2px solid #000;
  background-color: #fff;
  box-shadow: 0 0 5px #e8e8e8;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
.mentions__container.mentions__container--textarea [contenteditable=true]::placeholder, .mentions__container.hashtags__container--textarea [contenteditable=true]::placeholder,
.hashtags__container.mentions__container--textarea [contenteditable=true]::placeholder,
.hashtags__container.hashtags__container--textarea [contenteditable=true]::placeholder {
  color: #e8e8e8;
}
.mentions__container.mentions__container--textarea [contenteditable=true]:disabled, .mentions__container.mentions__container--textarea [contenteditable=true][readonly], .mentions__container.hashtags__container--textarea [contenteditable=true]:disabled, .mentions__container.hashtags__container--textarea [contenteditable=true][readonly],
.hashtags__container.mentions__container--textarea [contenteditable=true]:disabled,
.hashtags__container.mentions__container--textarea [contenteditable=true][readonly],
.hashtags__container.hashtags__container--textarea [contenteditable=true]:disabled,
.hashtags__container.hashtags__container--textarea [contenteditable=true][readonly] {
  background-color: #fafafa;
  cursor: not-allowed;
}
.mentions__container .tribute-container,
.hashtags__container .tribute-container {
  position: relative;
  min-width: 100%;
  top: -1.0625rem;
  color: #ffe977;
}
.mentions__container .tribute-container ul,
.hashtags__container .tribute-container ul {
  margin: 0;
  list-style: none;
  outline: none;
  border: 2px solid #000;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 0 5px #e8e8e8;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
.mentions__container .tribute-container ul li,
.hashtags__container .tribute-container ul li {
  padding: 0.5rem;
  border-top: 1px solid #ccc;
}
.mentions__container .tribute-container .highlight,
.mentions__container .tribute-container li:hover,
.hashtags__container .tribute-container .highlight,
.hashtags__container .tribute-container li:hover {
  background-color: #fafafa;
}
.mentions__container .tribute-container .tribute-item .author__avatar,
.hashtags__container .tribute-container .tribute-item .author__avatar {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.mentions__container .tribute-container .tribute-item .is-group,
.hashtags__container .tribute-container .tribute-item .is-group {
  height: 1.6rem;
  float: right;
  font-weight: normal;
}
.mentions__container .tribute-container .tribute-item .is-group svg,
.hashtags__container .tribute-container .tribute-item .is-group svg {
  vertical-align: middle;
}
.mentions__container.is-active [contenteditable=true],
.mentions__container.is-active input,
.mentions__container.is-active textarea,
.hashtags__container.is-active [contenteditable=true],
.hashtags__container.is-active input,
.hashtags__container.is-active textarea {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mentions__container.is-active .tribute-container ul,
.hashtags__container.is-active .tribute-container ul {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.mentions__container.is-active.editor > :first-child,
.hashtags__container.is-active.editor > :first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  border-left: 2px solid #000;
}
.mentions__container.is-active.editor .editor-container,
.hashtags__container.is-active.editor .editor-container {
  border-right: 2px solid #000;
  border-left: 2px solid #000;
  margin-bottom: 1rem;
  outline: none;
}

.tribute-container {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  max-height: 300px;
  max-width: 500px;
  overflow: auto;
  display: block;
  z-index: 999999;
}

.tribute-container ul {
  margin: 0;
  margin-top: 2px;
  padding: 0;
  list-style: none;
  background: #efefef;
}

.tribute-container li {
  padding: 5px 5px;
  cursor: pointer;
}

.tribute-container li.highlight {
  background: #ddd;
}

.tribute-container li span {
  font-weight: bold;
}

.tribute-container li.no-match {
  cursor: default;
}

.tribute-container .menu-highlighted {
  font-weight: bold;
}

.multiple-mentions input::placeholder {
  color: #3d393c;
}

.multiple-mentions-selected {
  font-size: 1.3rem;
  line-height: 1.8;
  list-style: none;
  margin: 1rem 0 0;
}
.multiple-mentions-selected button {
  cursor: pointer;
}
.multiple-mentions-selected img.author__avatar {
  display: inline-block;
  padding: 0;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
.multiple-mentions-selected li b {
  font-size: 0.875rem;
}

.list-docs {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-docs__icon {
  color: #4d4d4d;
  margin-right: 3px;
}

.list-check {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-check > li {
  margin-bottom: 1rem;
}

.list-check__icon {
  vertical-align: -0.05rem;
  margin-right: 0.2rem;
}
.list-check__ok .list-check__icon {
  color: #007a64;
}
.list-check__ko .list-check__icon {
  color: #c4123e;
}

.datepicker {
  display: none;
  position: absolute;
  padding: 4px;
  margin-top: 1px;
  direction: ltr;
}

.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  font-size: 14.4px;
  line-height: 18px;
}

.datepicker.dropdown-menu th {
  padding: 4px 5px;
}

.datepicker.dropdown-menu td {
  padding: 6px 9px;
}

.datepicker table {
  border: 0;
  margin: 0;
  width: auto;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
}

.datepicker td {
  text-align: center;
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 14.4px;
  padding: 4px 8px;
  background: #fff;
  cursor: pointer;
}

.datepicker td.active.day,
.datepicker td.active.year {
  background: #000;
}

.datepicker .day:hover,
.datepicker .date-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker .month:hover,
.datepicker .year:hover {
  background-color: #ebedf1;
}
.datepicker .day:hover.active,
.datepicker .date-switch:hover.active,
.datepicker .prev:hover.active,
.datepicker .next:hover.active,
.datepicker .month:hover.active,
.datepicker .year:hover.active {
  background: #000;
}

.datepicker td.new,
.datepicker td.old {
  color: #ccc;
}

.datepicker td span.active {
  background: #000;
}

.datepicker td.day.disabled {
  color: #ebedf1;
}

.datepicker td span.month.disabled,
.datepicker td span.year.disabled {
  color: #ebedf1;
}

.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 14.4px;
  padding: 4px 8px;
  background: #fff;
  cursor: pointer;
}

.datepicker th.active.day,
.datepicker th.active.year {
  background: #000;
}

.datepicker th.date-switch {
  width: 145px;
}

.datepicker th span.active {
  background: #000;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.datepicker.days div.datepicker-days {
  display: block;
}

.datepicker.months div.datepicker-months {
  display: block;
}

.datepicker.years div.datepicker-years {
  display: block;
}

.datepicker thead tr:first-child th {
  cursor: pointer;
}

.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}

.datepicker tfoot tr:first-child th {
  cursor: pointer;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown::before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -7px;
  left: 6px;
}

.datepicker-dropdown::after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 7px;
}

.datepicker > div,
.datepicker-dropdown::after,
.datepicker-dropdown::before {
  display: none;
}

.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  padding: 0;
  display: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.pagination .pagination-previous,
.pagination .pagination-next {
  display: inline-block;
}

.data-picker {
  margin: 0 0 1rem;
}
.data-picker.picker-single .picker-values div a,
.data-picker .picker-prompt a {
  background: white;
  cursor: pointer;
  display: block;
  width: 100%;
  padding: 0.4rem 0.7rem;
  outline: 0;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(26, 24, 29, 0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(26, 24, 29, 0.1);
  color: #1a181d;
}
.data-picker.picker-single .picker-values div a:active, .data-picker.picker-single .picker-values div a:focus,
.data-picker .picker-prompt a:active,
.data-picker .picker-prompt a:focus {
  outline: 3px solid #0072c6;
  outline-color: var(--highlight);
  outline-offset: 0;
  border: 1px solid #1a181d;
  background-color: #fff;
  box-shadow: 0 0 5px #adadad;
  -webkit-box-shadow: 0 0 5px #adadad;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
.data-picker.picker-single .picker-values div a::after,
.data-picker .picker-prompt a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1a181d;
  float: right;
  margin-top: 7px;
}
.data-picker.is-invalid-input.picker-single .picker-values div a, .data-picker.is-invalid-input .picker-prompt a {
  border-color: #c4123e;
  background-color: #fdeeec;
}
.data-picker.picker-single .picker-values:not(:empty) + .picker-prompt {
  display: none;
}
.data-picker.disabled.picker-single .picker-values div a, .data-picker.disabled .picker-prompt a {
  cursor: not-allowed;
  background: #eee;
}
.data-picker.disabled.picker-single .picker-values div a:active, .data-picker.disabled .picker-prompt a:active {
  border: inherit !important;
  box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  transition: none !important;
  -webkit-transition: none !important;
}
.data-picker.picker-multiple .picker-values div {
  display: block;
  margin: 0 0 2px;
  font-size: 0.9rem;
}
.data-picker.picker-multiple .picker-values div input {
  margin: 2px 8px 8px 2px;
  vertical-align: top;
}
.data-picker .picker-values .label.primary {
  background: #eee;
  color: #202734;
}

#data_picker-modal {
  height: 90%;
}
#data_picker-modal .data_picker-modal-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  min-height: 100%;
}
#data_picker-modal .data_picker-modal-content .picker-content {
  flex-grow: 10;
  min-height: 100%;
  max-height: 100%;
  overflow: auto;
}
#data_picker-modal .data_picker-modal-content .picker-content .picker-scrollable-content {
  max-height: 100%;
  overflow: auto;
}

.picker-list ul {
  margin-left: 0;
}
.picker-list ul li {
  list-style: none;
}

.scope-picker.picker-header {
  padding: 5px;
}
.scope-picker.picker-header li:hover {
  background: #ddd;
}
.scope-picker.picker-header li ~ li a::before {
  content: "";
  width: 10px;
  height: 2em;
  float: left;
}
.scope-picker.picker-header li:last-child a {
  color: #333;
}
.scope-picker.picker-header a {
  display: block;
  padding: 2px;
}
.scope-picker.picker-content .picker-scrollable-content {
  scroll-snap-type: mandatory;
}
.scope-picker.picker-content .picker-scrollable-content a {
  scroll-snap-coordinate: 0 0;
  display: block;
  border-top: 1px solid #ddd;
  line-height: 1.5rem;
  padding: 5px;
}
.scope-picker.picker-content .picker-scrollable-content a:hover {
  background: #ddd;
}

#participatory-space-filters legend {
  float: left;
  padding-top: 10px;
}
#participatory-space-filters .picker-prompt,
#participatory-space-filters select,
#participatory-space-filters .inline-filters button[data-toggle],
.inline-filters #participatory-space-filters button[data-toggle] {
  width: 75%;
  float: right;
}
#participatory-space-filters .filters__section, #participatory-space-filters .filters__section--general {
  padding: 0;
}
#participatory-space-filters .picker-values {
  clear: both;
}
#participatory-space-filters .picker-values div {
  display: inline-block;
}

/* Progress bars */
.progress__bar {
  flex: 0.8;
}
.progress__bar .progress__bar__title, .progress__bar.progress__bar--vertical .progress__bar__subtitle {
  color: #4d4d4d;
  font-size: 0.875rem;
}
.progress__bar .progress__bar__subtitle {
  display: none;
}
.progress__bar .progress__bar__bar {
  background-color: #fff;
  height: 6px;
  display: flex;
  margin-bottom: 0;
}
.progress__bar .progress__bar__bar .progress__bar__bar--complete {
  border-radius: 0;
  background-color: #57d685;
  height: 100%;
}
.progress__bar .progress__bar__bar .progress__bar__bar--incomplete {
  background-color: rgba(77, 77, 77, 0.3);
  height: 100%;
  margin-left: 1px;
}
.progress__bar.progress__bar--vertical {
  text-align: center;
  width: 90%;
  margin: 0 auto;
}
.progress__bar.progress__bar--vertical .progress__bar__title, .progress__bar.progress__bar--vertical .progress__bar__subtitle {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.progress__bar.progress__bar--vertical .progress__bar__subtitle {
  display: block;
  font-size: 0.875rem;
  margin: 0.5rem 0 1rem;
}
.progress__bar.progress__bar--vertical .progress__bar__number {
  display: inline-block;
  font-weight: 400;
  font-size: 3rem;
  line-height: 1;
}
.progress__bar.progress__bar--vertical .progress__bar__text {
  font-weight: 600;
  text-transform: uppercase;
}
.progress__bar.progress__bar--horizontal {
  margin-bottom: 0.35rem;
}

.docs__container h6 {
  cursor: pointer;
}
.docs__container svg {
  color: #ccc;
}
.docs__container .docs__content {
  border-left: 1px solid #ccc;
  padding-left: 1rem;
  margin-left: 0.25rem;
}

#profile-tabs.tabs {
  background: transparent;
  border: 0;
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
}
#profile-tabs.tabs .tabs-title.is-active a {
  background: transparent;
  color: var(--primary);
  font-weight: 600;
  border-bottom: 3px solid var(--primary);
}
#profile-tabs.tabs .tabs-title a {
  color: #000;
  padding: 0.75rem;
  position: relative;
}
#profile-tabs.tabs .tabs-title a:focus, #profile-tabs.tabs .tabs-title a[aria-selected=true] {
  background: transparent;
  color: var(--primary);
  font-weight: 600;
  border-bottom: 3px solid var(--primary);
}
#profile-tabs.tabs .tabs-title a:hover {
  background: transparent;
  border-bottom: 1px solid #ccc;
  border-bottom-width: 3px;
}
#profile-tabs.tabs .tabs-title a::after {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

[data-tabs-content=profile-tabs] {
  border-top: 0;
  background: transparent;
  color: inherit;
  transition: all 0.5s ease;
}

@media only screen and (max-width: 639px) {
  .responsive-tab-block {
    overflow: hidden;
    height: 44px;
  }
  .responsive-tab-block > ul.tabs {
    flex-direction: column;
  }
  .responsive-tab-block > ul.tabs > li {
    flex: 0 0 auto;
  }
  .responsive-tab-block > ul.tabs > li.is-active {
    -webkit-box-ordinal-group: -1;
    order: -1;
  }
  .responsive-tab-block > ul.tabs > li.is-active::before {
    display: block;
    content: " ";
    font-weight: normal;
    float: right;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f00;
    margin-top: 20px;
  }
  .responsive-tab-block > ul.tabs > li.is-active > a:focus {
    outline: 0 !important;
  }
  .responsive-tab-block > ul.tabs > li > a {
    border-bottom: 3px solid transparent;
    color: green;
  }
  .responsive-tab-block > ul.tabs > li > a:focus {
    outline: 0 !important;
  }
  .responsive-tab-block.expanded {
    height: auto;
  }
  .responsive-tab-block.expanded > ul.tabs > li.is-active::before {
    transform: rotate(180deg);
  }
}

.conversation .conversation-header {
  border-bottom: 1px solid #ccc;
}
.conversation .conversation-header h1 {
  font-size: 16px;
  font-weight: normal;
}
.conversation .conversation-header img {
  width: 4.125rem;
  height: 4.125rem;
  border-radius: 50%;
}
.conversation .conversation-chat {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  width: 75%;
}
.conversation .conversation-chat > * {
  margin: 0 0.5rem;
}
.conversation .conversation-chat > :first-child {
  margin-left: 0;
}
.conversation .conversation-chat > :last-child {
  margin-right: 0;
}
.conversation .conversation-chat.conversation-chat--offset {
  flex-direction: row-reverse;
  display: flex;
  flex-direction: row-reverse;
  margin-left: auto;
}
.conversation .conversation-chat.conversation-chat--offset > * {
  margin: 0 0.5rem;
}
.conversation .conversation-chat.conversation-chat--offset > :last-child {
  margin-left: 0;
}
.conversation .conversation-chat.conversation-chat--offset > :first-child {
  margin-right: 0;
}
.conversation .conversation-chat > :first-child {
  flex-shrink: 0;
}
.conversation .conversation-chat > div {
  flex: 1;
}
.conversation .conversation-chat .p-s > p:last-child, .conversation .conversation-chat .reveal__list li > p:last-child, .reveal__list .conversation .conversation-chat li > p:last-child {
  margin-bottom: 0;
}
.conversation .conversation-chat img {
  width: 2.0625rem;
  height: 2.0625rem;
  border-radius: 50%;
}
.conversation .conversation-chat .card, .conversation .conversation-chat .chart-tooltip, .conversation .conversation-chat .conference-registration, .conversation .conversation-chat .conference-speaker .speaker-bio, .conference-speaker .conversation .conversation-chat .speaker-bio, .conversation .conversation-chat .comment-thread, .conversation .conversation-chat .add-message {
  margin-bottom: 0.5rem;
}
.conversation .conversation-chat .card:last-of-type, .conversation .conversation-chat .chart-tooltip:last-of-type, .conversation .conversation-chat .conference-registration:last-of-type, .conversation .conversation-chat .conference-speaker .speaker-bio:last-of-type, .conference-speaker .conversation .conversation-chat .speaker-bio:last-of-type, .conversation .conversation-chat .comment-thread:last-of-type, .conversation .conversation-chat .add-message:last-of-type {
  margin-bottom: 0;
}
.conversation .conversation-reply {
  width: 75%;
}
.conversation .conversation-reply.conversation-reply--offset {
  margin-left: auto;
}

.conversations .card--list__item {
  align-items: stretch;
}

.conversation-groups .title-action {
  margin-bottom: 0.8rem;
}

.user-activity .conversation .conversation-reply {
  width: 100%;
}

.disabled-tribute-element {
  color: #4d4d4d;
}
.disabled-tribute-element span.disabled-tribute-element-info {
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
}

.tribute-container .disabled-tribute-element {
  cursor: auto;
  margin: -5px;
  padding: 5px;
  z-index: 10;
}

.badge-level {
  display: table;
  border-collapse: collapse;
}
.badge-level > div {
  width: 1rem;
  height: 1rem;
  border: 1px solid #ccc;
  display: table-cell;
}
.badge-level > div.is-achieved {
  background-color: var(--success);
}

.badge-tip {
  width: 1rem;
  height: 1rem;
  color: #fff;
  border-radius: 50%;
  background-color: #ccc;
  z-index: 10;
  cursor: pointer;
}
.badge-tip > :first-child {
  height: 100%;
}
.badge-tip.badge-tip--inline {
  display: inline-block;
}

.badge-container {
  transition: all 0.6s ease;
  /** Config SVG colors **/
}
.badge-container .badge__logo, .badge-container .badge__logo--small {
  max-height: auto;
  min-height: auto;
}
.badge-container .badge__logo--small {
  border: 2px solid var(--primary);
}
.badge-container > * {
  max-width: 100%;
  height: auto;
  border: 4px solid var(--primary);
  border-radius: 50%;
  transition: all 0.6s ease;
}
.badge-container .no-stroke,
.badge-container .no-stroke circle,
.badge-container .no-stroke ellipse,
.badge-container .no-stroke line,
.badge-container .no-stroke path,
.badge-container .no-stroke polygon,
.badge-container .no-stroke polyline,
.badge-container .no-stroke rect {
  stroke: none !important;
}
.badge-container .stroke-white,
.badge-container .stroke-white circle,
.badge-container .stroke-white ellipse,
.badge-container .stroke-white line,
.badge-container .stroke-white path,
.badge-container .stroke-white polygon,
.badge-container .stroke-white polyline,
.badge-container .stroke-white rect {
  stroke: #fff !important;
}
.badge-container .fill-primary {
  fill: var(--secondary);
}
.badge-container .fill-secondary {
  fill: var(--primary);
}
.badge-container .stroke-primary,
.badge-container .stroke-primary circle,
.badge-container .stroke-primary ellipse,
.badge-container .stroke-primary line,
.badge-container .stroke-primary path,
.badge-container .stroke-primary polygon,
.badge-container .stroke-primary polyline,
.badge-container .stroke-primary rect {
  stroke: var(--secondary);
}
.badge-container .stroke-secondary,
.badge-container .stroke-secondary circle,
.badge-container .stroke-secondary ellipse,
.badge-container .stroke-secondary line,
.badge-container .stroke-secondary path,
.badge-container .stroke-secondary polygon,
.badge-container .stroke-secondary polyline,
.badge-container .stroke-secondary rect {
  stroke: var(--primary);
}

.hover-section:hover {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: stretch;
  cursor: pointer;
}
.hover-section:hover > :first-child {
  border-right: 1px solid #ccc;
}
.hover-section:hover .hidden-section {
  display: block;
  align-self: center;
}
.hover-section a {
  color: inherit;
}
.hover-section .hidden-section {
  display: none;
}

.list-request {
  border-top: 1px solid #ccc;
}
.list-request p {
  margin-top: 1rem;
}
.list-request > div {
  padding: 0.5rem 0;
  border-bottom: 1px solid #ccc;
}
.list-request > div:first-of-type {
  border-top: 1px solid #ccc;
}

.floating-helper {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.floating-helper__layout {
  position: relative;
}

.floating-helper__trigger {
  position: fixed;
  right: 0;
  display: inline-flex;
  cursor: pointer;
  background-color: #fff;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
}
.floating-helper__trigger:active, .floating-helper__trigger:focus {
  outline: 2px solid #007293;
  outline-color: var(--highlight);
  outline-offset: 2px;
}
@media print, screen and (max-width: 28.12375em) {
  .floating-helper__trigger {
    bottom: 2rem;
  }
}
@media print, screen and (min-width: 36em) {
  .floating-helper__trigger {
    top: 2rem;
    position: absolute;
  }
}

.floating-helper__text {
  color: var(--secondary);
  background-color: rgba(var(--secondary-rgb), 0.1);
  font-size: 0.875rem;
  font-weight: 600;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  padding: 0.125rem 0.5rem 0.125rem 1rem;
}

.floating-helper__icon {
  color: #fff;
  background-color: var(--secondary);
  padding: 0.125rem 0.5rem;
}

.floating-helper__wrapper {
  display: flex;
}

.floating-helper__content {
  background-color: rgba(var(--secondary-rgb), 0.1);
  border-top: 5px solid var(--secondary);
  margin-bottom: 3rem;
  padding: 2rem;
  width: 100%;
}
@media print, screen and (min-width: 36em) {
  .floating-helper__content {
    padding: 3rem 2rem 2rem;
  }
}

.floating-helper__content-inner {
  position: relative;
}
@media print, screen and (min-width: 36em) {
  .floating-helper__content-inner {
    display: flex;
    flex-direction: row;
  }
  .floating-helper__content-inner > * {
    margin: 0 1.5rem;
  }
  .floating-helper__content-inner > :first-child {
    margin-left: 0;
  }
  .floating-helper__content-inner > :last-child {
    margin-right: 0;
  }
}

.floating-helper__icon-big {
  border-radius: 50%;
  background-color: rgba(var(--secondary-rgb), 0.1);
  flex-shrink: 0;
  color: var(--secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
}

.floating-helper__bottom {
  text-align: right;
}
@media print, screen and (min-width: 36em) {
  .floating-helper__bottom {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.floating-helper__link {
  font-weight: 600;
  text-decoration: underline;
}

.floating-helper__content-close {
  background-color: var(--secondary);
  color: #fff;
  flex-shrink: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
}
.floating-helper__content-close:active, .floating-helper__content-close:focus {
  color: #fff;
}

.diff-direction-label {
  display: block;
  font-size: 85%;
  line-height: 1;
  margin-bottom: 0.25rem;
  color: #4d4d4d;
}

.diff ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background: transparent;
  min-height: 2.7rem;
}
.diff del,
.diff ins,
.diff span {
  white-space: pre-wrap;
}
.diff del,
.diff ins {
  display: block;
  text-decoration: none;
}
.diff del strong {
  font-weight: normal;
  background: #ffc7cd;
}
.diff ins strong {
  font-weight: normal;
  background: #bfffd1;
}
.diff li {
  position: relative;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  margin: 0;
}
.diff li.ins .symbol, .diff li.del .symbol {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  width: 1rem;
}
.diff li.ins {
  background: #e6ffed;
  color: #2d4c36;
}
.diff li.del {
  background: #ffeef0;
  color: #4d2e32;
}
.diff li .diff-comment {
  display: none;
}
.diff li .diff-block-info {
  background: none repeat scroll 0 0 gray;
}

.sticky .card, .sticky .chart-tooltip, .sticky .conference-registration, .sticky .conference-speaker .speaker-bio, .conference-speaker .sticky .speaker-bio, .sticky .comment-thread, .sticky .add-message {
  width: 100%;
}

#notifications .card-data__item--expand {
  align-items: stretch;
}

.statistics-cell {
  overflow: hidden;
  margin: 2rem 0;
  display: flex;
  flex-wrap: wrap;
}
.statistics-cell .statistic__title {
  color: #4d4d4d;
  font-size: 0.9rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
}
.statistics-cell .statistic__data {
  text-align: center;
  padding: 1rem 0.25rem;
  width: calc(50% - 1rem);
  margin: 0.5rem;
  position: relative;
}
.statistics-cell .statistic__data::after {
  content: "";
  display: inline-block;
  border-left: 2px solid #000;
  height: 2rem;
  position: absolute;
  left: 0;
  top: calc(50% - 1rem);
}
@media print, screen and (max-width: 47.99875em) {
  .statistics-cell .statistic__data:nth-child(odd)::after {
    border: none;
  }
}
@media print, screen and (min-width: 48em) {
  .statistics-cell .statistic__data {
    width: calc(25% - 1rem);
  }
  .statistics-cell .statistic__data:nth-child(4n+1)::after {
    border: none;
  }
}
.statistics-cell .statistic__number {
  font-weight: 800;
  font-size: 2rem;
  line-height: 1;
}

.autoComplete_wrapper {
  width: 100%;
}
.autoComplete_wrapper input {
  color: #000;
  width: 100%;
  margin: 0;
}
.autoComplete_wrapper ul {
  position: relative;
  margin: 0;
}
.autoComplete_wrapper ul li {
  color: #ffe977;
}
.autoComplete_wrapper ul li span.author__avatar {
  display: inline-block;
}
.autoComplete_wrapper ul li:hover, .autoComplete_wrapper ul li[aria-selected=true] {
  background-color: #ededed;
}
.autoComplete_wrapper ul li.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.autoComplete_wrapper ul li .is-group {
  float: right;
}
.autoComplete_wrapper span.autocomplete__selected-item.sticky {
  position: absolute;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
}
.autoComplete_wrapper .clear-sticky-selection {
  display: inline;
  position: absolute;
  font-size: 1.3rem;
  cursor: pointer;
  right: 1rem;
}
.autoComplete_wrapper .clear-multi-selection {
  cursor: pointer;
}
.autoComplete_wrapper .search-prompt {
  color: #525a65;
  border: 1px solid #ccc;
  padding: 0.2rem;
}

.multiselect {
  background-color: #fff;
  display: inline-block;
  border: 1px solid #ccc;
  width: 100%;
  cursor: text;
  padding: 0 0.5rem;
  min-height: 2.4375rem;
}
.multiselect span {
  display: inline-block;
  position: relative;
  margin: 0.5rem 0.5rem 0.5rem 0;
}
.multiselect span input {
  border: none;
  outline: none;
}
.multiselect span.clear-multi-selection {
  margin: 0 0 0 0.2rem;
  cursor: pointer;
}

.process-header {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 50%, var(--primary) 50%);
}
.process-header .heading2, .process-header .card--full .card__title, .card--full .process-header .card__title {
  font-weight: bold;
}

.process-header__inner {
  position: relative;
  display: flex;
  justify-content: center;
}

.process-header__main {
  background-size: cover;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  max-width: 120rem;
  margin: 0 auto;
  background-color: #9fa7b1;
  -webkit-clip-path: polygon(0 0, 95% 0, 80% 100%, 0% 100%);
  clip-path: polygon(0 0, 95% 0, 80% 100%, 0% 100%);
}
@media print, screen and (min-width: 62em) {
  .process-header__main {
    -webkit-clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%);
    clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%);
  }
}
@media screen and (min-width: 76.5em) {
  .process-header__main {
    -webkit-clip-path: polygon(0 0, 80% 0, 70% 100%, 0% 100%);
    clip-path: polygon(0 0, 80% 0, 70% 100%, 0% 100%);
  }
}
@media screen and (min-width: 100em) {
  .process-header__main {
    -webkit-clip-path: polygon(0 0, 75% 0, 65% 100%, 0% 100%);
    clip-path: polygon(0 0, 75% 0, 65% 100%, 0% 100%);
  }
}
.process-header__main::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.process-header__container {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 48em) {
  .process-header__container {
    display: flex;
    align-items: center;
  }
}

.process-header__info {
  padding: 1rem 1.5rem 1rem 1rem;
}
@media print, screen and (min-width: 36em) {
  .process-header__info {
    padding: 2rem 1.5rem 2rem 1rem;
  }
}
@media print, screen and (min-width: 48em) {
  .process-header__info {
    padding-left: 2rem;
  }
}

.process-header__hashtag {
  font-weight: 600;
}
.process-header__hashtag::after {
  content: "·";
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.process-header__nav {
  margin-top: auto;
  z-index: 1;
}

.info-header {
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 36em) {
  .info-header {
    display: flex;
    align-items: center;
  }
}

.info-details {
  color: #4d4d4d;
  margin-left: auto;
}
.info-details .share {
  text-align: left;
  margin-top: 0.2rem;
}
.info-details .share ul {
  margin-left: 0;
}
@media print, screen and (min-width: 36em) {
  .info-details {
    border-left: 1px solid #ccc;
  }
}

.info-image {
  margin-bottom: 1rem;
}
.info-image img {
  display: block;
}
@media print, screen and (min-width: 36em) {
  .info-image {
    float: right;
    margin-left: 16px;
    width: 50%;
  }
}
@media print, screen and (min-width: 62em) {
  .info-image {
    margin-right: calc(-50% - 2rem - 16px / 2);
    width: 80%;
  }
}

.process-nav {
  background-color: #fff;
  padding: 0.75rem 1rem;
  box-shadow: inset 0 -3px 0 0 #ccc;
}
.process-nav ul {
  margin: 0;
  list-style: none;
}
.process-nav .about-link {
  font-size: 80%;
}
@media print, screen and (min-width: 36em) {
  .process-nav {
    padding: 0;
  }
  .process-nav ul {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-grow: 1;
  }
  .process-nav ul::-webkit-scrollbar {
    display: none;
  }
  .process-nav ul::after {
    display: inline-block;
    flex-grow: 1;
    content: "";
  }
  .process-nav li {
    display: inline-block;
    padding: 0.5rem 0.75rem 0.875rem;
  }
  .process-nav .about-link {
    float: right;
    margin-right: 0;
    margin-left: auto;
  }
}

.process-nav__trigger {
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
}

.process-nav__trigger__icon {
  position: absolute;
  right: 0.5rem;
  top: 0.55rem;
}

.process-nav__content {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
@media print, screen and (max-width: 35.99875em) {
  .process-nav__content {
    display: none;
  }
}
.process-nav__content.is-active {
  display: block;
}

@media print, screen and (max-width: 35.99875em) {
  .process-nav__content li {
    margin-top: 1rem;
  }
}
.process-nav__content li.is-active {
  box-shadow: inset 0 -4px 0 0 var(--primary);
}
@media print, screen and (max-width: 35.99875em) {
  .process-nav__content li.is-active {
    display: none;
  }
}

.process-nav__more, .process-nav__hidden-content__more {
  margin: 0;
  color: var(--primary);
  background-color: rgba(var(--primary-rgb), 0.1);
  font-weight: 600;
  font-size: 0.875rem;
}
.process-nav__more i, .process-nav__hidden-content__more i {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: var(--primary);
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.1rem;
}
.process-nav__more i:not(:last-child), .process-nav__hidden-content__more i:not(:last-child) {
  margin-right: 0.1rem;
}

.process-nav__hidden-content {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
  padding: 0;
}
.process-nav__hidden-content ul {
  padding: 0.5rem 0;
}
.process-nav__hidden-content li {
  width: 100%;
  padding: 0.5rem 1rem;
}

.process-nav__hidden-content__more {
  background-color: transparent;
  text-align: right;
  border-bottom: 1px solid #ccc;
  padding: 0.5rem 1rem;
}

.process-nav__link {
  text-transform: uppercase;
  color: var(--primary);
  font-weight: 600;
  display: flex;
  align-items: center;
}
.process-nav__link:hover {
  text-decoration: underline;
}
.process-nav__link svg {
  margin-right: 0.4em;
  width: 25px;
  height: 25px;
  fill: #4d4d4d;
}
.process-nav__link svg .stroked-shape {
  fill: none;
  fill-opacity: 1;
  stroke-width: 2.01957917;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  stroke: #4d4d4d;
}

@media print, screen and (min-width: 36em) {
  .process-nav__link.is-active {
    color: var(--primary);
  }
  .process-nav__link.is-active svg {
    fill: var(--primary);
  }
  .process-nav__link.is-active svg .stroked-shape {
    stroke: var(--primary);
  }
}
.process-header__phase, .process-phase {
  background: #fff;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0;
}
.process-header__phase .button, .process-header__phase .meeting-polls__button, .process-phase .button, .process-phase .meeting-polls__button {
  margin-top: 0.75rem;
  margin-bottom: 0;
}

.process-header__phase--simple {
  padding: 0.5rem 1rem;
}
@media print, screen and (min-width: 36em) {
  .process-header__phase--simple {
    padding: 2rem 1rem;
  }
}

.phase-title, .phase-subtitle--initiatives, .phase-title--initiatives {
  display: block;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
}
@media print, screen and (min-width: 36em) {
  .phase-title, .phase-subtitle--initiatives, .phase-title--initiatives {
    font-size: 1.25rem;
  }
}
.is-inactive .phase-title, .is-inactive .phase-subtitle--initiatives, .is-inactive .phase-title--initiatives {
  color: #4d4d4d;
}

.phase-date {
  color: #4d4d4d;
  font-weight: 600;
  font-size: 90%;
}

.process-header__progress {
  margin-bottom: 0.5rem;
}
.process-header__progress ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
}
.process-header__progress li {
  margin: 0;
  padding: 0;
  position: relative;
  width: 1rem;
  text-align: center;
}
.process-header__progress li:first-child {
  width: auto;
}
.process-header__progress li::after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background-color: #ccc;
  position: absolute;
  top: calc(50% - 2px / 2);
  z-index: 0;
}
.process-header__progress li span {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #ccc;
  z-index: 1;
  margin-left: auto;
}
.process-header__progress .phase-item--past::after {
  background-color: var(--primary);
}
.process-header__progress .phase-item--past span {
  background-color: var(--primary);
  opacity: 1;
}
.process-header__progress .phase-item--current span::before {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  border: 4px solid transparent;
  border-top-color: var(--primary);
  top: -8px;
  left: calc(50% - 1px);
  z-index: 2;
}
.process-header__progress .phase-item--current:first-child span::before {
  left: 0;
}

.phase-current {
  font-weight: normal;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #4d4d4d;
}

.process-phase {
  padding: 0;
}
.process-phase .process-header__progress {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  border-bottom: 1px solid #4d4d4d;
  padding: 0.5rem 1rem;
}
.process-phase .process-header__progress ol {
  flex: 1;
}
.process-phase .process-header__progress .phase-current {
  margin-left: 1rem;
}

.process-header__body {
  padding: 1rem 1rem 1.5rem;
}
.process-header__body .process-header__link {
  margin-top: 0.5rem;
}

.process-header__button .button, .process-header__button .meeting-polls__button {
  border-color: var(--primary);
}

.phase-title--initiatives {
  font-size: 1.125rem;
  margin: 0 0 0.5rem;
}

.phase-subtitle--initiatives {
  font-size: 0.9375rem;
}

/* Variables */
/* Timeline */
.timeline {
  list-style: none;
  margin: 2rem 0 0;
}

.timeline__item {
  padding-bottom: 2em;
  position: relative;
}
.timeline__item::before {
  content: "";
  width: 3px;
  height: 100%;
  background: var(--primary);
  left: 1rem;
  top: 0;
  position: absolute;
}
.timeline__item::after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}
.timeline__item:last-of-type::before {
  width: 0;
}

.timeline__phase {
  width: 30px;
  height: 30px;
  margin-left: -13px;
  position: absolute;
  top: 0;
  left: 1rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  background: var(--primary);
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #ccc;
}

.timeline__phase__number {
  display: block;
  text-align: center;
  line-height: 1;
  color: #fff;
  font-weight: 600;
  font-size: 1.2em;
  align-self: center;
  margin-left: 1px;
  margin-top: -1px;
}

.timeline__info {
  width: 90%;
  width: calc(100% - 45px);
  float: right;
  background-color: #fff;
  border: 1px solid #ccc;
}
.timeline__item--current .timeline__info {
  border-color: var(--primary);
}

.timeline__header {
  background: #ccc;
  padding: 0.5rem 1rem;
}
.timeline__item--current .timeline__header {
  background-color: var(--primary);
  color: #fff;
}

.timeline__date {
  color: #525a65;
}
.timeline__item--current .timeline__date {
  color: #fff;
}

.timeline__title {
  margin-bottom: 0;
}

.timeline__content {
  padding: 1rem;
}
.timeline__content :last-child {
  margin-bottom: 0;
}

.timeline__footer {
  list-style: none;
  margin: 0;
  border-top: 1px solid #ccc;
}
@media print, screen and (min-width: 36em) {
  .timeline__footer {
    display: flex;
    flex-wrap: wrap;
  }
}

.timeline__footer-item {
  flex-grow: 1;
  text-align: center;
  padding: 0.5em;
  border-bottom: 1px solid #ccc;
}
.timeline__footer-item:last-child {
  border-bottom: 0;
}
@media print, screen and (min-width: 36em) {
  .timeline__footer-item {
    border-bottom: 0;
    border-right: 1px solid #ccc;
  }
  .timeline__footer-item:last-child {
    border-right: 0;
  }
}

.timeline__footer-inner {
  display: block;
}

.timeline__item-icon {
  width: 1.5em;
  height: 1.5em;
}

.timeline__item-text {
  display: block;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 90%;
  color: #000;
  font-weight: 600;
  line-height: 1;
}

/* Inactive timeline */
.timeline__item--current::before {
  background: #ccc;
}

.timeline__item--inactive::before {
  background: #ccc;
}
.timeline__item--inactive .timeline__phase {
  background: #ccc;
}
.timeline__item--inactive .timeline__phase__number {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Filter tags */
.filter-tags__title {
  margin-right: 0.4rem;
}

.filter-tags {
  margin-bottom: 0.8rem;
}

.filter-tag {
  display: inline-block;
  background-color: #f4f4f4;
  border: 1px solid #ccc;
  padding: 0.2rem 0.4rem;
  margin-right: 0.4rem;
  margin-bottom: 0.2rem;
}

.filter-tag__close {
  padding-left: 0.5rem;
  color: #000;
}

@media print, screen and (min-width: 36em) {
  .filters-wrapper {
    display: flex;
  }
}

.filters-controls {
  margin: 1rem 0 2rem;
}
.filters-controls::before, .filters-controls::after {
  display: table;
  content: " ";
}
.filters-controls::after {
  clear: both;
}

.filters-controls__trigger {
  width: 100%;
  font-weight: 600;
  text-align: left;
  background: #ebedf1;
  padding: 0.5rem;
  border: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.filters {
  display: none;
  min-height: 100%;
  padding: 1rem;
}
@media print, screen and (min-width: 36em) {
  .filters {
    display: block;
    padding: 0;
    margin: 0;
  }
}
.reveal .filters {
  display: block;
  border: none;
  padding: 0;
  margin: 0;
}

.js .filters__content {
  display: none;
}
.js .filters__content.is-active {
  display: block;
}
@media print, screen and (min-width: 36em) {
  .js .filters__content {
    display: block;
  }
}

@media print, screen and (min-width: 36em) {
  .filters__section, .filters__section--general {
    margin-bottom: 2rem;
  }
}
.filters__section label, .filters__section--general label {
  line-height: 1.2;
  margin-bottom: 0.4rem;
}
.filters__section label[data-global-checkbox], .filters__section--general label[data-global-checkbox] {
  font-weight: 600;
}
.filters__section .button, .filters__section .meeting-polls__button, .filters__section--general .button, .filters__section--general .meeting-polls__button {
  margin-bottom: 0;
}
.filters__section .section-title, .filters__section--general .section-title {
  color: var(--primary);
  text-decoration: underline;
  margin-right: 1rem;
}
.filters__section input, .filters__section--general input,
.filters__section select,
.filters__section .inline-filters button[data-toggle],
.inline-filters .filters__section button[data-toggle],
.filters__section--general select,
.filters__section--general .inline-filters button[data-toggle],
.inline-filters .filters__section--general button[data-toggle] {
  margin: 0;
}

.filters__subfilters > .filters__subfilters {
  padding-left: 0.5rem;
}

.filters__has-subfilters {
  display: flex;
  justify-content: space-between;
}

.filters__icon-is-open,
.filters__icon-is-closed {
  font-size: 0.5em;
}

.filters__icon-is-open {
  display: none;
}

.filters__is-open .filters__icon-is-open {
  display: inline-block;
}
.filters__is-open .filters__icon-is-closed {
  display: none;
}

.filters__section--general {
  padding: 0;
}
.filters__section--general:first-of-type, .filters__section--general:last-of-type {
  padding: 0;
}
.filters__section--general > :first-child {
  padding: 1rem 1rem;
}
.filters__section--general > :first-child:hover {
  background: #ebedf1;
}
.filters__section--general.no-results .section-title {
  color: #4d4d4d;
  text-decoration: none;
}
.filters__section--general.no-results > * {
  opacity: 0.25;
}

.filters__info__title {
  margin-bottom: 0;
}

.filters__info__icon {
  margin-left: 0.25rem;
}

.filters__search .input-group {
  margin-bottom: 0;
}

.filters__help {
  position: relative;
}
.filters__help p:last-of-type {
  margin-bottom: 0;
}
.filters__help .skip {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
.filters__help .skip:focus, .filters__help .skip:active {
  background-color: #000;
  color: #fff;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: auto;
  margin: 10px;
  padding: 5px;
  font-size: 1.4em;
  z-index: 999;
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  position: absolute;
}

.filters__left-legend legend {
  float: left;
  padding-top: 10px;
}
.filters__left-legend .picker-prompt,
.filters__left-legend select,
.filters__left-legend .inline-filters button[data-toggle],
.inline-filters .filters__left-legend button[data-toggle] {
  width: 75%;
  float: right;
}

.inline-filters {
  display: flex;
  flex-direction: row;
  display: inline-flex;
  justify-content: space-between;
  text-align: left;
}
.inline-filters > * {
  margin: 0 1rem;
}
.inline-filters > :first-child {
  margin-left: 0;
}
.inline-filters > :last-child {
  margin-right: 0;
}
.inline-filters label {
  display: flex;
  align-items: baseline;
  display: flex;
  flex-direction: row;
}
.inline-filters label > * {
  margin: 0 0.25rem;
}
.inline-filters label > :first-child {
  margin-left: 0;
}
.inline-filters label > :last-child {
  margin-right: 0;
}
.inline-filters label span {
  white-space: nowrap;
}
.inline-filters button[data-toggle] {
  color: #ffe977;
  margin: 0;
  width: 12rem;
}
.inline-filters button[data-toggle].hover {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.inline-filters .dropdown-pane {
  padding: 0;
  background-color: #fff;
  width: 12rem;
}
.inline-filters .dropdown-pane li a {
  display: block;
  padding: 1rem;
}
.inline-filters .dropdown-pane li a:hover {
  text-decoration: underline;
}
.inline-filters .dropdown-pane li:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.inline-filters .dropdown-pane li:hover {
  cursor: pointer;
  background-color: rgba(255, 233, 119, 0.05);
}
.inline-filters .dropdown-pane.is-open {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.tech-info {
  color: #4d4d4d;
  font-size: 0.9rem;
  text-align: center;
}

.label--basic {
  background-color: #f3f4f6;
}

.label--highlight {
  background-color: var(--secondary);
}

.label--admin {
  background-color: var(--primary);
}

.proposal-status,
.collaborative-draft-status,
.project-status {
  float: left;
  margin-right: 0.5rem;
}

.proposal-status--small,
.label--small {
  margin: 0.2rem 0.2rem 0.2rem 0;
  padding: 0.2rem 0.3rem;
}

.label.light {
  color: #fff;
}

.label.muted {
  background: #4d4d4d;
  color: #fff;
}

.conference-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.conference-nav li {
  padding: 0.5rem;
}
.conference-nav li a {
  font-size: 1.125rem;
  color: #4d4d4d;
}
.conference-nav li.is-active {
  font-weight: 600;
  position: relative;
}
.conference-nav li.is-active::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 1.5rem;
  background-color: var(--primary);
  position: absolute;
  top: 50%;
  left: -0.5rem;
  transform: translateY(-50%);
}

.conference-speaker {
  margin-bottom: 3rem;
}
.conference-speaker .speaker-img-wrapper {
  margin-bottom: 1rem;
  position: relative;
}
.conference-speaker .speaker-img-wrapper::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.conference-speaker .speaker-img-wrapper .speaker-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.conference-speaker .speaker-img-wrapper .speaker-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.conference-speaker .speaker-data .data-name {
  font-weight: 600;
  font-size: 1.125rem;
}
.conference-speaker .speaker-data .data-role,
.conference-speaker .speaker-data .data-extra {
  color: #4d4d4d;
}
.conference-speaker .speaker-bio {
  display: none;
  padding: 1rem;
  left: 0;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 100vw;
  position: absolute;
}
@media print, screen and (min-width: 36em) {
  .conference-speaker .speaker-bio {
    top: 0;
    width: 300%;
    padding: 2rem;
    transform: translateY(-10%);
  }
}
.conference-speaker .speaker-bio > :first-child {
  display: flex;
  justify-content: stretch;
}
.conference-speaker .speaker-bio .bio-extended {
  font-size: 0.875rem;
}
.conference-speaker .speaker-bio .bio-acts {
  font-weight: 600;
}
.conference-speaker:hover .speaker-bio {
  display: block;
}
@media print, screen and (min-width: 36em) {
  .conference-speaker {
    position: relative;
  }
  .conference-speaker:nth-of-type(4) .speaker-bio, .conference-speaker:nth-of-type(4n + 5) .speaker-bio, .conference-speaker:nth-of-type(5n) .speaker-bio {
    transform: translateY(-10%) translateX(-60%);
  }
}

.conference-programme .programme-selector {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5rem;
  color: #4d4d4d;
  font-size: 1.1875rem;
  display: flex;
  align-items: center;
}
@media print, screen and (max-width: 28.12375em) {
  .conference-programme .programme-selector {
    flex-direction: column;
    text-align: center;
  }
}
.conference-programme .programme-selector .tabs {
  display: flex;
  flex-direction: column;
}
.conference-programme .programme-selector .tabs > * {
  margin: 0.25rem 0;
}
.conference-programme .programme-selector .tabs > :first-child {
  margin-top: 0;
}
.conference-programme .programme-selector .tabs > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 36em) {
  .conference-programme .programme-selector .tabs {
    display: flex;
    flex-direction: row;
  }
  .conference-programme .programme-selector .tabs > * {
    margin: 0 0.25rem;
  }
  .conference-programme .programme-selector .tabs > :first-child {
    margin-left: 0;
  }
  .conference-programme .programme-selector .tabs > :last-child {
    margin-right: 0;
  }
}
.conference-programme .programme-day > .row {
  padding: 2rem 0;
  border-bottom: 1px solid #ccc;
  border-bottom-style: dashed;
}
.conference-programme .tabs,
.conference-programme .tabs-content {
  background: transparent;
}
.conference-programme .tabs-title > a {
  padding: 0;
}
.conference-programme .tabs-title > a:hover {
  background: transparent;
}
.conference-programme .tabs-title > a[aria-selected=true] {
  background: transparent;
}
.conference-programme .tabs-title:not(.is-active) .button, .conference-programme .tabs-title:not(.is-active) .meeting-polls__button {
  opacity: 0.4;
}
.conference-programme .programme-header {
  display: flex;
  align-items: baseline;
}
@media print, screen and (max-width: 28.12375em) {
  .conference-programme .programme-header {
    flex-direction: column;
  }
}
.conference-programme .programme-time {
  font-size: 1.1875rem;
  font-weight: 600;
}
.conference-programme .programme-title {
  font-size: 1.5rem;
  color: #ffe977;
  font-weight: 600;
}
@media print, screen and (max-width: 28.12375em) {
  .conference-programme .programme-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
  }
}
.conference-programme .programme-resume {
  font-size: 0.875rem;
  color: #4d4d4d;
}
.conference-programme .programme-extra {
  color: #4d4d4d;
  font-size: 0.875rem;
}
.conference-programme .programme-extra > .row:not(:nth-child(2)) {
  margin-top: 0.5rem;
}
@media print, screen and (min-width: 36em) {
  .conference-programme .programme-extra > .row:nth-child(2) {
    margin-top: -0.5rem;
  }
}
.conference-programme .programme-extra .row:not(.speakers-list) span {
  opacity: 0.6;
}
.conference-programme .programme-extra .speakers-list {
  min-height: 35px;
}

.conference-registration {
  padding: 1rem;
}
.conference-registration .registration__text > * {
  display: block;
}
.conference-registration .registration__text strong {
  font-size: 1.125rem;
}
.conference-registration .registration__text span {
  font-size: 0.875rem;
  color: #4d4d4d;
}
.conference-registration .registration__buttons {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
}
.conference-registration .registration__buttons > * {
  margin: 0 0.5rem;
}
.conference-registration .registration__buttons > :first-child {
  margin-left: 0;
}
.conference-registration .registration__buttons > :last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .conference-registration .registration__buttons {
    margin-top: 1rem;
  }
}
.conference-registration .registration__buttons > :first-child {
  border: 1px solid #ccc;
}

.conference-diploma {
  text-align: center;
}
.conference-diploma .diploma__border {
  margin: 4rem;
  /* Border ../images/pattern */
  -moz-border-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/pattern-9e37fb0574a565bf2708.png) 20 repeat;
  -webkit-border-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/pattern-9e37fb0574a565bf2708.png) 20 repeat;
  -o-border-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/pattern-9e37fb0574a565bf2708.png) 20 repeat;
  border-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/pattern-9e37fb0574a565bf2708.png) 20 repeat;
  border-style: solid;
  border-width: 1rem;
}
.conference-diploma .diploma__border .diploma__content {
  padding: 3rem;
}
.conference-diploma .diploma__attendance {
  text-align: center;
  font-size: 0.875rem;
}
.conference-diploma .diploma__attendance > * {
  display: block;
}
.conference-diploma .diploma__name {
  margin-top: 4rem;
  font-size: 1.125rem;
}
.conference-diploma .diploma__name p {
  margin-top: 1rem;
}
.conference-diploma .diploma__logo {
  border: 1px solid #ccc;
  padding: 2rem;
}

@media print {
  @page {
    size: A4 landscape;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
  }
  .conference-diploma .diploma__border {
    margin: 0;
    -moz-border-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/pattern-9e37fb0574a565bf2708.png) 20 repeat;
    -webkit-border-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/pattern-9e37fb0574a565bf2708.png) 20 repeat;
    -o-border-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/pattern-9e37fb0574a565bf2708.png) 20 repeat;
    border-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/pattern-9e37fb0574a565bf2708.png) 20 repeat;
    border-style: solid;
    border-width: 1rem;
  }
}
.conference-media .media-links li {
  color: #ffe977;
  margin-bottom: 1rem;
  align-items: baseline;
  display: flex;
  flex-direction: row;
}
.conference-media .media-links li > * {
  margin: 0 0.5rem;
}
.conference-media .media-links li > :first-child {
  margin-left: 0;
}
.conference-media .media-links li > :last-child {
  margin-right: 0;
}
.conference-media .media-links li > :first-child {
  flex-shrink: 0;
}
.conference-media .media-links a {
  font-size: 1.125rem;
}
.conference-media .media-pictures article {
  cursor: pointer;
}
.conference-media .media-pictures .picture__content {
  padding: 1rem;
}
.conference-media .media-pictures .picture__content img {
  margin-bottom: 1rem;
  object-fit: cover;
  width: 100%;
  height: 75%;
}

[data-reveal].picture__modal img {
  margin-bottom: 1rem;
  width: 100%;
  height: 100%;
}

.user-form input[type=text],
.user-form input[type=email],
.user-form input[type=password] {
  height: 3rem;
}
.user-form .button, .user-form .meeting-polls__button {
  margin: 2rem 0;
}

.user-form__label {
  font-weight: 600;
}

.register__separator {
  display: block;
  text-align: center;
  position: relative;
  z-index: 1;
  font-style: italic;
  margin: 1rem 0 2rem;
}
.register__separator::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: #ccc;
  position: absolute;
  top: 50%;
  z-index: -1;
}

.register__separator__text {
  display: inline-block;
  background: #ebedf1;
  padding: 0 1rem;
}

.register-form input[type=text],
.register-form input[type=email],
.register-form input[type=password] {
  height: 3rem;
}
.register-form h3 {
  display: table;
  font-size: 1.25em;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  margin-top: 0;
  text-align: center;
}
.register-form label > [type=checkbox] {
  margin-bottom: 1rem;
}
.register-form .tos-text {
  padding: 0.5rem;
  border: 1px solid #e8e8e8;
  margin: 1rem 0;
  max-height: 10rem;
  overflow: auto;
  font-size: 0.8rem;
  font-style: italic;
}
.register-form #card__tos,
.register-form #card__newsletter {
  text-align: center;
}

.user-nickname label .row > span:first-of-type {
  padding: 0;
  border-right: 0;
  width: 8%;
  height: 3rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.user-nickname label .row > span:first-of-type .prefix {
  display: inline-block;
  height: 2.9rem;
  padding-top: 0.8rem;
}
.user-nickname label .row > span:last-of-type {
  width: 92%;
  height: 3rem;
}
.user-nickname label .row > span:last-of-type input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.user-nickname label.is-invalid-label .row {
  margin-bottom: 2rem;
}
.user-nickname label.is-invalid-label .row > span:first-of-type {
  background-color: #e8dbe3;
  border-color: #c4123e;
}
.user-nickname label.is-invalid-label .row > span:last-of-type {
  height: 4.2rem;
}
.user-nickname label.is-invalid-label .row > span:last-of-type .form-error.is-visible {
  margin-left: -8%;
}
.user-nickname .help-text {
  margin-top: 1rem;
}

.share {
  text-align: center;
}
.share ul {
  display: inline-block;
  list-style: none;
  margin: 0 0 0 0.5rem;
}
.share li {
  display: inline-block;
}

.share__icon {
  color: #4d4d4d;
  border: 1px solid #ccc;
  border-radius: 50%;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  text-align: center;
  padding: 0.1em 0 0;
  margin-right: 0.5em;
}

.share-link.calendar {
  float: right;
}

.help {
  vertical-align: -2px;
}
.help .icon {
  width: 14px;
  height: 14px;
  fill: #fff;
  background: gray;
  border-radius: 50%;
  padding: 2px;
}
.help .icon:hover {
  background: #000;
}

.help-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.25rem solid #fffef7;
  border-radius: 50%;
  background-color: #ffe977;
  color: #ebedf1;
  padding: 0.25rem;
  cursor: pointer;
}

.tooltip.expanded {
  max-width: 100%;
}
.tooltip.light {
  background-color: #fff;
  color: #000;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0;
}
.tooltip.light.top::before, .aspect-ratio-16-9 > .tooltip.light::before {
  border-color: #fff transparent transparent;
}
.tooltip.light.bottom::before, .aspect-ratio-16-9 > .tooltip.light::before {
  border-color: transparent transparent #fff;
}
.tooltip.light.left::before, .aspect-ratio-16-9 > .tooltip.light::before {
  border-color: transparent transparent transparent #fff;
}
.tooltip.light.right::before, .aspect-ratio-16-9 > .tooltip.light::before {
  border-color: transparent #fff transparent transparent;
}

.disabled-iframe {
  background-color: #f2f2f2;
  cursor: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.disabled-iframe.ql-video {
  display: flex;
}

.dataconsent-warning {
  flex-direction: column;
}
.dataconsent-warning .dataconsent-message {
  font-size: 1rem;
  margin: 1rem;
  padding: 1rem;
  background-color: #fff;
}
@media print, screen and (min-width: 36em) {
  .dataconsent-warning .dataconsent-message {
    margin: 3rem;
    padding: 2rem;
  }
}
.dataconsent-warning .dataconsent-message .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.dataconsent-warning .dataconsent-message .buttons {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 36em) {
  .dataconsent-warning .dataconsent-message .buttons {
    flex-direction: row;
  }
}
.dataconsent-warning .dataconsent-message .buttons .button, .dataconsent-warning .dataconsent-message .buttons .meeting-polls__button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  max-width: 400px;
  padding: 1.125rem 1.5rem;
}
.dataconsent-warning .dataconsent-message .buttons .button:last-child, .dataconsent-warning .dataconsent-message .buttons .meeting-polls__button:last-child {
  margin-left: 0;
}

.google-map {
  width: 100%;
  height: 200px;
  background-color: #ccc;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 48em) {
  .google-map {
    height: 450px;
  }
}

.map__help .skip {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
.map__help .skip:focus, .map__help .skip:active {
  background-color: #000;
  color: #fff;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: auto;
  margin: 10px;
  padding: 5px;
  font-size: 1.4em;
  z-index: 999;
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  position: absolute;
}

.leaflet-container {
  z-index: 5;
}

.map-info {
  background: var(--primary);
  border-radius: 0;
}
.map-info > div:first-child > div:first-child {
  border-top-color: var(--primary) !important;
}
.map-info > div:first-child > div:nth-child(2) {
  background-color: transparent !important;
  border-radius: 0 !important;
}
.map-info * {
  box-shadow: none !important;
}

.map-info__content {
  padding-top: 1rem;
  padding-left: 1.2rem;
}

.map__date-address {
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 36em) {
  .map__date-address {
    display: flex;
  }
}
.map__date-address .card__datetime {
  float: none;
  border-color: var(--primary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 0;
  margin-bottom: 1rem;
  padding: 0.5em 1em;
}
@media print, screen and (min-width: 36em) {
  .map__date-address .card__datetime {
    margin-right: 0.5rem;
    margin-bottom: 0;
  }
}
.map__date-address .address {
  flex: 1;
  margin-bottom: 0;
}
.map__date-address .address__icon {
  display: none;
}
@media print, screen and (min-width: 36em) {
  .map__date-address .address__icon {
    display: block;
  }
}
.map__date-address .card__extra {
  padding: 0 1rem;
}

.map-info__button {
  text-align: center;
}
.map-info__button .button, .map-info__button .meeting-polls__button {
  min-width: 12em;
}

.static-map {
  cursor: pointer;
  height: 120px;
  width: 120px;
}
.static-map .leaflet-popup-pane,
.static-map .leaflet-control {
  cursor: pointer;
}
.static-map:focus {
  outline: 2px solid #007293;
  outline-color: var(--highlight);
  outline-offset: 2px;
}
.static-map a:hover, .static-map a:focus,
.static-map .leaflet-control-attribution a:hover,
.static-map .leaflet-control-attribution a:focus {
  text-decoration: none;
  outline: none;
}
.static-map .leaflet-control-attribution, .static-map.leaflet-touch .leaflet-control-attribution {
  font-size: 0.55rem;
}

.omnipresent-banner {
  background-color: var(--primary);
  color: #fff;
  text-align: center;
  padding: 1rem;
  font-size: 1.2em;
}
.omnipresent-banner .omnipresent-banner-title {
  font-weight: bold;
  margin-right: 1em;
}
.omnipresent-banner .omnipresent-banner-short-description {
  margin-right: 0.5em;
  margin-left: 1em;
}
.omnipresent-banner a {
  color: #fff;
}
.omnipresent-banner a:hover,
.omnipresent-banner a:focus {
  color: rgba(255, 255, 255, 0.8);
}

.wizard__steps {
  list-style-type: none;
  margin-left: 0.25rem;
}
.wizard__steps.steps-toggle {
  margin-top: 1rem;
}
.wizard__steps li {
  border: none;
  color: var(--primary);
  border-left: 2px solid var(--primary);
  box-sizing: border-box;
  border-radius: 0;
  padding: 1rem 0;
  font-size: 0.875rem;
  cursor: default;
}
.wizard__steps li::before {
  border-radius: 50%;
  background-color: var(--primary);
  content: "";
  display: inline-block;
  float: left;
  height: 10px;
  line-height: 10px;
  text-align: center;
  width: 10px;
  margin: 0.4rem 4px 0 -6px;
}
.wizard__steps .step--active {
  font-weight: bold;
}
.wizard__steps .step--active ~ li {
  color: #4d4d4d;
  border-left: 2px solid #4d4d4d;
}
.wizard__steps .step--active ~ li::before {
  background-color: #4d4d4d;
}

.collapsible-list.is-filtered.show-1 .collapse:nth-of-type(n+2),
.collapsible-list.is-filtered.show-1 > div:nth-of-type(n+2) {
  display: none;
}
.collapsible-list.is-filtered.show-2 .collapse:nth-of-type(n+3),
.collapsible-list.is-filtered.show-2 > div:nth-of-type(n+3) {
  display: none;
}
.collapsible-list.is-filtered.show-3 .collapse:nth-of-type(n+4),
.collapsible-list.is-filtered.show-3 > div:nth-of-type(n+4) {
  display: none;
}
.collapsible-list.is-filtered.show-4 .collapse:nth-of-type(n+5),
.collapsible-list.is-filtered.show-4 > div:nth-of-type(n+5) {
  display: none;
}
.collapsible-list.is-filtered.show-5 .collapse:nth-of-type(n+6),
.collapsible-list.is-filtered.show-5 > div:nth-of-type(n+6) {
  display: none;
}
.collapsible-list.is-filtered.show-6 .collapse:nth-of-type(n+7),
.collapsible-list.is-filtered.show-6 > div:nth-of-type(n+7) {
  display: none;
}
.collapsible-list.is-filtered.show-7 .collapse:nth-of-type(n+8),
.collapsible-list.is-filtered.show-7 > div:nth-of-type(n+8) {
  display: none;
}
.collapsible-list.is-filtered.show-8 .collapse:nth-of-type(n+9),
.collapsible-list.is-filtered.show-8 > div:nth-of-type(n+9) {
  display: none;
}
.collapsible-list.is-filtered.show-9 .collapse:nth-of-type(n+10),
.collapsible-list.is-filtered.show-9 > div:nth-of-type(n+10) {
  display: none;
}
.collapsible-list.is-filtered.show-10 .collapse:nth-of-type(n+11),
.collapsible-list.is-filtered.show-10 > div:nth-of-type(n+11) {
  display: none;
}
.collapsible-list.is-filtered.show-11 .collapse:nth-of-type(n+12),
.collapsible-list.is-filtered.show-11 > div:nth-of-type(n+12) {
  display: none;
}
.collapsible-list.is-filtered.show-12 .collapse:nth-of-type(n+13),
.collapsible-list.is-filtered.show-12 > div:nth-of-type(n+13) {
  display: none;
}
.collapsible-list.is-filtered .collapsible-list__see-more {
  display: inline-block;
}
.collapsible-list.is-filtered .collapsible-list__see-more + .text-small {
  padding-top: 0.15rem;
  padding-left: 0.2rem;
}
.collapsible-list.is-filtered .collapsible-list__see-less {
  display: none;
}
.collapsible-list .collapsible-list__see-less {
  display: inline-block;
  color: #599aa6;
}
.collapsible-list .collapsible-list__see-less:hover {
  color: #2d4d53;
  text-decoration: underline;
}
.collapsible-list .collapsible-list__see-more {
  display: none;
  color: #ffe977;
}
.collapsible-list .collapsible-list__see-more:hover {
  color: #2d4d53;
  text-decoration: underline;
}
.collapsible-list .card__text--paragraph {
  text-decoration: none;
  color: #3d393c !important;
}
.collapsible-list .card__text--paragraph:hover {
  text-decoration: none;
}
.collapsible-list > * {
  display: inline-flex;
  margin: 0 0 0.5rem;
}

.block-banner {
  background-repeat: no-repeat;
  padding: 1rem;
}
@media print, screen and (max-width: 47.99875em) {
  .block-banner {
    background-image: none !important;
    padding-bottom: 1rem;
  }
  .block-banner .card__content, .block-banner .badge-card__content {
    padding-bottom: 0;
  }
}
@media print, screen and (min-width: 36em) {
  .block-banner {
    background-position: right -400px center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .block-banner .card__content, .block-banner .badge-card__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media print, screen and (min-width: 62em) {
  .block-banner {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .block-banner .card__content, .block-banner .badge-card__content {
    padding-left: 0;
  }
}
.block-banner p:last-child {
  margin-bottom: 0;
}

.fingerprint-dialog .fingerprint-value,
.fingerprint-dialog .fingerprint-source {
  display: block;
  max-width: 100%;
  word-break: break-all;
}

[data-toggle] {
  margin: 0 0 0.5rem;
  cursor: pointer;
}
[data-toggle] span {
  margin-right: 0.5rem;
}

.loading-spinner {
  margin: 25px !important;
  height: 25px;
  text-align: center;
}
.loading-spinner::before {
  -webkit-animation: animation-spin 800ms infinite linear;
  -o-animation: animation-spin 800ms infinite linear;
  animation: animation-spin 800ms infinite linear;
  width: 25px;
  height: 25px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 3px solid #ccc;
  border-right-color: var(--primary);
  display: inline-block;
  position: relative;
  content: "";
  vertical-align: middle;
}

.spinner-container {
  position: relative;
  cursor: wait;
}
.spinner-container::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.spinner-container::after {
  -webkit-animation: animation-spin 800ms infinite linear;
  animation: animation-spin 800ms infinite linear;
  width: 25px;
  height: 25px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 3px solid #e8e8e8;
  border-right-color: var(--primary);
  display: inline-block;
  position: absolute;
  content: "";
  vertical-align: middle;
  z-index: 1;
  top: 47%;
  left: 47%;
}

.upload-modal .button, .upload-modal .meeting-polls__button {
  margin: 0;
}
.upload-modal .dropzone-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1rem;
}
.upload-modal .dropzone-container input[type=file] {
  display: none;
}
.upload-modal .dropzone-container label {
  background-color: #fff;
  margin: 1rem 0;
  cursor: pointer;
}
.upload-modal .dropzone-container label.is-dragover {
  background-color: white;
}
.upload-modal .dropzone-container label.dropzone {
  padding: 1rem;
  text-align: center;
  border-style: dashed;
  border-color: #ffe977;
  border-width: 2px;
  border-radius: 4px;
}
.upload-modal .dropzone-container label.dropzone .form-error {
  margin: 0;
}
.upload-modal .dropzone-container label.disabled {
  background-color: #ebedf1;
  cursor: not-allowed;
  border-color: white;
}
.upload-modal .dropzone-container label.disabled span {
  color: #ccc;
}
.upload-modal .upload-items .upload-item input[type=text] {
  margin: 0;
}
.upload-modal .upload-items .upload-item .file-name-span {
  overflow: hidden;
}
.upload-modal .upload-items .upload-item .progress-bar-wrapper .progress-bar-border {
  height: 2rem;
  border: 1px solid #000;
  box-sizing: border-box;
  padding: 0;
}
.upload-modal .upload-items .upload-item .progress-bar-wrapper .progress-bar-border .progress-bar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: white;
  background-color: #000;
  padding: 0 0.5rem;
  height: 2rem;
}
.upload-modal .upload-items .upload-item .progress-bar-wrapper .progress-bar-border .progress-bar.filled {
  justify-content: center;
  width: 100% !important;
}
.upload-modal .upload-items .remove-upload-item {
  cursor: pointer;
}
.upload-modal .upload-items .upload-errors .form-error {
  margin: 0;
}

.dynamic-uploads {
  display: flex;
  flex-direction: column;
}
@media print, screen and (max-width: 76.49875em) {
  .dynamic-uploads {
    margin-bottom: 0.5rem;
  }
}
.dynamic-uploads .actions-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}
.dynamic-uploads .actions-wrapper button.primary {
  margin-right: 0.5rem;
}
.dynamic-uploads .actions-wrapper button.remove-upload {
  cursor: pointer;
}
.dynamic-uploads .actions-wrapper.titled {
  flex-direction: column-reverse;
}
.dynamic-uploads .actions-wrapper .active-uploads span.filename {
  margin-right: 0.5rem;
}
.dynamic-uploads .actions-wrapper .active-uploads span:last-child {
  margin-right: 0.5rem;
}
.dynamic-uploads.with-title {
  display: block;
  margin: 0;
}

.highligted-content-banner {
  background-size: cover;
  position: relative;
  z-index: 0;
  min-height: 255px;
}
.highligted-content-banner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.highligted-content-banner .highligted-content-banner__container {
  position: relative;
  z-index: 1;
  padding: 3rem 0;
}
@media print, screen and (min-width: 36em) {
  .highligted-content-banner .highligted-content-banner__container {
    padding: 4rem 0;
  }
}
@media print, screen and (min-width: 48em) {
  .highligted-content-banner .highligted-content-banner__container {
    padding: 5rem 0;
  }
}
@media print, screen and (min-width: 62em) {
  .highligted-content-banner .highligted-content-banner__container {
    padding: 6rem 0;
  }
}

.hero {
  background-size: cover;
  position: relative;
  z-index: 0;
}
.hero::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.hero a:focus {
  outline-color: var(--highlight-alternative);
}

.hero__container {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 3rem 0;
}
@media print, screen and (min-width: 36em) {
  .hero__container {
    padding: 4rem 0;
  }
}
@media print, screen and (min-width: 48em) {
  .hero__container {
    padding: 5rem 0;
  }
}
@media print, screen and (min-width: 62em) {
  .hero__container {
    padding: 6rem 0;
  }
}

.hero__boxes {
  text-align: center;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  margin-top: 1rem;
  padding: 1rem;
}
@media print, screen and (min-width: 36em) {
  .hero__boxes {
    text-align: left;
    padding: 2rem 1.5rem;
    margin-top: 2rem;
  }
}
@media print, screen and (min-width: 48em) {
  .hero__boxes {
    margin-top: 3rem;
  }
}
@media print, screen and (min-width: 62em) {
  .hero__boxes {
    margin-top: 4rem;
  }
}
.hero__boxes p {
  font-size: 1.0625rem;
}
.hero__boxes .button, .hero__boxes .meeting-polls__button {
  display: block;
  margin: 0 auto;
}
.hero__boxes .box__search {
  position: relative;
  margin: 0 auto;
}
.hero__boxes .box__search input,
.hero__boxes .box__search input:focus {
  color: #000;
  margin: 0;
  box-shadow: none;
  background: #fff;
  line-height: 1;
  padding: 1.15em 1.9em;
  padding-left: 2rem;
  height: auto;
  border: 1px solid transparent;
}
.hero__boxes .box__search input::-webkit-input-placeholder,
.hero__boxes .box__search input:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.3);
}
.hero__boxes .box__search input::-moz-placeholder,
.hero__boxes .box__search input:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.3);
}
.hero__boxes .box__search input:-ms-input-placeholder,
.hero__boxes .box__search input:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0, 0.3);
}
.hero__boxes .box__search input:-moz-placeholder,
.hero__boxes .box__search input:focus:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 0, 0, 0.3);
}
.hero__boxes .box__search svg {
  color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
  opacity: 0.5;
}

.hero-heading {
  margin-bottom: 1.5rem;
  font-size: 2rem;
  line-height: 1;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}
.hero-heading br {
  display: none;
}
@media print, screen and (min-width: 36em) {
  .hero-heading {
    font-size: 2.5rem;
  }
  .hero-heading br {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .hero-heading {
    font-size: 3.5rem;
  }
}
@media print, screen and (min-width: 62em) {
  .hero-heading {
    font-size: 4.5rem;
  }
}

.hero-cta {
  margin-top: 1rem;
  padding: 1.2rem 1rem;
}
@media print, screen and (min-width: 36em) {
  .hero-cta {
    margin-top: 2rem;
  }
}
@media print, screen and (min-width: 48em) {
  .hero-cta {
    margin-top: 3rem;
  }
}
@media print, screen and (min-width: 62em) {
  .hero-cta {
    margin-top: 4rem;
  }
}

.wrapper-home {
  padding: 4rem 1rem;
}
@media print, screen and (min-width: 36em) {
  .wrapper-home {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media print, screen and (min-width: 62em) {
  .wrapper-home {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.wrapper-home--mini {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.home-section:nth-of-type(2n + 1) {
  background-color: #f4f4f4;
}

.subhero {
  padding: 4rem 0;
  text-align: center;
}
.subhero ul,
.subhero ol {
  list-style-position: inside;
}
@media print, screen and (max-width: 47.99875em) {
  .subhero .heading3 {
    font-size: 1.3em;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .subhero .heading2, .subhero .card--full .card__title, .card--full .subhero .card__title {
    font-size: 1.5em;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .subhero .heading4 {
    font-size: 1.2em;
  }
}

.subhero-cta {
  margin-top: 2rem;
  color: var(--primary);
  display: inline-block;
  position: relative;
}
.subhero-cta:hover, .subhero-cta:focus {
  text-decoration: underline;
  color: var(--primary);
}
.subhero-cta .icon {
  position: absolute;
  top: 0.33em;
  right: -1em;
  transition: 0.3s right;
}
.subhero-cta:hover .icon {
  right: -1.2em;
}

.subhero-cta--secondary {
  margin-top: 0;
}

.home-section__cta {
  margin-top: 2rem;
}

.home-bullets {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 48em) {
  .home-bullets {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

.home-bullet {
  overflow: hidden;
}

.home-bullet__icon {
  float: left;
  text-align: right;
}
.home-bullet__icon svg {
  width: 30px;
  height: 30px;
  fill: var(--primary);
}

.home-bullet__desc {
  float: right;
  width: 85%;
  width: calc(100% - 30px);
  padding-left: 1rem;
}

.home-map .wrapper-home {
  padding-bottom: 0;
}
.home-map #google-map {
  margin-bottom: 0;
}

/* Home Statistics */
.home-stats {
  overflow: hidden;
  margin: 2rem 0;
}
@media print, screen and (min-width: 48em) {
  .home-stats {
    margin: 5rem 0;
  }
}
.home-stats .statistics-cell {
  margin: 0;
}

.home-stats__highlight .statistic__data::after,
.home-stats__lowlight .statistic__data::after {
  border: none;
}

@media print, screen and (min-width: 36em) {
  .home-stats__highlight {
    display: flex;
  }
}
.home-stats__highlight .statistic__data {
  margin: 0;
  padding: 1rem 2rem;
}
@media print, screen and (min-width: 36em) {
  .home-stats__highlight .statistic__data {
    width: 50%;
    border-bottom: 1px solid #ccc;
  }
}
.home-stats__highlight .statistic__data:nth-child(odd) {
  border-right: 1px solid #ccc;
}
.home-stats__highlight .statistic__data:last-child {
  border-right: none;
}
.home-stats__highlight .statistic__number {
  font-size: 4rem;
  line-height: 1;
}

.home-stats__lowlight .statistic__data {
  padding: 0.25rem;
  width: calc(33% - 1rem);
}
@media print, screen and (min-width: 48em) {
  .home-stats__lowlight .statistic__data {
    text-align: left;
  }
  .home-stats__lowlight .statistic__data:first-child, .home-stats__lowlight .statistic__data:last-child {
    padding-left: 0;
  }
}
.home-stats__lowlight .statistic__number {
  font-size: 1.2rem;
  font-weight: 800;
}
.home-stats__lowlight .statistic__title {
  display: inline;
}

.logo-wrapper span {
  color: white;
  font-weight: 600;
  font-size: 1.4em;
  display: inline-block;
  text-align: left;
  padding-left: 8px;
  line-height: 1;
  position: relative;
}
.logo-wrapper span:hover {
  text-decoration: underline;
}

.logo-wrapper span::before {
  content: "";
  display: block;
  position: absolute;
  border-left: 4px solid white;
  height: 88%;
  top: 6%;
  left: 0;
}

.user-header {
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 36em) {
  .user-header {
    margin-bottom: 3rem;
  }
}

.user-header__main {
  display: flex;
  align-items: center;
}
.user-header__main::before, .user-header__main::after {
  display: table;
  content: " ";
}
.user-header__main::after {
  clear: both;
}

.user-header__avatar {
  width: 60px;
}
.user-header__avatar > img {
  border-radius: 50%;
  width: 40px;
}

.user-header__heading {
  margin-bottom: 0;
}

.user-nickname {
  color: gray;
  font-size: 1rem;
}
.user-nickname .user-contact_link {
  margin-left: 0.5rem;
}

.account-notification {
  display: flex;
}
.account-notification.callout.flash {
  margin-bottom: 1rem;
}

.badge-card__content {
  display: flex;
  align-items: center;
}
.badge-card__content .icon {
  height: 1.5em;
  width: 1.5em;
  margin-right: 0.7em;
  vertical-align: middle;
}

.profile--sidebar--title {
  font-size: 1.25rem;
}

.view-header {
  margin-bottom: 2rem;
}

@media print, screen and (max-width: 47.99875em) {
  .support-wrapper-md {
    margin: 1rem 0;
  }
}

@media print, screen and (min-width: 36em) and (max-width: 47.99875em) {
  .view-side {
    width: 50%;
    margin: 0 auto 2rem;
    float: none;
  }
}

.add-comment .remaining-character-count {
  border: 0;
  color: #000;
  padding: 0.85em 1em;
  vertical-align: middle;
  display: inline-block;
}

.callout.announcement {
  margin-bottom: 1em;
}

.collection-sort-controls .column, .collection-sort-controls .columns {
  margin-bottom: 0;
}

.reveal--embed {
  overflow-y: hidden;
}
.reveal--embed .embed__code {
  font-family: monospace;
  background: #f4f4f4;
  padding: 1em;
  border-radius: 0.3em;
  font-size: 1em;
  overflow-y: auto;
}

body.widget {
  background: #fff;
  padding: 8px;
  margin: 0;
}
body.widget .participatory-process {
  margin-bottom: 8px;
}
body.widget .card, body.widget .chart-tooltip, body.widget .comment-thread, body.widget .add-message, body.widget .conference-speaker .speaker-bio, .conference-speaker body.widget .speaker-bio, body.widget .conference-registration {
  margin: 0;
}
body.widget .organization {
  margin-top: 8px;
  text-align: right;
}

.external-link-container {
  position: relative;
}

.external-link-indicator {
  display: inline-block;
  position: relative;
  vertical-align: baseline;
  width: 0.5em;
  margin: 0 0.2rem 0 0.1rem;
  height: 0.5em;
}
.external-link-indicator .icon {
  display: block;
  max-height: 100%;
  max-width: 100%;
}
a img + .external-link-indicator {
  position: absolute;
  top: 7px;
  right: 5px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0.2em;
  width: 0.9rem;
  height: 0.9rem;
}

.external-link-page-content .external-link-url {
  background-color: #ebedf1;
  word-wrap: break-word;
  word-break: break-word;
}
.external-link-page-content .external-link-cancel {
  color: #525a65;
}

.impersonation-warning {
  background: #ccc;
  padding: 0.5em 1em;
  text-align: center;
}
.impersonation-warning a {
  color: black;
}

.impersonation-warning__action {
  text-align: center;
}
.impersonation-warning__action .button, .impersonation-warning__action .meeting-polls__button {
  margin: 0.5em 0;
}
@media print, screen and (min-width: 48em) {
  .impersonation-warning__action {
    vertical-align: baseline;
    display: inline-block;
  }
  .impersonation-warning__action .button, .impersonation-warning__action .meeting-polls__button {
    margin: 0 0 0 1em;
  }
}

.label-required {
  cursor: help;
  border-bottom: 1px dotted #1a181d;
  text-decoration: none;
  padding-right: 0;
  margin-left: 5px;
}
.label-required > span {
  padding-right: 0;
  margin-right: 0;
}

.leaflet-container .map-info {
  border: 1px solid var(--primary);
}
.leaflet-container .map-info .leaflet-popup-content-wrapper {
  border-radius: 2px;
}
.leaflet-container .map-info a.button, .leaflet-container .map-info a.meeting-polls__button {
  color: #fff;
}
.leaflet-container .leaflet-popup-tip {
  border: 1px solid var(--primary);
}

#meeting-registration-confirm .help-text {
  border: 1px solid #eee;
  background: #fff;
  padding: 0.5em;
  overflow-y: scroll;
  margin-bottom: 1em;
  margin-top: 0.5em;
  height: 20em;
}

.represent-user-group {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.public-participation {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.user-group-fields {
  margin-bottom: 0.5em;
}

form.new_collaborative_draft fieldset,
form.new_proposal fieldset,
form.edit_proposal fieldset {
  border: 1px solid #e8e8e8;
  padding: 0.5em;
  margin-bottom: 1em;
}

.ql-video {
  max-width: 600px;
  width: 100%;
  height: 450px;
  max-height: 70vh;
  margin: 40px auto;
  display: block;
}

.ql-toolbar .ql-video {
  margin-top: 0;
  margin-bottom: 0;
}

.tech-info--text-left {
  text-align: left;
}

/* Results per page styles */
.results-per-page {
  margin-bottom: 1rem;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.results-per-page a:hover {
  color: var(--secondary);
  text-decoration: underline;
}
.results-per-page a:focus {
  outline: 2px solid #007293;
}

.results-per-page__dropdown {
  display: flex;
  flex-wrap: wrap;
}
.results-per-page__dropdown .menu .is-dropdown-submenu-parent > a, .results-per-page__dropdown .tabs.expanded .is-dropdown-submenu-parent > a {
  padding: 0;
  margin-left: 0.5rem;
  margin-top: 0.25rem;
}

.results-per-page__dropdown--right {
  margin-left: auto;
}

.results-per-page__action {
  margin-left: auto;
  justify-content: flex-end;
}
.results-per-page__action .button, .results-per-page__action .meeting-polls__button {
  margin-bottom: 0;
}

.results-per-page__tabs {
  display: inline-block;
}

.results-per-page__tab {
  color: #4d4d4d;
}
.results-per-page__tab::after {
  content: "";
  display: inline-block;
  height: 0.75em;
  border-left: 1px solid #ccc;
  margin: 0 0.2em 0 0.5em;
  vertical-align: middle;
}
.results-per-page__tab.is-active {
  color: #000;
}
.results-per-page__tab:first-of-type {
  padding-left: 0;
}
.results-per-page__tab:last-of-type::after {
  border-left: none;
}

.social-share-button .ssb-icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  display: inline-block;
  height: 18px;
  width: 18px;
}

.social-share-button .ssb-twitter {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/twitter-ee390c342f9f90074a88.svg);
}

.social-share-button .ssb-x {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/x-6b9df5aab7379b9bb14b.svg);
}

.social-share-button .ssb-facebook {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/facebook-0ada3788990cda55b9ba.svg);
}

.social-share-button .ssb-google_bookmark {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/google_bookmark-524f99e4fffb564dda37.svg);
}

.social-share-button .ssb-google_plus {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/google_plus-4118815a76b760dea8e7.svg);
}

.social-share-button .ssb-weibo {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/weibo-20a80f206cb23e64c556.svg);
}

.social-share-button .ssb-qq {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/qq-883b6ea8c69ef9ce093c.svg);
}

.social-share-button .ssb-delicious {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/delicious-645ddfaca5163af23947.svg);
}

.social-share-button .ssb-linkedin {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/linkedin-96905a0a4097dc978626.svg);
}

.social-share-button .ssb-tumblr {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/tumblr-4d59e5b74838fa10b52f.svg);
}

.social-share-button .ssb-pinterest {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/pinterest-e1a7ea454b158f6c3fd6.svg);
}

.social-share-button .ssb-douban {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/douban-59306a4ec1a7595eda35.svg);
}

.social-share-button .ssb-wechat {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/wechat-28b576b3290e9cb55115.svg);
}

.social-share-button .ssb-vkontakte {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/vkontakte-e41f3b3192e8f0eab1d1.svg);
}

.social-share-button .ssb-odnoklassniki {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/odnoklassniki-cef3146ee2d5fdb32157.svg);
}

.social-share-button .ssb-xing {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/xing-dc9a2b2304a9d39eea11.svg);
}

.social-share-button .ssb-email {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/email-d79a53d1d223015094db.svg);
}

.social-share-button .ssb-reddit {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/reddit-f39b812702e7016a015a.svg);
}

.social-share-button .ssb-hacker_news {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/hacker_news-b117e036a024756086ab.svg);
}

.social-share-button .ssb-telegram {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/telegram-ca65ba180088505e1371.svg);
}

.social-share-button .ssb-whatsapp_app,
.social-share-button .ssb-whatsapp_web {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/whatsapp-8f3586f10ca30504aed4.svg);
}

.ss-wechat-dialog {
  width: 300px;
  position: fixed;
  background: #fff;
  padding: 15px;
  border-radius: 3px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
  z-index: 11001;
  font-size: 14px;
  line-height: 1.2em;
}

.ss-wechat-dialog .wechat-popup-header {
  font-weight: bold;
}

.ss-wechat-dialog .wechat-dialog-qr {
  text-align: center;
  margin: 25px 0;
}

.ss-wechat-dialog .wechat-popup-close {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 10px;
  color: #999;
  text-decoration: none;
  font-size: 16px;
}

.ss-wechat-dialog .wechat-popup-footer {
  text-align: left;
  line-height: 22px;
  color: #666;
}

.share-link:hover {
  text-decoration: underline;
  cursor: pointer;
}

.social-share-button {
  display: inline-block;
  vertical-align: top;
}
.social-share-button .ssb-icon {
  margin-right: 5px;
  background-size: 45px 45px;
  height: 45px;
  width: 45px;
}

a.ssb-icon.ssb-whatsapp_app {
  display: none;
}

@media (hover: none) and (pointer: coarse) {
  a.ssb-icon.ssb-whatsapp_app {
    display: inline-block;
  }
  a.ssb-icon.ssb-whatsapp_web {
    display: none;
  }
}
#urlShareLink {
  cursor: auto;
}

.proposal-status.label.secondary {
  color: #fff;
}

.areachart svg {
  background-color: #e4e6ec;
  overflow: visible;
  border-radius: 3px;
}
.areachart .title {
  fill: #4d4d4d;
  font-weight: 600;
}
.areachart .area {
  fill: rgba(var(--primary-rgb), 0.05);
}
.areachart .line {
  fill: none;
  stroke: rgba(var(--primary-rgb), 0.2);
  stroke-width: 4px;
}
.areachart .circle {
  fill: rgba(var(--primary-rgb), 0.2);
}
.areachart .tick {
  opacity: 0.5;
}
.areachart .tick .dashed {
  stroke-dasharray: 1, 3;
}
.areachart .sum {
  font-weight: 600;
  font-size: 4.875rem;
}
.areachart.primary .area {
  fill: rgba(0, 0, 0, 0.05);
}
.areachart.primary .line {
  stroke: rgba(0, 0, 0, 0.2);
}
.areachart.primary .circle {
  fill: rgba(0, 0, 0, 0.2);
}
.areachart.secondary .area {
  fill: rgba(255, 233, 119, 0.05);
}
.areachart.secondary .line {
  stroke: rgba(255, 233, 119, 0.2);
}
.areachart.secondary .circle {
  fill: rgba(255, 233, 119, 0.2);
}
.areachart.success .area {
  fill: rgba(0, 122, 100, 0.05);
}
.areachart.success .line {
  stroke: rgba(0, 122, 100, 0.2);
}
.areachart.success .circle {
  fill: rgba(0, 122, 100, 0.2);
}
.areachart.warning .area {
  fill: rgba(255, 218, 7, 0.05);
}
.areachart.warning .line {
  stroke: rgba(255, 218, 7, 0.2);
}
.areachart.warning .circle {
  fill: rgba(255, 218, 7, 0.2);
}
.areachart.alert .area {
  fill: rgba(196, 18, 62, 0.05);
}
.areachart.alert .line {
  stroke: rgba(196, 18, 62, 0.2);
}
.areachart.alert .circle {
  fill: rgba(196, 18, 62, 0.2);
}
.areachart.small .sum, .areachart.meeting-polls__button .sum {
  font-size: 1.5rem;
}

.chart-tooltip {
  position: absolute;
  transform: translate(-50%, -119%);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  overflow: visible;
}
.chart-tooltip .tooltip-content {
  position: relative;
}
.chart-tooltip .tooltip-content::after, .chart-tooltip .tooltip-content::before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.chart-tooltip .tooltip-content::after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
  top: calc(100% - 1px);
}
.chart-tooltip .tooltip-content::before {
  border-color: rgba(204, 204, 204, 0);
  border-top-color: #ccc;
  border-width: 11px;
  margin-left: -11px;
}

.linechart svg {
  overflow: visible;
}
.linechart .background {
  fill: #f9f9f9;
}
.linechart .title {
  fill: #4d4d4d;
  font-weight: 600;
  font-size: 1.5rem;
}
.linechart .subtitle {
  fill: #4d4d4d;
  font-size: 0.875rem;
}
.linechart .tick {
  opacity: 0.5;
}
.linechart .tick .dashed {
  stroke-dasharray: 3;
}
.linechart .line {
  fill: none;
  stroke-width: 3px;
}
.linechart .type-0:not(.legend) {
  stroke: #2590f7;
}
.linechart .type-0:not(.legend):hover {
  cursor: pointer;
  stroke: #f78c25;
}
.linechart .type-0:not(.line) {
  fill: #2590f7;
}
.linechart .type-0:not(.line):hover {
  cursor: pointer;
  fill: #f78c25;
}
.linechart .type-1:not(.legend) {
  stroke: #5aabf9;
}
.linechart .type-1:not(.legend):hover {
  cursor: pointer;
  stroke: #f9a85a;
}
.linechart .type-1:not(.line) {
  fill: #5aabf9;
}
.linechart .type-1:not(.line):hover {
  cursor: pointer;
  fill: #f9a85a;
}
.linechart .type-2:not(.legend) {
  stroke: #8fc6fb;
}
.linechart .type-2:not(.legend):hover {
  cursor: pointer;
  stroke: #fbc48f;
}
.linechart .type-2:not(.line) {
  fill: #8fc6fb;
}
.linechart .type-2:not(.line):hover {
  cursor: pointer;
  fill: #fbc48f;
}
.linechart .type-3:not(.legend) {
  stroke: #c4e1fd;
}
.linechart .type-3:not(.legend):hover {
  cursor: pointer;
  stroke: #fde0c4;
}
.linechart .type-3:not(.line) {
  fill: #c4e1fd;
}
.linechart .type-3:not(.line):hover {
  cursor: pointer;
  fill: #fde0c4;
}
.linechart .type-4:not(.legend) {
  stroke: #238ef5;
}
.linechart .type-4:not(.legend):hover {
  cursor: pointer;
  stroke: #f58a23;
}
.linechart .type-4:not(.line) {
  fill: #238ef5;
}
.linechart .type-4:not(.line):hover {
  cursor: pointer;
  fill: #f58a23;
}
.linechart .type-5:not(.legend) {
  stroke: #1a6bb9;
}
.linechart .type-5:not(.legend):hover {
  cursor: pointer;
  stroke: #b9681a;
}
.linechart .type-5:not(.line) {
  fill: #1a6bb9;
}
.linechart .type-5:not(.line):hover {
  cursor: pointer;
  fill: #b9681a;
}
.linechart .type-6:not(.legend) {
  stroke: #12497e;
}
.linechart .type-6:not(.legend):hover {
  cursor: pointer;
  stroke: #7e4712;
}
.linechart .type-6:not(.line) {
  fill: #12497e;
}
.linechart .type-6:not(.line):hover {
  cursor: pointer;
  fill: #7e4712;
}
.linechart .type-7:not(.legend) {
  stroke: #092743;
}
.linechart .type-7:not(.legend):hover {
  cursor: pointer;
  stroke: #432509;
}
.linechart .type-7:not(.line) {
  fill: #092743;
}
.linechart .type-7:not(.line):hover {
  cursor: pointer;
  fill: #432509;
}
.linechart .type-8:not(.legend) {
  stroke: #2895f7;
}
.linechart .type-8:not(.legend):hover {
  cursor: pointer;
  stroke: #f78a28;
}
.linechart .type-8:not(.line) {
  fill: #2895f7;
}
.linechart .type-8:not(.line):hover {
  cursor: pointer;
  fill: #f78a28;
}
.linechart .type-9:not(.legend) {
  stroke: #9ef5fb;
}
.linechart .type-9:not(.legend):hover {
  cursor: pointer;
  stroke: #fba59e;
}
.linechart .type-9:not(.line) {
  fill: #9ef5fb;
}
.linechart .type-9:not(.line):hover {
  cursor: pointer;
  fill: #fba59e;
}
.linechart .type-10:not(.legend) {
  stroke: white;
}
.linechart .type-10:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart .type-10:not(.line) {
  fill: white;
}
.linechart .type-10:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.linechart .type-11:not(.legend) {
  stroke: white;
}
.linechart .type-11:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart .type-11:not(.line) {
  fill: white;
}
.linechart .type-11:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.linechart.primary .type-0:not(.legend) {
  stroke: #030303;
}
.linechart.primary .type-0:not(.legend):hover {
  cursor: pointer;
  stroke: #030303;
}
.linechart.primary .type-0:not(.line) {
  fill: #030303;
}
.linechart.primary .type-0:not(.line):hover {
  cursor: pointer;
  fill: #030303;
}
.linechart.primary .type-1:not(.legend) {
  stroke: #404040;
}
.linechart.primary .type-1:not(.legend):hover {
  cursor: pointer;
  stroke: #404040;
}
.linechart.primary .type-1:not(.line) {
  fill: #404040;
}
.linechart.primary .type-1:not(.line):hover {
  cursor: pointer;
  fill: #404040;
}
.linechart.primary .type-2:not(.legend) {
  stroke: #7d7d7d;
}
.linechart.primary .type-2:not(.legend):hover {
  cursor: pointer;
  stroke: #7d7d7d;
}
.linechart.primary .type-2:not(.line) {
  fill: #7d7d7d;
}
.linechart.primary .type-2:not(.line):hover {
  cursor: pointer;
  fill: #7d7d7d;
}
.linechart.primary .type-3:not(.legend) {
  stroke: #bababa;
}
.linechart.primary .type-3:not(.legend):hover {
  cursor: pointer;
  stroke: #bababa;
}
.linechart.primary .type-3:not(.line) {
  fill: #bababa;
}
.linechart.primary .type-3:not(.line):hover {
  cursor: pointer;
  fill: #bababa;
}
.linechart.primary .type-4:not(.legend) {
  stroke: black;
}
.linechart.primary .type-4:not(.legend):hover {
  cursor: pointer;
  stroke: black;
}
.linechart.primary .type-4:not(.line) {
  fill: black;
}
.linechart.primary .type-4:not(.line):hover {
  cursor: pointer;
  fill: black;
}
.linechart.primary .type-5:not(.legend) {
  stroke: black;
}
.linechart.primary .type-5:not(.legend):hover {
  cursor: pointer;
  stroke: black;
}
.linechart.primary .type-5:not(.line) {
  fill: black;
}
.linechart.primary .type-5:not(.line):hover {
  cursor: pointer;
  fill: black;
}
.linechart.primary .type-6:not(.legend) {
  stroke: black;
}
.linechart.primary .type-6:not(.legend):hover {
  cursor: pointer;
  stroke: black;
}
.linechart.primary .type-6:not(.line) {
  fill: black;
}
.linechart.primary .type-6:not(.line):hover {
  cursor: pointer;
  fill: black;
}
.linechart.primary .type-7:not(.legend) {
  stroke: black;
}
.linechart.primary .type-7:not(.legend):hover {
  cursor: pointer;
  stroke: black;
}
.linechart.primary .type-7:not(.line) {
  fill: black;
}
.linechart.primary .type-7:not(.line):hover {
  cursor: pointer;
  fill: black;
}
.linechart.primary .type-8:not(.legend) {
  stroke: #030303;
}
.linechart.primary .type-8:not(.legend):hover {
  cursor: pointer;
  stroke: #030303;
}
.linechart.primary .type-8:not(.line) {
  fill: #030303;
}
.linechart.primary .type-8:not(.line):hover {
  cursor: pointer;
  fill: #030303;
}
.linechart.primary .type-9:not(.legend) {
  stroke: #404040;
}
.linechart.primary .type-9:not(.legend):hover {
  cursor: pointer;
  stroke: #404040;
}
.linechart.primary .type-9:not(.line) {
  fill: #404040;
}
.linechart.primary .type-9:not(.line):hover {
  cursor: pointer;
  fill: #404040;
}
.linechart.primary .type-10:not(.legend) {
  stroke: #7d7d7d;
}
.linechart.primary .type-10:not(.legend):hover {
  cursor: pointer;
  stroke: #7d7d7d;
}
.linechart.primary .type-10:not(.line) {
  fill: #7d7d7d;
}
.linechart.primary .type-10:not(.line):hover {
  cursor: pointer;
  fill: #7d7d7d;
}
.linechart.primary .type-11:not(.legend) {
  stroke: #bababa;
}
.linechart.primary .type-11:not(.legend):hover {
  cursor: pointer;
  stroke: #bababa;
}
.linechart.primary .type-11:not(.line) {
  fill: #bababa;
}
.linechart.primary .type-11:not(.line):hover {
  cursor: pointer;
  fill: #bababa;
}
.linechart.secondary .type-0:not(.legend) {
  stroke: #ffe978;
}
.linechart.secondary .type-0:not(.legend):hover {
  cursor: pointer;
  stroke: #788eff;
}
.linechart.secondary .type-0:not(.line) {
  fill: #ffe978;
}
.linechart.secondary .type-0:not(.line):hover {
  cursor: pointer;
  fill: #788eff;
}
.linechart.secondary .type-1:not(.legend) {
  stroke: #ffef99;
}
.linechart.secondary .type-1:not(.legend):hover {
  cursor: pointer;
  stroke: #99a9ff;
}
.linechart.secondary .type-1:not(.line) {
  fill: #ffef99;
}
.linechart.secondary .type-1:not(.line):hover {
  cursor: pointer;
  fill: #99a9ff;
}
.linechart.secondary .type-2:not(.legend) {
  stroke: #fff4ba;
}
.linechart.secondary .type-2:not(.legend):hover {
  cursor: pointer;
  stroke: #bac5ff;
}
.linechart.secondary .type-2:not(.line) {
  fill: #fff4ba;
}
.linechart.secondary .type-2:not(.line):hover {
  cursor: pointer;
  fill: #bac5ff;
}
.linechart.secondary .type-3:not(.legend) {
  stroke: #fff9da;
}
.linechart.secondary .type-3:not(.legend):hover {
  cursor: pointer;
  stroke: #dae0ff;
}
.linechart.secondary .type-3:not(.line) {
  fill: #fff9da;
}
.linechart.secondary .type-3:not(.line):hover {
  cursor: pointer;
  fill: #dae0ff;
}
.linechart.secondary .type-4:not(.legend) {
  stroke: #fce776;
}
.linechart.secondary .type-4:not(.legend):hover {
  cursor: pointer;
  stroke: #768bfc;
}
.linechart.secondary .type-4:not(.line) {
  fill: #fce776;
}
.linechart.secondary .type-4:not(.line):hover {
  cursor: pointer;
  fill: #768bfc;
}
.linechart.secondary .type-5:not(.legend) {
  stroke: #bfaf59;
}
.linechart.secondary .type-5:not(.legend):hover {
  cursor: pointer;
  stroke: #5969bf;
}
.linechart.secondary .type-5:not(.line) {
  fill: #bfaf59;
}
.linechart.secondary .type-5:not(.line):hover {
  cursor: pointer;
  fill: #5969bf;
}
.linechart.secondary .type-6:not(.legend) {
  stroke: #82773d;
}
.linechart.secondary .type-6:not(.legend):hover {
  cursor: pointer;
  stroke: #3d4882;
}
.linechart.secondary .type-6:not(.line) {
  fill: #82773d;
}
.linechart.secondary .type-6:not(.line):hover {
  cursor: pointer;
  fill: #3d4882;
}
.linechart.secondary .type-7:not(.legend) {
  stroke: #453f20;
}
.linechart.secondary .type-7:not(.legend):hover {
  cursor: pointer;
  stroke: #202645;
}
.linechart.secondary .type-7:not(.line) {
  fill: #453f20;
}
.linechart.secondary .type-7:not(.line):hover {
  cursor: pointer;
  fill: #202645;
}
.linechart.secondary .type-8:not(.legend) {
  stroke: #ffe87c;
}
.linechart.secondary .type-8:not(.legend):hover {
  cursor: pointer;
  stroke: #7c93ff;
}
.linechart.secondary .type-8:not(.line) {
  fill: #ffe87c;
}
.linechart.secondary .type-8:not(.line):hover {
  cursor: pointer;
  fill: #7c93ff;
}
.linechart.secondary .type-9:not(.legend) {
  stroke: #fffaf7;
}
.linechart.secondary .type-9:not(.legend):hover {
  cursor: pointer;
  stroke: #f7fbff;
}
.linechart.secondary .type-9:not(.line) {
  fill: #fffaf7;
}
.linechart.secondary .type-9:not(.line):hover {
  cursor: pointer;
  fill: #f7fbff;
}
.linechart.secondary .type-10:not(.legend) {
  stroke: white;
}
.linechart.secondary .type-10:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart.secondary .type-10:not(.line) {
  fill: white;
}
.linechart.secondary .type-10:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.linechart.secondary .type-11:not(.legend) {
  stroke: white;
}
.linechart.secondary .type-11:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart.secondary .type-11:not(.line) {
  fill: white;
}
.linechart.secondary .type-11:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.linechart.success .type-0:not(.legend) {
  stroke: #037b66;
}
.linechart.success .type-0:not(.legend):hover {
  cursor: pointer;
  stroke: #7b0318;
}
.linechart.success .type-0:not(.line) {
  fill: #037b66;
}
.linechart.success .type-0:not(.line):hover {
  cursor: pointer;
  fill: #7b0318;
}
.linechart.success .type-1:not(.legend) {
  stroke: #409b8b;
}
.linechart.success .type-1:not(.legend):hover {
  cursor: pointer;
  stroke: #9b4050;
}
.linechart.success .type-1:not(.line) {
  fill: #409b8b;
}
.linechart.success .type-1:not(.line):hover {
  cursor: pointer;
  fill: #9b4050;
}
.linechart.success .type-2:not(.legend) {
  stroke: #7dbbb0;
}
.linechart.success .type-2:not(.legend):hover {
  cursor: pointer;
  stroke: #bb7d88;
}
.linechart.success .type-2:not(.line) {
  fill: #7dbbb0;
}
.linechart.success .type-2:not(.line):hover {
  cursor: pointer;
  fill: #bb7d88;
}
.linechart.success .type-3:not(.legend) {
  stroke: #badbd5;
}
.linechart.success .type-3:not(.legend):hover {
  cursor: pointer;
  stroke: #dbbac0;
}
.linechart.success .type-3:not(.line) {
  fill: #badbd5;
}
.linechart.success .type-3:not(.line):hover {
  cursor: pointer;
  fill: #dbbac0;
}
.linechart.success .type-4:not(.legend) {
  stroke: #007963;
}
.linechart.success .type-4:not(.legend):hover {
  cursor: pointer;
  stroke: #790016;
}
.linechart.success .type-4:not(.line) {
  fill: #007963;
}
.linechart.success .type-4:not(.line):hover {
  cursor: pointer;
  fill: #790016;
}
.linechart.success .type-5:not(.legend) {
  stroke: #005c4b;
}
.linechart.success .type-5:not(.legend):hover {
  cursor: pointer;
  stroke: #5c0011;
}
.linechart.success .type-5:not(.line) {
  fill: #005c4b;
}
.linechart.success .type-5:not(.line):hover {
  cursor: pointer;
  fill: #5c0011;
}
.linechart.success .type-6:not(.legend) {
  stroke: #003e33;
}
.linechart.success .type-6:not(.legend):hover {
  cursor: pointer;
  stroke: #3e000b;
}
.linechart.success .type-6:not(.line) {
  fill: #003e33;
}
.linechart.success .type-6:not(.line):hover {
  cursor: pointer;
  fill: #3e000b;
}
.linechart.success .type-7:not(.legend) {
  stroke: #00211b;
}
.linechart.success .type-7:not(.legend):hover {
  cursor: pointer;
  stroke: #210006;
}
.linechart.success .type-7:not(.line) {
  fill: #00211b;
}
.linechart.success .type-7:not(.line):hover {
  cursor: pointer;
  fill: #210006;
}
.linechart.success .type-8:not(.legend) {
  stroke: #007f66;
}
.linechart.success .type-8:not(.legend):hover {
  cursor: pointer;
  stroke: #7f0019;
}
.linechart.success .type-8:not(.line) {
  fill: #007f66;
}
.linechart.success .type-8:not(.line):hover {
  cursor: pointer;
  fill: #7f0019;
}
.linechart.success .type-9:not(.legend) {
  stroke: #00fa65;
}
.linechart.success .type-9:not(.legend):hover {
  cursor: pointer;
  stroke: #fa0095;
}
.linechart.success .type-9:not(.line) {
  fill: #00fa65;
}
.linechart.success .type-9:not(.line):hover {
  cursor: pointer;
  fill: #fa0095;
}
.linechart.success .type-10:not(.legend) {
  stroke: #75ff75;
}
.linechart.success .type-10:not(.legend):hover {
  cursor: pointer;
  stroke: #ff75ff;
}
.linechart.success .type-10:not(.line) {
  fill: #75ff75;
}
.linechart.success .type-10:not(.line):hover {
  cursor: pointer;
  fill: #ff75ff;
}
.linechart.success .type-11:not(.legend) {
  stroke: #f6ffef;
}
.linechart.success .type-11:not(.legend):hover {
  cursor: pointer;
  stroke: #f9efff;
}
.linechart.success .type-11:not(.line) {
  fill: #f6ffef;
}
.linechart.success .type-11:not(.line):hover {
  cursor: pointer;
  fill: #f9efff;
}
.linechart.warning .type-0:not(.legend) {
  stroke: #ffda09;
}
.linechart.warning .type-0:not(.legend):hover {
  cursor: pointer;
  stroke: #092eff;
}
.linechart.warning .type-0:not(.line) {
  fill: #ffda09;
}
.linechart.warning .type-0:not(.line):hover {
  cursor: pointer;
  fill: #092eff;
}
.linechart.warning .type-1:not(.legend) {
  stroke: #ffe345;
}
.linechart.warning .type-1:not(.legend):hover {
  cursor: pointer;
  stroke: #4561ff;
}
.linechart.warning .type-1:not(.line) {
  fill: #ffe345;
}
.linechart.warning .type-1:not(.line):hover {
  cursor: pointer;
  fill: #4561ff;
}
.linechart.warning .type-2:not(.legend) {
  stroke: #ffec81;
}
.linechart.warning .type-2:not(.legend):hover {
  cursor: pointer;
  stroke: #8194ff;
}
.linechart.warning .type-2:not(.line) {
  fill: #ffec81;
}
.linechart.warning .type-2:not(.line):hover {
  cursor: pointer;
  fill: #8194ff;
}
.linechart.warning .type-3:not(.legend) {
  stroke: #fff5bc;
}
.linechart.warning .type-3:not(.legend):hover {
  cursor: pointer;
  stroke: #bcc6ff;
}
.linechart.warning .type-3:not(.line) {
  fill: #fff5bc;
}
.linechart.warning .type-3:not(.line):hover {
  cursor: pointer;
  fill: #bcc6ff;
}
.linechart.warning .type-4:not(.legend) {
  stroke: #fcd807;
}
.linechart.warning .type-4:not(.legend):hover {
  cursor: pointer;
  stroke: #072bfc;
}
.linechart.warning .type-4:not(.line) {
  fill: #fcd807;
}
.linechart.warning .type-4:not(.line):hover {
  cursor: pointer;
  fill: #072bfc;
}
.linechart.warning .type-5:not(.legend) {
  stroke: #bfa405;
}
.linechart.warning .type-5:not(.legend):hover {
  cursor: pointer;
  stroke: #0520bf;
}
.linechart.warning .type-5:not(.line) {
  fill: #bfa405;
}
.linechart.warning .type-5:not(.line):hover {
  cursor: pointer;
  fill: #0520bf;
}
.linechart.warning .type-6:not(.legend) {
  stroke: #826f04;
}
.linechart.warning .type-6:not(.legend):hover {
  cursor: pointer;
  stroke: #041782;
}
.linechart.warning .type-6:not(.line) {
  fill: #826f04;
}
.linechart.warning .type-6:not(.line):hover {
  cursor: pointer;
  fill: #041782;
}
.linechart.warning .type-7:not(.legend) {
  stroke: #453b02;
}
.linechart.warning .type-7:not(.legend):hover {
  cursor: pointer;
  stroke: #020c45;
}
.linechart.warning .type-7:not(.line) {
  fill: #453b02;
}
.linechart.warning .type-7:not(.line):hover {
  cursor: pointer;
  fill: #020c45;
}
.linechart.warning .type-8:not(.legend) {
  stroke: #ffd70c;
}
.linechart.warning .type-8:not(.legend):hover {
  cursor: pointer;
  stroke: #0c34ff;
}
.linechart.warning .type-8:not(.line) {
  fill: #ffd70c;
}
.linechart.warning .type-8:not(.line):hover {
  cursor: pointer;
  fill: #0c34ff;
}
.linechart.warning .type-9:not(.legend) {
  stroke: #ffbb87;
}
.linechart.warning .type-9:not(.legend):hover {
  cursor: pointer;
  stroke: #87cbff;
}
.linechart.warning .type-9:not(.line) {
  fill: #ffbb87;
}
.linechart.warning .type-9:not(.line):hover {
  cursor: pointer;
  fill: #87cbff;
}
.linechart.warning .type-10:not(.legend) {
  stroke: white;
}
.linechart.warning .type-10:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart.warning .type-10:not(.line) {
  fill: white;
}
.linechart.warning .type-10:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.linechart.warning .type-11:not(.legend) {
  stroke: white;
}
.linechart.warning .type-11:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart.warning .type-11:not(.line) {
  fill: white;
}
.linechart.warning .type-11:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.linechart.alert .type-0:not(.legend) {
  stroke: #c51440;
}
.linechart.alert .type-0:not(.legend):hover {
  cursor: pointer;
  stroke: #14c599;
}
.linechart.alert .type-0:not(.line) {
  fill: #c51440;
}
.linechart.alert .type-0:not(.line):hover {
  cursor: pointer;
  fill: #14c599;
}
.linechart.alert .type-1:not(.legend) {
  stroke: #d34d6e;
}
.linechart.alert .type-1:not(.legend):hover {
  cursor: pointer;
  stroke: #4dd3b2;
}
.linechart.alert .type-1:not(.line) {
  fill: #d34d6e;
}
.linechart.alert .type-1:not(.line):hover {
  cursor: pointer;
  fill: #4dd3b2;
}
.linechart.alert .type-2:not(.legend) {
  stroke: #e1869d;
}
.linechart.alert .type-2:not(.legend):hover {
  cursor: pointer;
  stroke: #86e1ca;
}
.linechart.alert .type-2:not(.line) {
  fill: #e1869d;
}
.linechart.alert .type-2:not(.line):hover {
  cursor: pointer;
  fill: #86e1ca;
}
.linechart.alert .type-3:not(.legend) {
  stroke: #efbfcb;
}
.linechart.alert .type-3:not(.legend):hover {
  cursor: pointer;
  stroke: #bfefe3;
}
.linechart.alert .type-3:not(.line) {
  fill: #efbfcb;
}
.linechart.alert .type-3:not(.line):hover {
  cursor: pointer;
  fill: #bfefe3;
}
.linechart.alert .type-4:not(.legend) {
  stroke: #c2123d;
}
.linechart.alert .type-4:not(.legend):hover {
  cursor: pointer;
  stroke: #12c297;
}
.linechart.alert .type-4:not(.line) {
  fill: #c2123d;
}
.linechart.alert .type-4:not(.line):hover {
  cursor: pointer;
  fill: #12c297;
}
.linechart.alert .type-5:not(.legend) {
  stroke: #930e2f;
}
.linechart.alert .type-5:not(.legend):hover {
  cursor: pointer;
  stroke: #0e9372;
}
.linechart.alert .type-5:not(.line) {
  fill: #930e2f;
}
.linechart.alert .type-5:not(.line):hover {
  cursor: pointer;
  fill: #0e9372;
}
.linechart.alert .type-6:not(.legend) {
  stroke: #640920;
}
.linechart.alert .type-6:not(.legend):hover {
  cursor: pointer;
  stroke: #09644d;
}
.linechart.alert .type-6:not(.line) {
  fill: #640920;
}
.linechart.alert .type-6:not(.line):hover {
  cursor: pointer;
  fill: #09644d;
}
.linechart.alert .type-7:not(.legend) {
  stroke: #350511;
}
.linechart.alert .type-7:not(.legend):hover {
  cursor: pointer;
  stroke: #053529;
}
.linechart.alert .type-7:not(.line) {
  fill: #350511;
}
.linechart.alert .type-7:not(.line):hover {
  cursor: pointer;
  fill: #053529;
}
.linechart.alert .type-8:not(.legend) {
  stroke: #c91243;
}
.linechart.alert .type-8:not(.legend):hover {
  cursor: pointer;
  stroke: #12c999;
}
.linechart.alert .type-8:not(.line) {
  fill: #c91243;
}
.linechart.alert .type-8:not(.line):hover {
  cursor: pointer;
  fill: #12c999;
}
.linechart.alert .type-9:not(.legend) {
  stroke: #f165c2;
}
.linechart.alert .type-9:not(.legend):hover {
  cursor: pointer;
  stroke: #65f194;
}
.linechart.alert .type-9:not(.line) {
  fill: #f165c2;
}
.linechart.alert .type-9:not(.line):hover {
  cursor: pointer;
  fill: #65f194;
}
.linechart.alert .type-10:not(.legend) {
  stroke: #f9d5fb;
}
.linechart.alert .type-10:not(.legend):hover {
  cursor: pointer;
  stroke: #d7fbd5;
}
.linechart.alert .type-10:not(.line) {
  fill: #f9d5fb;
}
.linechart.alert .type-10:not(.line):hover {
  cursor: pointer;
  fill: #d7fbd5;
}
.linechart.alert .type-11:not(.legend) {
  stroke: white;
}
.linechart.alert .type-11:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart.alert .type-11:not(.line) {
  fill: white;
}
.linechart.alert .type-11:not(.line):hover {
  cursor: pointer;
  fill: white;
}

.orgchart .as-card {
  fill: #f4f4f4;
  stroke: #ccc;
  stroke-width: 3px;
}
.orgchart .as-text {
  font-weight: 600;
  fill: #ffe977;
  text-anchor: middle;
}
.orgchart .as-circle {
  stroke: #ccc;
  stroke-width: 3px;
  fill: #f4f4f4;
}
.orgchart .link {
  stroke: #ccc;
  stroke-width: 3px;
}
.orgchart .node {
  cursor: pointer;
}
.orgchart .button, .orgchart .meeting-polls__button {
  min-height: 2.625rem;
  color: #000;
  outline: none;
  border: 1px solid #ccc;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(26, 24, 29, 0.1);
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.orgchart .button:hover, .orgchart .meeting-polls__button:hover {
  background-color: #fff;
}

.rowchart .background {
  fill: #f9f9f9;
}
.rowchart .title {
  fill: #4d4d4d;
  font-weight: 600;
  font-size: 1.5rem;
}
.rowchart .subtitle {
  fill: #4d4d4d;
  font-size: 0.875rem;
}
.rowchart .tick {
  opacity: 0.5;
}
.rowchart .tick .dashed {
  stroke-dasharray: 3;
}
.rowchart .type-0 {
  fill: #2590f7;
}
.rowchart .type-0:hover {
  cursor: pointer;
  fill: #f78c25;
}
.rowchart .type-1 {
  fill: #5aabf9;
}
.rowchart .type-1:hover {
  cursor: pointer;
  fill: #f9a85a;
}
.rowchart .type-2 {
  fill: #8fc6fb;
}
.rowchart .type-2:hover {
  cursor: pointer;
  fill: #fbc48f;
}
.rowchart .type-3 {
  fill: #c4e1fd;
}
.rowchart .type-3:hover {
  cursor: pointer;
  fill: #fde0c4;
}
.rowchart .type-4 {
  fill: #238ef5;
}
.rowchart .type-4:hover {
  cursor: pointer;
  fill: #f58a23;
}
.rowchart .type-5 {
  fill: #1a6bb9;
}
.rowchart .type-5:hover {
  cursor: pointer;
  fill: #b9681a;
}
.rowchart .type-6 {
  fill: #12497e;
}
.rowchart .type-6:hover {
  cursor: pointer;
  fill: #7e4712;
}
.rowchart .type-7 {
  fill: #092743;
}
.rowchart .type-7:hover {
  cursor: pointer;
  fill: #432509;
}
.rowchart .type-8 {
  fill: #2895f7;
}
.rowchart .type-8:hover {
  cursor: pointer;
  fill: #f78a28;
}
.rowchart .type-9 {
  fill: #9ef5fb;
}
.rowchart .type-9:hover {
  cursor: pointer;
  fill: #fba59e;
}
.rowchart .type-10 {
  fill: white;
}
.rowchart .type-10:hover {
  cursor: pointer;
  fill: white;
}
.rowchart .type-11 {
  fill: white;
}
.rowchart .type-11:hover {
  cursor: pointer;
  fill: white;
}
.rowchart.primary .type-0 {
  fill: #030303;
}
.rowchart.primary .type-0:hover {
  cursor: pointer;
  fill: #030303;
}
.rowchart.primary .type-1 {
  fill: #404040;
}
.rowchart.primary .type-1:hover {
  cursor: pointer;
  fill: #404040;
}
.rowchart.primary .type-2 {
  fill: #7d7d7d;
}
.rowchart.primary .type-2:hover {
  cursor: pointer;
  fill: #7d7d7d;
}
.rowchart.primary .type-3 {
  fill: #bababa;
}
.rowchart.primary .type-3:hover {
  cursor: pointer;
  fill: #bababa;
}
.rowchart.primary .type-4 {
  fill: black;
}
.rowchart.primary .type-4:hover {
  cursor: pointer;
  fill: black;
}
.rowchart.primary .type-5 {
  fill: black;
}
.rowchart.primary .type-5:hover {
  cursor: pointer;
  fill: black;
}
.rowchart.primary .type-6 {
  fill: black;
}
.rowchart.primary .type-6:hover {
  cursor: pointer;
  fill: black;
}
.rowchart.primary .type-7 {
  fill: black;
}
.rowchart.primary .type-7:hover {
  cursor: pointer;
  fill: black;
}
.rowchart.primary .type-8 {
  fill: #030303;
}
.rowchart.primary .type-8:hover {
  cursor: pointer;
  fill: #030303;
}
.rowchart.primary .type-9 {
  fill: #404040;
}
.rowchart.primary .type-9:hover {
  cursor: pointer;
  fill: #404040;
}
.rowchart.primary .type-10 {
  fill: #7d7d7d;
}
.rowchart.primary .type-10:hover {
  cursor: pointer;
  fill: #7d7d7d;
}
.rowchart.primary .type-11 {
  fill: #bababa;
}
.rowchart.primary .type-11:hover {
  cursor: pointer;
  fill: #bababa;
}
.rowchart.secondary .type-0 {
  fill: #ffe978;
}
.rowchart.secondary .type-0:hover {
  cursor: pointer;
  fill: #788eff;
}
.rowchart.secondary .type-1 {
  fill: #ffef99;
}
.rowchart.secondary .type-1:hover {
  cursor: pointer;
  fill: #99a9ff;
}
.rowchart.secondary .type-2 {
  fill: #fff4ba;
}
.rowchart.secondary .type-2:hover {
  cursor: pointer;
  fill: #bac5ff;
}
.rowchart.secondary .type-3 {
  fill: #fff9da;
}
.rowchart.secondary .type-3:hover {
  cursor: pointer;
  fill: #dae0ff;
}
.rowchart.secondary .type-4 {
  fill: #fce776;
}
.rowchart.secondary .type-4:hover {
  cursor: pointer;
  fill: #768bfc;
}
.rowchart.secondary .type-5 {
  fill: #bfaf59;
}
.rowchart.secondary .type-5:hover {
  cursor: pointer;
  fill: #5969bf;
}
.rowchart.secondary .type-6 {
  fill: #82773d;
}
.rowchart.secondary .type-6:hover {
  cursor: pointer;
  fill: #3d4882;
}
.rowchart.secondary .type-7 {
  fill: #453f20;
}
.rowchart.secondary .type-7:hover {
  cursor: pointer;
  fill: #202645;
}
.rowchart.secondary .type-8 {
  fill: #ffe87c;
}
.rowchart.secondary .type-8:hover {
  cursor: pointer;
  fill: #7c93ff;
}
.rowchart.secondary .type-9 {
  fill: #fffaf7;
}
.rowchart.secondary .type-9:hover {
  cursor: pointer;
  fill: #f7fbff;
}
.rowchart.secondary .type-10 {
  fill: white;
}
.rowchart.secondary .type-10:hover {
  cursor: pointer;
  fill: white;
}
.rowchart.secondary .type-11 {
  fill: white;
}
.rowchart.secondary .type-11:hover {
  cursor: pointer;
  fill: white;
}
.rowchart.success .type-0 {
  fill: #037b66;
}
.rowchart.success .type-0:hover {
  cursor: pointer;
  fill: #7b0318;
}
.rowchart.success .type-1 {
  fill: #409b8b;
}
.rowchart.success .type-1:hover {
  cursor: pointer;
  fill: #9b4050;
}
.rowchart.success .type-2 {
  fill: #7dbbb0;
}
.rowchart.success .type-2:hover {
  cursor: pointer;
  fill: #bb7d88;
}
.rowchart.success .type-3 {
  fill: #badbd5;
}
.rowchart.success .type-3:hover {
  cursor: pointer;
  fill: #dbbac0;
}
.rowchart.success .type-4 {
  fill: #007963;
}
.rowchart.success .type-4:hover {
  cursor: pointer;
  fill: #790016;
}
.rowchart.success .type-5 {
  fill: #005c4b;
}
.rowchart.success .type-5:hover {
  cursor: pointer;
  fill: #5c0011;
}
.rowchart.success .type-6 {
  fill: #003e33;
}
.rowchart.success .type-6:hover {
  cursor: pointer;
  fill: #3e000b;
}
.rowchart.success .type-7 {
  fill: #00211b;
}
.rowchart.success .type-7:hover {
  cursor: pointer;
  fill: #210006;
}
.rowchart.success .type-8 {
  fill: #007f66;
}
.rowchart.success .type-8:hover {
  cursor: pointer;
  fill: #7f0019;
}
.rowchart.success .type-9 {
  fill: #00fa65;
}
.rowchart.success .type-9:hover {
  cursor: pointer;
  fill: #fa0095;
}
.rowchart.success .type-10 {
  fill: #75ff75;
}
.rowchart.success .type-10:hover {
  cursor: pointer;
  fill: #ff75ff;
}
.rowchart.success .type-11 {
  fill: #f6ffef;
}
.rowchart.success .type-11:hover {
  cursor: pointer;
  fill: #f9efff;
}
.rowchart.warning .type-0 {
  fill: #ffda09;
}
.rowchart.warning .type-0:hover {
  cursor: pointer;
  fill: #092eff;
}
.rowchart.warning .type-1 {
  fill: #ffe345;
}
.rowchart.warning .type-1:hover {
  cursor: pointer;
  fill: #4561ff;
}
.rowchart.warning .type-2 {
  fill: #ffec81;
}
.rowchart.warning .type-2:hover {
  cursor: pointer;
  fill: #8194ff;
}
.rowchart.warning .type-3 {
  fill: #fff5bc;
}
.rowchart.warning .type-3:hover {
  cursor: pointer;
  fill: #bcc6ff;
}
.rowchart.warning .type-4 {
  fill: #fcd807;
}
.rowchart.warning .type-4:hover {
  cursor: pointer;
  fill: #072bfc;
}
.rowchart.warning .type-5 {
  fill: #bfa405;
}
.rowchart.warning .type-5:hover {
  cursor: pointer;
  fill: #0520bf;
}
.rowchart.warning .type-6 {
  fill: #826f04;
}
.rowchart.warning .type-6:hover {
  cursor: pointer;
  fill: #041782;
}
.rowchart.warning .type-7 {
  fill: #453b02;
}
.rowchart.warning .type-7:hover {
  cursor: pointer;
  fill: #020c45;
}
.rowchart.warning .type-8 {
  fill: #ffd70c;
}
.rowchart.warning .type-8:hover {
  cursor: pointer;
  fill: #0c34ff;
}
.rowchart.warning .type-9 {
  fill: #ffbb87;
}
.rowchart.warning .type-9:hover {
  cursor: pointer;
  fill: #87cbff;
}
.rowchart.warning .type-10 {
  fill: white;
}
.rowchart.warning .type-10:hover {
  cursor: pointer;
  fill: white;
}
.rowchart.warning .type-11 {
  fill: white;
}
.rowchart.warning .type-11:hover {
  cursor: pointer;
  fill: white;
}
.rowchart.alert .type-0 {
  fill: #c51440;
}
.rowchart.alert .type-0:hover {
  cursor: pointer;
  fill: #14c599;
}
.rowchart.alert .type-1 {
  fill: #d34d6e;
}
.rowchart.alert .type-1:hover {
  cursor: pointer;
  fill: #4dd3b2;
}
.rowchart.alert .type-2 {
  fill: #e1869d;
}
.rowchart.alert .type-2:hover {
  cursor: pointer;
  fill: #86e1ca;
}
.rowchart.alert .type-3 {
  fill: #efbfcb;
}
.rowchart.alert .type-3:hover {
  cursor: pointer;
  fill: #bfefe3;
}
.rowchart.alert .type-4 {
  fill: #c2123d;
}
.rowchart.alert .type-4:hover {
  cursor: pointer;
  fill: #12c297;
}
.rowchart.alert .type-5 {
  fill: #930e2f;
}
.rowchart.alert .type-5:hover {
  cursor: pointer;
  fill: #0e9372;
}
.rowchart.alert .type-6 {
  fill: #640920;
}
.rowchart.alert .type-6:hover {
  cursor: pointer;
  fill: #09644d;
}
.rowchart.alert .type-7 {
  fill: #350511;
}
.rowchart.alert .type-7:hover {
  cursor: pointer;
  fill: #053529;
}
.rowchart.alert .type-8 {
  fill: #c91243;
}
.rowchart.alert .type-8:hover {
  cursor: pointer;
  fill: #12c999;
}
.rowchart.alert .type-9 {
  fill: #f165c2;
}
.rowchart.alert .type-9:hover {
  cursor: pointer;
  fill: #65f194;
}
.rowchart.alert .type-10 {
  fill: #f9d5fb;
}
.rowchart.alert .type-10:hover {
  cursor: pointer;
  fill: #d7fbd5;
}
.rowchart.alert .type-11 {
  fill: white;
}
.rowchart.alert .type-11:hover {
  cursor: pointer;
  fill: white;
}

.accountability .card__link--block {
  display: block;
}
.accountability .card--meta span {
  margin-right: 0.5rem;
}

.accountability .categories a:hover {
  text-decoration: underline;
}
.accountability .categories a:focus {
  outline: 2px solid #007293;
}
.accountability .categories .categories--header {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.accountability .categories .categories--header .icon--arrow-bottom {
  fill: #d7dadf;
}
.accountability .categories .categories--header span {
  font-size: 1.15rem;
  color: #d7dadf;
}
.accountability .categories .categories--group {
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 36em) {
  .accountability .categories .categories--group {
    display: flex;
    margin-bottom: 4rem;
  }
}
.accountability .categories .categories--group .category--title {
  background: #fff;
  padding: 1.5rem 2rem;
  min-height: 9rem;
}
@media print, screen and (min-width: 36em) {
  .accountability .categories .categories--group .category--title {
    height: calc(100% - 1.875rem);
  }
}
.accountability .categories .categories--group .category--title p {
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.accountability .categories .categories--group .category--title .progress {
  margin-bottom: 0.5rem;
}
.accountability .categories .categories--group .category--title .progress-info {
  position: relative;
  margin-bottom: 1.5rem;
}
.accountability .categories .categories--group .category--title .progress-info .progress-figure {
  display: inline-block;
}
.accountability .categories .categories--group .category--title .progress-info .category--count {
  position: absolute;
  right: 0;
  top: 0.5rem;
  color: #d7dadf;
}
.accountability .categories .categories--group .card__link .category--line {
  background-color: #f4f4f4;
  border-radius: 4px;
  min-height: 9rem;
  padding: 1rem;
  margin-bottom: 1.875rem;
  position: relative;
}
.accountability .categories .categories--group .card__link .category--line strong {
  font-weight: 600;
  color: var(--secondary);
}
.accountability .categories .categories--group .card__link .category--line .progress-figure {
  position: absolute;
  bottom: 1rem;
}
.accountability .categories .categories--group .card__link .category--line .category--count {
  color: white;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-size: 80%;
}
.accountability .categories .categories--group .card__link:hover .category--count {
  color: white;
}
.accountability .categories .categories--group .card__link:hover strong {
  color: black;
}
.accountability .categories .category--elements.active {
  display: block !important;
}
.accountability .categories .category--elements.active .medium-4:first-child {
  margin-top: 1rem;
}
.accountability .categories .progress-figure {
  color: #d7dadf;
}

.lines-breadcrumb {
  margin-bottom: 2rem;
}
.lines-breadcrumb .breadcrumb--separator {
  color: #73819d;
  padding: 0 0.25rem;
}
.lines-breadcrumb div {
  display: inline-block;
}
.lines-breadcrumb a {
  font-weight: 600;
  color: #525a65;
}
.lines-breadcrumb a:hover {
  text-decoration: underline;
}
.lines-breadcrumb a:focus {
  outline: 2px solid #ffe977;
}
.lines-breadcrumb ul {
  list-style: none;
  margin-left: 0;
}
.lines-breadcrumb .percentage {
  color: #73819d;
  font-weight: 400;
  padding-left: 0.15rem;
  display: inline-block;
}

.accountability .intro ul {
  margin-bottom: 1rem;
}
.accountability .intro .progress-level {
  background: #fff;
  padding: 1.5rem 1.75rem;
}
.accountability .intro .progress-level p {
  font-weight: 600;
  margin-bottom: 0.25rem;
  display: inline-block;
  margin-right: 0.5rem;
  font-size: 1.25rem;
}
.accountability .intro .progress-level .icon {
  background: #d7dadf;
  border-radius: 50%;
  fill: white;
  padding: 0.15rem;
}
.accountability .intro .progress-level .progress {
  max-width: 85%;
  margin-bottom: 0;
}
.accountability .intro .progress-level .progress-figure {
  font-size: 2.5rem;
  font-weight: 300;
  color: #d7dadf;
}
@media print, screen and (min-width: 36em) {
  .accountability .intro .progress-level .progress-figure {
    font-size: 4rem;
  }
}
.accountability .scope-filters div {
  color: #d7dadf;
  margin-bottom: 0.15rem;
}
.accountability .scope-filters span {
  margin-right: 0.5rem;
}
.accountability .scope-filters ul {
  display: inline;
}
.accountability .scope-filters li.active {
  background-color: #ccc;
}
.accountability .description {
  margin-bottom: 1rem;
}
.accountability .title-action {
  margin-bottom: 0.5rem;
}

.result-view .title {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
  flex-direction: column;
}
.result-view .title .icon {
  fill: #ffe977;
  min-width: 1.5rem;
  min-height: 1.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 36em) {
  .result-view .title .icon {
    margin-right: 0.75rem;
    margin-top: 0.5rem;
  }
}
@media print, screen and (min-width: 36em) {
  .result-view .title {
    flex-direction: row;
  }
}
.result-view .progress-level {
  background: #fff;
  border-radius: 4px;
  padding: 1.5rem;
  border: 1px solid #ccc;
}
.result-view .progress-level .progress-label {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.5rem;
}
.result-view .progress-level .progress-label .progress-text {
  color: #9fa7b1;
}
.result-view .progress-level .progress-label .progress-figure {
  line-height: 1;
  font-size: 2.25rem;
  font-weight: 600;
}
.result-view .result-description div {
  margin-bottom: 1rem;
}
.result-view .result-meta {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
}
.result-view .result-meta .result-meta--label {
  font-weight: 600;
  color: #9fa7b1;
}
.result-view .result-meta .result-meta--data {
  font-size: 1.15rem;
}
.result-view hr {
  width: 100%;
  margin: 0 0 3rem;
}
.result-view .timeline .timeline__info {
  background-color: transparent;
  border: none;
}

.favorite-button {
  position: relative;
  top: 4px;
}
.favorite-button.button, .favorite-button.meeting-polls__button {
  padding: 0;
}
.favorite-button .icon-wrap {
  position: relative;
  border: 0;
  padding: 0;
}
.favorite-button .icon-wrap .heart-icon {
  color: #fa6c96;
}
.favorite-button .icon-wrap .heart-icon svg {
  fill: currentColor;
}
.favorite-button .indicator-wrap {
  position: absolute;
  bottom: 0;
  right: -8px;
  width: 30px;
  height: 30px;
  border: 3px solid #fa6c96;
  line-height: 24px;
  border-radius: 50%;
  font-size: 2rem;
  background: #fff;
  color: #fa6c96;
}

.tabs.expanded .tabs-title {
  float: none;
}

.autoComplete_wrapper > input.input-group-field {
  border-radius: 0;
}

[data-location-picker] .google-map {
  z-index: 0;
}
[data-location-picker] .tabs .dropdown.menu, [data-location-picker] .tabs .dropdown.tabs.expanded,
[data-location-picker] .tabs .dropdown.menu li,
[data-location-picker] .tabs .dropdown.tabs.expanded li {
  width: 100%;
}
[data-location-picker] .tabs .dropdown.menu li a, [data-location-picker] .tabs .dropdown.tabs.expanded li a {
  background: transparent;
}
[data-location-picker] .tabs .dropdown.menu li.is-active a, [data-location-picker] .tabs .dropdown.tabs.expanded li.is-active a {
  background: transparent;
  color: #f52727;
}
[data-location-picker] .tabs .dropdown.menu li a::after, [data-location-picker] .tabs .dropdown.tabs.expanded li a::after {
  display: none;
}

.autoComplete_wrapper {
  position: relative;
  margin-bottom: 0;
}
.autoComplete_wrapper ul {
  position: absolute;
}
.autoComplete_wrapper span.autocomplete__selected-item.sticky {
  overflow: hidden;
  height: 2.625rem;
  line-height: 1.5;
  padding: 0.5rem;
}
.autoComplete_wrapper .clear-sticky-selection {
  height: 2.625rem;
  line-height: 2.625rem;
}

.locations-type-container {
  width: 34px;
}

.locations-type {
  width: 30px;
  height: 30px;
  background-color: #fff;
  position: relative;
  border-radius: 0;
}
.locations-type.type-top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.locations-type.type-bottom {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.done-location {
  float: right;
}

.input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.625rem;
  margin: 0 0 2rem;
  padding: 0.5rem;
  border: 2px solid #000;
  border-radius: 0;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(26, 24, 29, 0.1);
  font-family: inherit;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.5;
  color: #1a181d;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none;
}
.input:focus {
  outline: none;
  border: 2px solid #000;
  background-color: #fff;
  box-shadow: 0 0 5px #e8e8e8;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

.js-tags-input .input-tags {
  height: auto;
  padding: 0 0.5rem;
  min-height: 2.625rem;
}
.js-tags-input .input-tags.empty {
  padding: 0.5rem;
}
.js-tags-input .input-tags .label {
  margin: 0.5rem 0.5rem 0.5rem 0;
}
.js-tags-input .input-tags .label:first-of-type {
  margin-left: 0;
}
.js-tags-input .autocomplete {
  position: relative;
}
.js-tags-input .autocomplete .tribute-container {
  top: -2px;
  margin-top: -2rem;
  max-width: none;
  width: 100%;
}

.result-view .progress-level {
  padding: 0;
  border-radius: 0;
  border-width: 4px;
}
.result-view .progress-level .definition-data__boxtitle {
  text-align: center;
}
.result-view .progress-level .progress-level-data {
  padding: 0.5rem 0.7rem;
}
.result-view .progress-level .progress-label {
  justify-content: center;
}

.card-attachment .card-image {
  position: relative;
  padding-bottom: 50%;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
}
.card-attachment .card-image img {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.line-stats-project {
  border-width: 4px;
}

.definition-data__boxtitle {
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 0.2rem 0 0.4rem;
}

.definition-data__item.result_detail {
  border-bottom: 0;
  padding: 0.5rem 0.7rem;
  text-align: left;
}
.definition-data__item.result_detail .definition-data__title,
.definition-data__item.result_detail .definition-data__description {
  display: inline;
  margin-bottom: 0;
  color: inherit;
  text-transform: none;
  line-height: inherit;
  font-size: inherit;
}
.definition-data__item.result_detail .definition-data__title.with_description::after {
  content: ": ";
}
.definition-data__item.result_detail .definition-data__icon {
  display: block;
  float: left;
}
.definition-data__item.result_detail .definition-data__icon .icon {
  width: 1.7em;
  height: 1.7em;
  margin-top: 5px;
}
.definition-data__item.result_detail .definition-data__icon .definition-data__icon__marker {
  display: block;
  height: 22px;
  width: 22px;
  margin-top: 3px;
  border-radius: 50%;
}
.definition-data__item.result_detail .definition-data__info {
  display: block;
  padding-left: 35px;
  font-weight: bold;
  font-size: 1.1rem;
}

.feedback-form input[type=checkbox]:focus {
  outline: 2px solid #007293;
  outline-color: var(--highlight);
}
.feedback-form .rating-field {
  margin-bottom: 2rem;
}
.feedback-form .rating-field .rating-stars {
  margin-bottom: 1rem;
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: left;
}
.feedback-form .rating-field .rating-stars:focus {
  outline: 2px solid #007293;
  outline-color: var(--highlight);
}
.feedback-form .rating-field .rating-stars input {
  position: absolute;
  opacity: 0;
}
.feedback-form .rating-field .rating-stars input:checked + .rating-value svg,
.feedback-form .rating-field .rating-stars input:checked ~ .rating-value .rating-value-star svg {
  fill: #f5da4e;
}
.feedback-form .rating-field .rating-stars input:focus + .rating-value {
  outline: 2px solid #007293;
  outline-color: var(--highlight);
}
.feedback-form .rating-field .rating-stars input + label {
  margin: 0;
}
.feedback-form .rating-field .rating-stars .rating-value {
  display: inline-block;
}
.feedback-form .rating-field .rating-stars .rating-value:hover .rating-value-star svg,
.feedback-form .rating-field .rating-stars .rating-value:hover ~ .rating-value .rating-value-star svg, .feedback-form .rating-field .rating-stars .rating-value:focus .rating-value-star svg,
.feedback-form .rating-field .rating-stars .rating-value:focus ~ .rating-value .rating-value-star svg {
  fill: #f5da4e;
}
.feedback-form .rating-field .rating-stars .rating-value .rating-value-star svg {
  fill: none;
}

.meeting-polls__main {
  flex: 1;
  display: flex;
}
.meeting-polls__iframe {
  display: flex;
}
.meeting-polls__iframe > * {
  flex: 1;
  border: 0;
}
.meeting-polls__aside {
  flex: 0;
  counter-reset: question;
}
.meeting-polls__aside + div {
  flex: 1;
}
.meeting-polls__aside.is-open {
  flex: 0 0 20%;
}
.meeting-polls__aside.is-open + div {
  flex: 0 0 80%;
}
.meeting-polls__aside.is-open + .meeting-polls__aside.is-open + div {
  flex: 0 0 60%;
}
.meeting-polls__aside.is-open + .meeting-polls__aside.is-open {
  border-left: 1px solid #e8e8e8;
}
.meeting-polls__question, .meeting-polls__question--admin {
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
}
.meeting-polls__question summary, .meeting-polls__question--admin summary {
  cursor: pointer;
  font-weight: bold;
  color: var(--secondary);
  transition: background-color 0.2s ease-in-out;
}
.meeting-polls__question summary:hover, .meeting-polls__question--admin summary:hover {
  background-color: #f4f4f4;
}
.meeting-polls__question summary::after, .meeting-polls__question--admin summary::after {
  counter-increment: question;
  content: "#" counter(question);
}
.meeting-polls__question summary ~ *, .meeting-polls__question--admin summary ~ * {
  padding: 0 1rem 1rem;
}
.meeting-polls__question summary ~ * > :first-child, .meeting-polls__question--admin summary ~ * > :first-child {
  font-weight: 600;
  line-height: 1.25;
}
.meeting-polls__question summary ~ * label, .meeting-polls__question--admin summary ~ * label {
  display: flex;
  align-items: baseline;
  cursor: pointer;
  line-height: 1.25;
}
.meeting-polls__question summary ~ * label + label, .meeting-polls__question--admin summary ~ * label + label {
  margin-top: 1rem;
}
.meeting-polls__question[open] .meeting-polls__answer--bar > *, [open].meeting-polls__question--admin .meeting-polls__answer--bar > * {
  opacity: 1;
  transform: translateX(0);
}
.meeting-polls__question.is-new, .is-new.meeting-polls__question--admin {
  animation: animateHighlight 5s ease-in-out forwards;
}
@keyframes animateHighlight {
  0%, 80% {
    background-color: rgba(var(--warning-rgb), 0.1);
  }
}
.meeting-polls__question--admin summary ~ * {
  border-top: 1px solid #e8e8e8;
  background-color: #f6f6f6;
  padding: 1rem;
}
.meeting-polls__question--admin summary ~ * a {
  text-decoration: underline;
  margin-bottom: 1rem;
  display: block;
}
.meeting-polls__question--admin summary ~ * > :first-child {
  font-weight: normal;
}
.meeting-polls__answer {
  display: flex;
  align-items: center;
}
.meeting-polls__answer--value {
  flex: 0 0 15%;
  font-weight: bold;
}
.meeting-polls__answer--bar {
  flex: 0 0 85%;
  height: 10px;
  overflow: hidden;
}
.meeting-polls__answer--bar > * {
  background-color: var(--primary);
  height: 100%;
  opacity: 0;
}
label + .meeting-polls__answer + label {
  margin-top: 1.5rem;
}
.meeting-polls__admin-label {
  background-color: #9675ce;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 1rem;
}
.meeting-polls__admin-action {
  border-top: 1px solid #e8e8e8;
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
}
.meeting-polls__admin-action:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.meeting-polls__admin-action :first-child {
  flex: 0 0 40%;
}
.meeting-polls__admin-action :last-child {
  flex: 0 0 60%;
}

.meeting-polls__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #f4f4f4;
  border: 1px solid #e8e8e8;
}
.meeting-polls__button {
  background-color: #fff;
  font-weight: 600;
}
.meeting-polls__button.is-open {
  background-color: var(--primary);
  color: #fff;
}
.meeting-polls__button + .meeting-polls__button {
  margin-left: 0.25rem;
}
.meeting-polls__close {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 2rem;
  cursor: pointer;
}
.meeting-polls__close a {
  display: flex;
  align-items: baseline;
}
.meeting-polls__close span {
  font-size: 2em;
  margin-left: 0.5rem;
  line-height: 0.5;
}
.meeting-polls__close svg {
  margin-left: 0.2rem;
}

.questionnaire-question_readonly {
  font-weight: bold;
  font-size: 0.875rem;
}
.questionnaire-question_readonly p {
  margin-bottom: 0.5rem;
}
.questionnaire-question_readonly em {
  font-weight: normal;
  font-size: 90%;
}
.questionnaire-question_readonly p + ul {
  margin-top: -0.5rem;
}

.questionnaire-question_readonly-answers {
  margin-bottom: 0.5rem;
}
.questionnaire-question_readonly-answers.single_option {
  list-style-type: disc;
}
.questionnaire-question_readonly-answers.multiple_option {
  list-style-type: square;
}
.questionnaire-question_readonly-answers.sorting {
  list-style-type: circle;
}

.questionnaire-question_readonly-answer {
  font-weight: normal;
}

.questionnaire-question-matrix {
  display: block;
  overflow-x: auto;
}
.questionnaire-question-matrix .collection-input {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
}
.questionnaire-question-matrix .collection-input input[type=text] {
  margin-top: auto;
  margin-bottom: auto;
}
.questionnaire-question-matrix .collection-input input[type=checkbox],
.questionnaire-question-matrix .collection-input input[type=radio] {
  margin-bottom: 0;
}
.questionnaire-question-matrix .collection-input input[type=checkbox] ~ input[type=text],
.questionnaire-question-matrix .collection-input input[type=radio] ~ input[type=text] {
  margin-left: 0.5rem;
}
.questionnaire-question-matrix tr,
.questionnaire-question-matrix tr:nth-child(2n) {
  background: initial;
  border-bottom: 1px solid #f0f0f0;
}
.questionnaire-question-matrix thead td {
  text-align: center;
}
.questionnaire-question-matrix td {
  min-width: 100px;
  border-right: 1px solid #f0f0f0;
}

.questionnaire-answers .header h1 {
  margin: 0;
  padding: 25px;
  background: rgb(59, 69, 87);
  color: white;
  border-radius: 4px 4px 0 0;
}
.questionnaire-answers .header .description {
  margin: 0;
  padding: 25px;
  background: #f6f6f6;
  color: #202751;
  border-radius: 0 0 4px 4px;
}
.questionnaire-answers .answer {
  margin-top: 25px;
  background: #f6f6f6;
  border-radius: 0 0 4px 4px;
}
.questionnaire-answers .answer .title {
  page-break-inside: avoid;
  border-radius: 4px 4px 0 0;
  padding: 10px 25px;
  background: rgb(59, 69, 87);
  color: white;
}
.questionnaire-answers .answer .participant-info {
  margin-top: 0;
  padding: 10px 25px;
  width: 100%;
  text-align: center;
  background: #eee;
  color: #202751;
  page-break-inside: avoid;
}
.questionnaire-answers .answer .participant-info th:first-child {
  text-align: left;
}
.questionnaire-answers .answer .participant-info td:first-child {
  text-align: left;
}
.questionnaire-answers .answer .participant-info th:last-child {
  text-align: right;
}
.questionnaire-answers .answer .participant-info td:last-child {
  text-align: right;
}
.questionnaire-answers .answer .answers {
  padding: 25px;
}
.questionnaire-answers .answer .answers .question {
  page-break-inside: avoid;
  font-size: inherit;
  color: #202751;
}

.answer-questionnaire label {
  font-size: inherit;
}
.answer-questionnaire .radio-button-collection,
.answer-questionnaire .check-box-collection,
.answer-questionnaire .sortable-check-box-collection {
  margin: 0 0 1rem;
}
.answer-questionnaire .tos-agreement {
  margin: 1rem 0 0;
}
.answer-questionnaire .tos-agreement .help-text {
  margin: 0.2rem 0 0;
}
.answer-questionnaire .questionnaire-question {
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0.3em;
}
.answer-questionnaire .questionnaire-title_and_description {
  font-size: 2rem;
  font-weight: 600;
  padding-left: 1rem;
  line-height: 1.4;
  margin-bottom: 0.3em;
}
.answer-questionnaire .help-title_and_description {
  padding-left: 1rem;
  margin-bottom: 2rem;
}
.answer-questionnaire .help-title_and_description .ql-video {
  margin: 0.5em auto;
}
.answer-questionnaire .help-text {
  margin-top: 0.5em;
}
.answer-questionnaire .help-text .ql-video {
  margin: 0.5em auto;
}
.answer-questionnaire .last-sorted {
  margin-bottom: 1rem;
}
.answer-questionnaire__steps {
  font-size: 0.8rem;
}
.answer-questionnaire__submit {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 2rem;
}

.input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.625rem;
  margin: 0 0 2rem;
  padding: 0.5rem;
  border: 2px solid #000;
  border-radius: 0;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(26, 24, 29, 0.1);
  font-family: inherit;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.5;
  color: #1a181d;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none;
}
.input:focus {
  outline: none;
  border: 2px solid #000;
  background-color: #fff;
  box-shadow: 0 0 5px #e8e8e8;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

.js-tags-input .input-tags {
  height: auto;
  padding: 0 0.5rem;
  min-height: 2.625rem;
}
.js-tags-input .input-tags.empty {
  padding: 0.5rem;
}
.js-tags-input .input-tags .label {
  margin: 0.5rem 0.5rem 0.5rem 0;
}
.js-tags-input .input-tags .label:first-of-type {
  margin-left: 0;
}
.js-tags-input .autocomplete {
  position: relative;
}
.js-tags-input .autocomplete .tribute-container {
  top: -2px;
  margin-top: -2rem;
  max-width: none;
  width: 100%;
}

@font-face {
  font-family: "HelsinkiGrotesk";
  src: url("https://makasiini.hel.ninja/delivery/HelsinkiGrotesk/565d73a693abe0776c801607ac28f0bf.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "HelsinkiGrotesk";
  src: url("https://makasiini.hel.ninja/delivery/HelsinkiGrotesk/5bb29e3b7b1d3ef30121229bbe67c3e1.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "HelsinkiGrotesk";
  src: url("https://makasiini.hel.ninja/delivery/HelsinkiGrotesk/7c46f288e8133b87e6b12b45dac71865.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "HelsinkiGrotesk";
  src: url("https://makasiini.hel.ninja/delivery/HelsinkiGrotesk/e62dc97e83a385e4d8cdc939cf1e4213.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "HelsinkiGrotesk";
  src: url("https://makasiini.hel.ninja/delivery/HelsinkiGrotesk/533af26cf28d7660f24c2884d3c27eac.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "HelsinkiGrotesk";
  src: url("https://makasiini.hel.ninja/delivery/HelsinkiGrotesk/20d494430c87e15e194932b729d48270.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "HelsinkiGrotesk";
  src: url("https://makasiini.hel.ninja/delivery/HelsinkiGrotesk/a50a1bd245ce63abcc0d1da80ff790d2.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "HelsinkiGrotesk";
  src: url("https://makasiini.hel.ninja/delivery/HelsinkiGrotesk/62a1781d8b396fbb025b0552cf6304d2.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  text-rendering: optimizeLegibility;
}
.actionbox {
  margin-bottom: 3rem;
}
.actionbox .actionbox-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.actionbox .action-link {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.actionbox .action-link:hover, .actionbox .action-link:focus {
  text-decoration: none;
}
.actionbox .action-link:hover .link-text, .actionbox .action-link:focus .link-text {
  text-decoration: underline;
}
.actionbox .action-link.favorite-button .icon-wrap,
.actionbox .action-link .icon {
  margin-right: 1rem;
}
.actionbox .action-link .link-text {
  text-align: left;
}

.author-data {
  color: #4d4d4d;
}
.author-data .author__name {
  color: #000;
}
.author-data a {
  font-weight: normal;
  text-decoration: none;
}
.author-data a:hover, .author-data a:focus {
  text-decoration: underline;
}

.authors-detailed .author {
  font-size: 0.8rem;
}
.authors-detailed .author-data {
  margin: 0.6rem 0;
  padding-left: 55px;
}
.authors-detailed .author-data .author__avatar {
  margin-left: -55px;
  align-self: flex-start;
}
.authors-detailed .author-data .author__avatar img {
  width: 40px;
  height: 40px;
  margin-top: 3px;
}

.authors-expanded {
  margin: 1rem 0 5rem;
  padding: 2rem;
}
.authors-expanded .authors-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.authors-expanded .author-data {
  flex: 1 0 25%;
  justify-content: center;
  max-width: 25%;
  padding: 1rem;
  word-break: break-all;
}
.authors-expanded .author-data .author__avatar {
  position: static;
  margin-left: 0;
  margin-bottom: 1rem;
}
.authors-expanded .author-data__main {
  margin: 0;
}
.authors-expanded .author {
  flex-direction: column;
  text-align: center;
}
.authors-expanded .author__avatar img {
  width: 70px;
  height: 70px;
  margin-top: 0;
}

.banner-kokeilukiihdyttamo {
  position: relative;
  display: block;
}
@media print, screen and (min-width: 36em) {
  .banner-kokeilukiihdyttamo {
    height: 0;
    padding-top: 27.27%;
  }
}
.banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__inner {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 36em) {
  .banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__inner {
    position: absolute;
    flex-direction: row;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__illustration {
  position: relative;
  height: 0;
  padding-top: 45%;
  background-color: #ffa6ca;
  background-repeat: no-repeat;
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/kokeilukiihdyttamo-banner-shape-mobile-9b71551dce69bf2b32a9.svg);
  background-size: auto 75%;
  background-position: right 15px center;
}
@media print, screen and (min-width: 36em) {
  .banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__illustration {
    height: auto;
    padding-top: 0;
    width: 50%;
    background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/kokeilukiihdyttamo-banner-shape-e776679cd81e901a7536.svg);
    background-size: 90% auto;
    background-position: center center;
  }
}
@media print, screen and (min-width: 62em) {
  .banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__illustration {
    width: 68%;
  }
}
.banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__logo {
  position: absolute;
  width: 40%;
  height: 0;
  top: 8%;
  left: 25px;
  right: 0;
  padding-bottom: 28%;
  margin-left: 0;
  margin-right: auto;
}
@media print, screen and (min-width: 36em) {
  .banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__logo {
    width: 27%;
    top: 12%;
    left: -15px;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 62em) {
  .banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__logo {
    top: 6.17%;
  }
}
.banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__logo img {
  display: absolute;
  width: 100%;
}
.banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__content {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  padding: 20px;
  background-color: #8bcaed;
  text-align: center;
}
@media print, screen and (min-width: 36em) {
  .banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__content {
    width: 50%;
  }
}
@media print, screen and (min-width: 62em) {
  .banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__content {
    width: 32%;
  }
}
.banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__content .banner-kokeilukiihdyttamo__content__inner {
  flex: 1;
}
.banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__content .banner-kokeilukiihdyttamo__content__inner *:last-child {
  margin-bottom: 0;
}
.banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__content .button, .banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__content .meeting-polls__button {
  font-size: 20px;
  background-color: #ffc61e;
  color: #000;
}
.banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4rem;
}
@media print, screen and (min-width: 62em) {
  .banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__title {
    font-size: 2rem;
  }
}
.banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__title .banner-kokeilukiihdyttamo__title__tagline {
  display: block;
  text-transform: none;
  font-size: 1.13rem;
}
@media print, screen and (min-width: 62em) {
  .banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__title .banner-kokeilukiihdyttamo__title__tagline {
    font-size: 1.62rem;
  }
}
.banner-kokeilukiihdyttamo .banner-kokeilukiihdyttamo__title + p {
  margin-top: 1.5rem;
}

section .video-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
  background-size: auto 150%;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-size 1s;
  padding: 60px 45px;
  min-height: 500px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  section .video-banner {
    /* IE10+ CSS styles go here */
    justify-content: flex-start !important;
  }
}
@media print, screen and (min-width: 48em) {
  section .video-banner {
    background-size: 150%;
  }
}
section .video-banner .column, section .video-banner .columns {
  width: 900px;
  max-width: 100%;
  padding: 35px 25px 25px;
}
@media print, screen and (min-width: 48em) {
  section .video-banner .column, section .video-banner .columns {
    padding-left: 45px;
    padding-right: 45px;
  }
}
section .video-banner .column h2, section .video-banner .columns h2 {
  font-size: 28px;
  line-height: 34px;
}
@media print, screen and (min-width: 48em) {
  section .video-banner .column h2, section .video-banner .columns h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
section .video-banner .column a.button, section .video-banner .columns a.button, section .video-banner .column a.meeting-polls__button, section .video-banner .columns a.meeting-polls__button {
  font-size: 17px;
  border: solid 2px black;
  background: transparent;
  color: #000;
}
section .video-banner .column a.button:focus, section .video-banner .columns a.button:focus, section .video-banner .column a.meeting-polls__button:focus, section .video-banner .columns a.meeting-polls__button:focus, section .video-banner .column a.button:hover, section .video-banner .columns a.button:hover, section .video-banner .column a.meeting-polls__button:hover, section .video-banner .columns a.meeting-polls__button:hover {
  background: #000;
  color: #fff;
}

.play-video {
  position: relative;
}
.play-video::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 0;
  border-radius: 10px 10px 0 0;
}

.play-video__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
  transition: 0.3s all;
  transform: translateZ(0);
  position: absolute;
  z-index: 1;
  color: rgba(255, 255, 255, 0.8);
  bottom: calc(50% - 1.5em);
  left: calc(50% - 1.5em);
  width: 3em;
  height: 3em;
}
@media print, screen and (min-width: 48em) {
  .play-video__button {
    bottom: calc(50% - 3em);
    left: calc(50% - 3em);
    width: 6em;
    height: 6em;
  }
}
.play-video__button:hover, .play-video__button:focus {
  color: white;
  transform: translateZ(0) scale(1.1);
}

.play-video__play::after {
  content: "▶︎";
  font-size: 1.5em;
  margin-left: 0.3em;
}
@media print, screen and (min-width: 48em) {
  .play-video__play::after {
    font-size: 2.5em;
  }
}

.video-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 7;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  justify-content: center;
  align-items: center;
}
.video-wrapper.is-video-active {
  display: flex;
}

.breadcrumbs a {
  font-weight: normal;
  text-decoration: none;
}
.breadcrumbs a:hover, .breadcrumbs a:focus {
  text-decoration: underline;
}

.button--sc {
  text-transform: none;
  font-weight: 500;
  letter-spacing: normal;
}
.button--sc.hollow, .button--sc.meeting-polls__button {
  letter-spacing: normal;
}

.link {
  cursor: pointer;
  color: #000;
  font-weight: 600;
}

.button.hollow.primary .hover, .primary.meeting-polls__button .hover, .button.hollow.primary:hover, .primary.meeting-polls__button:hover,
.button.hollow.primary .focus,
.primary.meeting-polls__button .focus, .button.hollow.primary:focus, .primary.meeting-polls__button:focus, .button.hollow.secondary .hover, .secondary.meeting-polls__button .hover, .button.hollow.secondary:hover, .secondary.meeting-polls__button:hover,
.button.hollow.secondary .focus,
.secondary.meeting-polls__button .focus, .button.hollow.secondary:focus, .secondary.meeting-polls__button:focus {
  color: #fff;
}
.button.secondary, .secondary.meeting-polls__button {
  background-color: var(--primary);
}
.button.secondary.hover, .secondary.hover.meeting-polls__button, .button.secondary:hover, .secondary.meeting-polls__button:hover, .button.secondary.focus, .secondary.focus.meeting-polls__button, .button.secondary:focus, .secondary.meeting-polls__button:focus {
  background-color: var(--primary);
}
.button.secondary.hollow, .secondary.meeting-polls__button {
  color: var(--primary);
  border-color: var(--primary);
}
.button.secondary.hollow.hover, .secondary.hover.meeting-polls__button, .button.secondary.hollow:hover, .secondary.meeting-polls__button:hover, .button.secondary.hollow.focus, .secondary.focus.meeting-polls__button, .button.secondary.hollow:focus, .secondary.meeting-polls__button:focus {
  border-color: var(--primary);
  background-color: var(--primary);
  color: #fff;
}
.button.button--icon.secondary.hollow .icon-wrap, .button--icon.secondary.meeting-polls__button .icon-wrap {
  border-right-color: var(--primary);
}
.button.button--icon.secondary.hollow.hover .icon-wrap, .button--icon.secondary.hover.meeting-polls__button .icon-wrap, .button.button--icon.secondary.hollow:hover .icon-wrap, .button--icon.secondary.meeting-polls__button:hover .icon-wrap, .button.button--icon.secondary.hollow.focus .icon-wrap, .button--icon.secondary.focus.meeting-polls__button .icon-wrap, .button.button--icon.secondary.hollow:focus .icon-wrap, .button--icon.secondary.meeting-polls__button:focus .icon-wrap {
  border-right-color: #fff;
}
.button.clear.secondary, .clear.secondary.meeting-polls__button {
  color: var(--primary);
}
.button.external-link-container, .external-link-container.meeting-polls__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.button.external-link-container .external-link-indicator, .external-link-container.meeting-polls__button .external-link-indicator {
  margin: 0 0 0 0.7rem;
}
.button.external-link-container .external-link-indicator, .external-link-container.meeting-polls__button .external-link-indicator,
.button.external-link-container .external-link-indicator .icon,
.external-link-container.meeting-polls__button .external-link-indicator .icon {
  width: 0.9rem;
  height: 0.9rem;
}

a.button, a.meeting-polls__button {
  text-decoration: none;
}

p .button, p .meeting-polls__button {
  margin-right: 11px;
}

a.card, a.comment-thread, a.add-message, .conference-speaker a.speaker-bio, a.conference-registration, a.chart-tooltip {
  display: block;
  font-weight: normal;
  text-decoration: none;
}
a.card:hover, a.comment-thread:hover, a.add-message:hover, .conference-speaker a.speaker-bio:hover, a.conference-registration:hover, a.chart-tooltip:hover,
a.card:hover .author__name,
a.comment-thread:hover .author__name,
a.add-message:hover .author__name,
.conference-speaker a.speaker-bio:hover .author__name,
a.conference-registration:hover .author__name,
a.chart-tooltip:hover .author__name, a.card:focus, a.comment-thread:focus, a.add-message:focus, .conference-speaker a.speaker-bio:focus, a.conference-registration:focus, a.chart-tooltip:focus,
a.card:focus .author__name,
a.comment-thread:focus .author__name,
a.add-message:focus .author__name,
.conference-speaker a.speaker-bio:focus .author__name,
a.conference-registration:focus .author__name,
a.chart-tooltip:focus .author__name {
  text-decoration: none;
}
a.card:hover .card__header, a.comment-thread:hover .card__header, a.add-message:hover .card__header, .conference-speaker a.speaker-bio:hover .card__header, a.conference-registration:hover .card__header, a.chart-tooltip:hover .card__header,
a.card:hover .card__text--paragraph,
a.comment-thread:hover .card__text--paragraph,
a.add-message:hover .card__text--paragraph,
.conference-speaker a.speaker-bio:hover .card__text--paragraph,
a.conference-registration:hover .card__text--paragraph,
a.chart-tooltip:hover .card__text--paragraph, a.card:focus .card__header, a.comment-thread:focus .card__header, a.add-message:focus .card__header, .conference-speaker a.speaker-bio:focus .card__header, a.conference-registration:focus .card__header, a.chart-tooltip:focus .card__header,
a.card:focus .card__text--paragraph,
a.comment-thread:focus .card__text--paragraph,
a.add-message:focus .card__text--paragraph,
.conference-speaker a.speaker-bio:focus .card__text--paragraph,
a.conference-registration:focus .card__text--paragraph,
a.chart-tooltip:focus .card__text--paragraph {
  text-decoration: underline;
}
a.card .label, a.comment-thread .label, a.add-message .label, .conference-speaker a.speaker-bio .label, a.conference-registration .label, a.chart-tooltip .label {
  cursor: pointer;
}

a.card__link {
  font-weight: normal;
  text-decoration: none;
}
a.card__link:hover, a.card__link:focus {
  text-decoration: underline;
}

h1 a.card__link,
.h1 a.card__link,
h2 a.card__link,
.h2 a.card__link,
h3 a.card__link,
.h3 a.card__link,
h4 a.card__link,
.h4 a.card__link {
  font-weight: 600;
}

.card.card-simple, .card-simple.comment-thread, .card-simple.add-message, .conference-speaker .card-simple.speaker-bio, .card-simple.conference-registration, .card-simple.chart-tooltip {
  background: transparent;
  border: 0;
}
.card.card-simple .card-section, .card-simple.comment-thread .card-section, .card-simple.add-message .card-section, .conference-speaker .card-simple.speaker-bio .card-section, .card-simple.conference-registration .card-section, .card-simple.chart-tooltip .card-section {
  padding-left: 0;
  padding-right: 0;
}
.card.with-hero, .with-hero.comment-thread, .with-hero.add-message, .conference-speaker .with-hero.speaker-bio, .with-hero.conference-registration, .with-hero.chart-tooltip {
  border: 0;
}
.card.with-hero .card-section, .with-hero.comment-thread .card-section, .with-hero.add-message .card-section, .conference-speaker .with-hero.speaker-bio .card-section, .with-hero.conference-registration .card-section, .with-hero.chart-tooltip .card-section {
  padding: 1.5rem;
}
@media print, screen and (min-width: 36em) {
  .card.with-hero .card-section, .with-hero.comment-thread .card-section, .with-hero.add-message .card-section, .conference-speaker .with-hero.speaker-bio .card-section, .with-hero.conference-registration .card-section, .with-hero.chart-tooltip .card-section {
    padding: 3rem;
  }
}
.card.warning, .warning.comment-thread, .warning.add-message, .conference-speaker .warning.speaker-bio, .warning.conference-registration, .warning.chart-tooltip, .card.success, .success.comment-thread, .success.add-message, .conference-speaker .success.speaker-bio, .success.conference-registration, .success.chart-tooltip, .card.alert, .alert.comment-thread, .alert.add-message, .conference-speaker .alert.speaker-bio, .alert.conference-registration, .alert.chart-tooltip, .card.muted, .muted.comment-thread, .muted.add-message, .conference-speaker .muted.speaker-bio, .muted.conference-registration, .muted.chart-tooltip {
  border-top: 1px solid #ccc;
  color: #000;
}
.card.horizontal, .horizontal.comment-thread, .horizontal.add-message, .conference-speaker .horizontal.speaker-bio, .horizontal.conference-registration, .horizontal.chart-tooltip {
  display: flex;
  flex-direction: row;
}
.card.horizontal .card__image, .horizontal.comment-thread .card__image, .horizontal.add-message .card__image, .conference-speaker .horizontal.speaker-bio .card__image, .horizontal.conference-registration .card__image, .horizontal.chart-tooltip .card__image, .card.horizontal .badge-container .badge__logo, .badge-container .card.horizontal .badge__logo, .horizontal.comment-thread .badge-container .badge__logo, .badge-container .horizontal.comment-thread .badge__logo, .horizontal.add-message .badge-container .badge__logo, .badge-container .horizontal.add-message .badge__logo, .conference-speaker .horizontal.speaker-bio .badge-container .badge__logo, .badge-container .conference-speaker .horizontal.speaker-bio .badge__logo, .horizontal.conference-registration .badge-container .badge__logo, .badge-container .horizontal.conference-registration .badge__logo, .horizontal.chart-tooltip .badge-container .badge__logo, .badge-container .horizontal.chart-tooltip .badge__logo, .card.horizontal .badge-container .badge__logo--small, .badge-container .card.horizontal .badge__logo--small, .horizontal.comment-thread .badge-container .badge__logo--small, .badge-container .horizontal.comment-thread .badge__logo--small, .horizontal.add-message .badge-container .badge__logo--small, .badge-container .horizontal.add-message .badge__logo--small, .conference-speaker .horizontal.speaker-bio .badge-container .badge__logo--small, .badge-container .conference-speaker .horizontal.speaker-bio .badge__logo--small, .horizontal.conference-registration .badge-container .badge__logo--small, .badge-container .horizontal.conference-registration .badge__logo--small, .horizontal.chart-tooltip .badge-container .badge__logo--small, .badge-container .horizontal.chart-tooltip .badge__logo--small {
  width: 33.333%;
  max-height: none;
}
.card.card--meeting .card__footer, .card--meeting.comment-thread .card__footer, .card--meeting.add-message .card__footer, .conference-speaker .card--meeting.speaker-bio .card__footer, .card--meeting.conference-registration .card__footer, .card--meeting.chart-tooltip .card__footer, .card.card--meeting .card__top, .card--meeting.comment-thread .card__top, .card--meeting.add-message .card__top, .conference-speaker .card--meeting.speaker-bio .card__top, .card--meeting.conference-registration .card__top, .card--meeting.chart-tooltip .card__top {
  border-top: 1px solid #ccc;
}
.card .card__title, .comment-thread .card__title, .add-message .card__title, .conference-speaker .speaker-bio .card__title, .conference-registration .card__title, .chart-tooltip .card__title {
  margin-bottom: 1rem;
}
.card .card__footer, .comment-thread .card__footer, .add-message .card__footer, .conference-speaker .speaker-bio .card__footer, .conference-registration .card__footer, .chart-tooltip .card__footer, .card .card__top, .comment-thread .card__top, .add-message .card__top, .conference-speaker .speaker-bio .card__top, .conference-registration .card__top, .chart-tooltip .card__top {
  background: transparent;
  border-top: 0;
}
.card .card__text--paragraph, .comment-thread .card__text--paragraph, .add-message .card__text--paragraph, .conference-speaker .speaker-bio .card__text--paragraph, .conference-registration .card__text--paragraph, .chart-tooltip .card__text--paragraph {
  margin-bottom: 1rem;
}
.card .card__cta, .comment-thread .card__cta, .add-message .card__cta, .conference-speaker .speaker-bio .card__cta, .conference-registration .card__cta, .chart-tooltip .card__cta {
  padding: 2rem 0 0;
}
.card .card__support > *:only-child, .comment-thread .card__support > *:only-child, .add-message .card__support > *:only-child, .conference-speaker .speaker-bio .card__support > *:only-child, .conference-registration .card__support > *:only-child, .chart-tooltip .card__support > *:only-child {
  margin-left: 0;
}

.card-data__item [data-toggle] {
  cursor: auto;
}

.card-data__item a [data-toggle] {
  cursor: pointer;
}

.txt-primary {
  color: #ffe977;
}

.bg-primary {
  background-color: #ffe977;
}

.txt-secondary {
  color: #fff3b8;
}

.bg-secondary {
  background-color: #fff3b8;
}

.txt-hel-copper {
  color: #00d7a7;
}

.bg-hel-copper {
  background-color: #00d7a7;
}

.txt-hel-bus {
  color: #0000bf;
}

.bg-hel-bus {
  background-color: #0000bf;
}

.txt-hel-coat {
  color: #0072c6;
}

.bg-hel-coat {
  background-color: #0072c6;
}

.txt-hel-fog {
  color: #9fc9eb;
}

.bg-hel-fog {
  background-color: #9fc9eb;
}

.txt-hel-metro {
  color: #fd4f00;
}

.bg-hel-metro {
  background-color: #fd4f00;
}

.txt-hel-brick {
  color: #bd2719;
}

.bg-hel-brick {
  background-color: #bd2719;
}

.txt-hel-suomenlinna {
  color: #f5a3c7;
}

.bg-hel-suomenlinna {
  background-color: #f5a3c7;
}

.txt-hel-engel {
  color: #ffe977;
}

.bg-hel-engel {
  background-color: #ffe977;
}

.txt-hel-engel-light {
  color: #fff3b8;
}

.bg-hel-engel-light {
  background-color: #fff3b8;
}

.txt-hel-tram {
  color: #009246;
}

.bg-hel-tram {
  background-color: #009246;
}

.txt-hel-summer {
  color: #ffc61e;
}

.bg-hel-summer {
  background-color: #ffc61e;
}

.txt-hel-silver {
  color: #fd4f00;
}

.bg-hel-silver {
  background-color: #fd4f00;
}

.txt-hel-gold {
  color: #c2a251;
}

.bg-hel-gold {
  background-color: #c2a251;
}

.txt-hel-black {
  color: #000;
}

.bg-hel-black {
  background-color: #000;
}

.txt-hel-dark {
  color: #525a65;
}

.bg-hel-dark {
  background-color: #525a65;
}

.txt-hel-gray {
  color: #ccc;
}

.bg-hel-gray {
  background-color: #ccc;
}

.txt-hel-light {
  color: #ebedf1;
}

.bg-hel-light {
  background-color: #ebedf1;
}

.txt-hel-white {
  color: #fff;
}

.bg-hel-white {
  background-color: #fff;
}

.bg-primary.fg-light,
.bg-primary.fg-light h1,
.bg-primary.fg-light .h1,
.bg-primary.fg-light h2,
.bg-primary.fg-light .h2,
.bg-primary.fg-light h3,
.bg-primary.fg-light .h3,
.bg-primary.fg-light h4,
.bg-primary.fg-light .h4,
.bg-primary.fg-light h5,
.bg-primary.fg-light .h5,
.bg-primary.fg-light h6,
.bg-primary.fg-light .h6 {
  color: #fff;
}
.bg-primary,
.bg-primary h1,
.bg-primary .h1,
.bg-primary h2,
.bg-primary .h2,
.bg-primary h3,
.bg-primary .h3,
.bg-primary h4,
.bg-primary .h4,
.bg-primary h5,
.bg-primary .h5,
.bg-primary h6,
.bg-primary .h6 {
  color: #ffe977;
}
.bg-primary a:not(.button):not(.meeting-polls__button) {
  color: #fff;
}
.bg-primary a:focus,
.bg-primary .link:focus,
.bg-primary .button:focus,
.bg-primary .meeting-polls__button:focus {
  outline-color: #00d7a7;
  outline-color: var(--highlight-alternative);
}

.wrapper-paahtimo .txt-secondary {
  color: #9fc9eb;
}
.wrapper-paahtimo .bg-secondary {
  background-color: #e8f3fc;
}

.column-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.column-grid .column, .column-grid .columns {
  float: none;
  clear: none;
  height: 100%;
  width: auto;
  margin-bottom: 0;
}

.comment__votes .button_to {
  display: inline-block;
}

.data-rows {
  position: relative;
}
.data-rows .data-rows__item {
  position: relative;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #525a65;
}
@media print, screen and (min-width: 36em) {
  .data-rows .data-rows__item {
    flex-direction: row;
  }
}
.data-rows .data-rows__item.data-rows__header {
  display: none;
  border-bottom: 2px solid #000;
  font-weight: 600;
}
@media print, screen and (min-width: 36em) {
  .data-rows .data-rows__item.data-rows__header {
    display: flex;
  }
}
.data-rows .data-rows__item.data-rows__header > .data-rows__item__data--title {
  font-weight: 600;
}
.data-rows .data-rows__item.data-rows__item--with-icon {
  padding-right: 30px;
}
.data-rows .data-rows__item > .data-rows__item__data {
  flex: 1;
  padding: 10px 0;
}
@media print, screen and (min-width: 36em) {
  .data-rows .data-rows__item > .data-rows__item__data {
    padding: 10px;
  }
}
.data-rows .data-rows__item > .data-rows__item__data:first-of-type {
  padding-left: 0;
}
.data-rows .data-rows__item > .data-rows__item__data:last-of-type {
  padding-right: 0;
}
.data-rows .data-rows__item > .data-rows__item__data--title {
  font-weight: 600;
}
@media print, screen and (min-width: 36em) {
  .data-rows .data-rows__item > .data-rows__item__data--title {
    font-weight: normal;
  }
}
.data-rows .data-rows__item > .data-rows__item__icon {
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  margin-top: -0.7rem;
  text-align: right;
}
.data-rows .data-rows__item .data-rows__item__detail {
  display: block;
  margin-right: 10px;
}
.data-rows .data-rows__item .data-rows__item__detail:last-child {
  margin-right: 0;
}
@media print, screen and (min-width: 36em) {
  .data-rows .data-rows__item .data-rows__item__detail {
    display: inline-block;
  }
}
.data-rows a.data-rows__item {
  font-weight: normal;
  text-decoration: none;
}
.data-rows a.data-rows__item:hover, .data-rows a.data-rows__item:focus {
  text-decoration: none;
  background: #ebedf1;
}

.divider {
  border-bottom: 4px solid #ccc;
  margin: 1rem 0;
  width: auto;
}
.divider.success {
  border-bottom-color: #007a64;
}
.divider.alert {
  border-bottom-color: #c4123e;
}
.divider.warning {
  border-bottom-color: #ffda07;
}
.divider.muted {
  border-bottom-color: #525a65;
}

.document-link {
  display: block;
  margin: 0.2rem 0;
  text-decoration: none;
  font-weight: normal;
}
.document-link .icon {
  margin-right: 0.4rem;
}
.document-link:hover, .document-link:focus {
  text-decoration: none;
}
.document-link:hover .document-link__description, .document-link:focus .document-link__description {
  text-decoration: underline;
}

.documents-collection {
  position: relative;
  padding-left: 0.2rem;
  margin-bottom: 0.5rem;
}
.documents-collection::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 2px;
  background: #000;
}
.documents-collection .document-link {
  margin-left: 0.5rem;
}

.footer-wrapper .koro svg {
  fill: #fff3b8;
}
.footer-wrapper .koro.with-wrapper--inner {
  bottom: 0;
  background: #f4f4f4;
}

.main-footer,
.mini-footer,
.bottom-footer {
  color: #000;
  background-color: #fff3b8;
}
.main-footer a,
.mini-footer a,
.bottom-footer a {
  color: #000;
  text-decoration: none;
}
.main-footer a:hover, .main-footer a:focus,
.mini-footer a:hover,
.mini-footer a:focus,
.bottom-footer a:hover,
.bottom-footer a:focus {
  text-decoration: underline;
}
.main-footer a:hover,
.mini-footer a:hover,
.bottom-footer a:hover {
  color: #000;
}
.main-footer a:focus,
.mini-footer a:focus,
.bottom-footer a:focus {
  outline-color: var(--highlight);
}
.main-footer .footer-right,
.mini-footer .footer-right,
.bottom-footer .footer-right {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 36em) {
  .main-footer .footer-right,
  .mini-footer .footer-right,
  .bottom-footer .footer-right {
    text-align: right;
    flex-direction: row;
    justify-content: end;
    gap: 1rem;
  }
}

.main-footer .main-footer__badge {
  position: static;
  display: flex;
  align-items: center;
  width: auto;
}
.main-footer .main-footer__badge .main-footer__logo {
  flex-shrink: 0;
  width: 100px;
  margin-right: 1rem;
}
.main-footer .main-footer__badge .main-footer__label {
  font-weight: 600;
}

.mini-footer {
  border-top: 1px solid #ffe977;
  border-bottom: 1px solid #ffe977;
}

.bottom-footer {
  padding: 1rem 0;
}

.main__footer__nav {
  text-align: left;
}
@media print, screen and (min-width: 36em) {
  .main__footer__nav .footer-nav li {
    padding: 0 1rem 0 0;
  }
}

.footer-social {
  padding-top: 0;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 36em) {
  .footer-social {
    margin-bottom: 0;
  }
}

.footer-copyright {
  margin-top: 2rem;
}
@media print, screen and (min-width: 36em) {
  .footer-copyright {
    margin-top: 0;
  }
}

.wrapper-paahtimo .footer-wrapper .koro svg {
  fill: #e8f3fc;
}
.wrapper-paahtimo .main-footer,
.wrapper-paahtimo .mini-footer,
.wrapper-paahtimo .bottom-footer {
  background-color: #e8f3fc;
}
.wrapper-paahtimo .mini-footer {
  border-top-color: #9fc9eb;
  border-bottom-color: #9fc9eb;
}

.register-form input[type=text],
.register-form input[type=email],
.register-form input[type=password] {
  height: 3.5rem;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea,
select,
.inline-filters button[data-toggle] {
  height: 3.5rem;
}

.plans-form .field {
  margin-bottom: 2rem;
}
.plans-form .field .field-info {
  padding: 1rem 0;
}
.plans-form .field .field-info-after {
  padding: 0;
  margin-top: -2rem;
}
.plans-form .field .field-label-with-info .field-info {
  padding: 0;
}

label.checkbox-field {
  margin-bottom: 1rem;
}

label + .help-text {
  margin-top: 0.5rem;
}

label + .form-error {
  margin-top: 0.5rem;
}

input[type=checkbox],
input[type=radio] {
  position: relative;
  top: 4px;
  z-index: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  outline: none;
}
input[type=checkbox]::before, input[type=checkbox]::after,
input[type=radio]::before,
input[type=radio]::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -2px;
  left: -2px;
  width: 24px;
  height: 24px;
  background-color: #fff;
}
input[type=checkbox]::before,
input[type=radio]::before {
  border: 2px solid #525a65;
}
input[type=checkbox]::after,
input[type=radio]::after {
  display: none;
}
input[type=checkbox]:checked::before,
input[type=radio]:checked::before {
  border-color: #0000bf;
}
input[type=checkbox]:checked::after,
input[type=radio]:checked::after {
  display: block;
}

input[type=checkbox]:checked::before {
  background-color: #0000bf;
}
input[type=checkbox]:checked::after {
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M0 0h24v24H0z%27/%3E%3Cpath fill=%27currentColor%27 d=%27M21 7L10 18l-5.5-5.5L6 11l4 4 9.5-9.5z%27/%3E%3C/g%3E%3C/svg%3E");
}

input[type=radio]::before, input[type=radio]::after {
  border-radius: 50%;
}
input[type=radio]::after {
  width: 12px;
  height: 12px;
  top: 4px;
  left: 4px;
}
input[type=radio]:checked::after {
  display: block;
  background-color: #0000bf;
}

.form-section {
  margin-bottom: 1rem;
}
.form-section .form-section__title {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
}
.form-section .form-section__title h1,
.form-section .form-section__title .h1,
.form-section .form-section__title h2,
.form-section .form-section__title .h2,
.form-section .form-section__title h3,
.form-section .form-section__title .h3,
.form-section .form-section__title h4,
.form-section .form-section__title .h4 {
  margin-bottom: 0.8rem;
}

.input-group-button button {
  height: 3.5rem;
}

.hero::after {
  display: none;
}
.hero.with-split {
  position: relative;
  background-size: 640px;
  background-position: right bottom;
}
@media (min-width: 320px) {
  .hero.with-split {
    background-size: 200%;
  }
}
@media print, screen and (min-width: 48em) {
  .hero.with-split {
    background-size: 170%;
  }
}
@media print, screen and (min-width: 62em) {
  .hero.with-split {
    background-size: cover;
    background-position: right center;
  }
}
.hero.with-split, .hero.with-split.home-section {
  background-color: transparent;
}
.hero.secondary {
  background: #ffe977;
}
.hero.lower .hero__container {
  padding: 3rem 0 2rem;
}
@media print, screen and (min-width: 62em) {
  .hero.lower .hero__container {
    padding: 4rem 0 3.5rem;
  }
}
.hero.subpage {
  margin-bottom: 4rem;
}
.hero.with-card {
  margin-bottom: 2rem;
}
.hero.with-card .hero__container {
  padding: 1rem 0;
}
@media print, screen and (min-width: 62em) {
  .hero.with-card .hero__container {
    padding: 2.5rem 0;
  }
}
.hero.with-overflow-image {
  margin-bottom: 16rem;
}
.hero.with-overflow-image .overflow-image {
  margin-top: 3rem;
  height: 60px;
}
.hero.with-overflow-image .overflow-image img {
  height: 300px;
}
.hero.main .hero__container {
  min-height: 200px;
}
@media print, screen and (min-width: 62em) {
  .hero.main .hero__container {
    min-height: 400px;
  }
}
.hero .koro.secondary svg {
  fill: #ffe977;
}
.hero .koro svg {
  fill: #fff;
}

.hero__container {
  text-align: left;
}

.hero__split {
  position: relative;
  overflow: hidden;
  padding-bottom: 13rem;
}
@media (min-width: 400px) {
  .hero__split {
    padding-bottom: 17rem;
  }
}
@media print, screen and (min-width: 36em) {
  .hero__split {
    padding-bottom: 23rem;
  }
}
@media print, screen and (min-width: 48em) {
  .hero__split {
    padding-bottom: 24rem;
  }
}
@media (min-width: 850px) {
  .hero__split {
    padding-bottom: 26rem;
  }
}
@media print, screen and (min-width: 62em) {
  .hero__split {
    background: linear-gradient(-45deg, transparent 45%, #ffe977 45%);
    padding-bottom: 0;
  }
}
.hero__split .hero__container {
  background: #ffe977;
  padding: 3rem 0 1rem;
}
@media print, screen and (min-width: 36em) {
  .hero__split .hero__container {
    padding: 3rem 0 1rem;
  }
}
@media print, screen and (min-width: 48em) {
  .hero__split .hero__container {
    padding: 3rem 0 1rem;
  }
}
@media print, screen and (min-width: 62em) {
  .hero__split .hero__container {
    background: transparent;
    padding: 6rem 0;
  }
}
.hero__split .hero__container .koro {
  position: absolute;
  top: auto;
  bottom: -37px;
}
@media print, screen and (min-width: 62em) {
  .hero__split .hero__container .koro {
    display: none;
  }
}
.hero__split .hero__container .koro svg {
  fill: #ffe977;
}
.hero__split .koro-wrapper {
  position: absolute;
  top: 100%;
  width: 100%;
}
@media print, screen and (min-width: 62em) {
  .hero__split .koro-wrapper {
    top: 55%;
    left: 50%;
    margin-top: 5%;
    height: 0;
    width: 100%;
    transform: rotate(135deg);
    transform-origin: top left;
    pointer-events: none;
  }
}
.hero__split .koro-wrapper .koro {
  position: absolute;
  height: 39px;
}
@media print, screen and (min-width: 62em) {
  .hero__split .koro-wrapper .koro {
    top: -37px;
    width: 150%;
    left: -75%;
  }
}
.hero__split .koro-wrapper .koro svg {
  fill: #fff;
}
@media print, screen and (min-width: 62em) {
  .hero__split .koro-wrapper .koro svg {
    fill: #ffe977;
  }
}

.wrapper-paahtimo .hero.secondary {
  background: #9fc9eb;
}
.wrapper-paahtimo .hero .koro.secondary svg {
  fill: #9fc9eb;
}
@media print, screen and (min-width: 62em) {
  .wrapper-paahtimo .hero__split {
    background: linear-gradient(-45deg, transparent 45%, #9fc9eb 45%);
  }
}
.wrapper-paahtimo .hero__split .hero__container {
  background: #9fc9eb;
}
@media print, screen and (min-width: 62em) {
  .wrapper-paahtimo .hero__split .hero__container {
    background: transparent;
  }
}
.wrapper-paahtimo .hero__split .hero__container .koro svg {
  fill: #9fc9eb;
}
@media print, screen and (min-width: 62em) {
  .wrapper-paahtimo .hero__split .koro-wrapper .koro svg {
    fill: #9fc9eb;
  }
}

.highlighted-links {
  padding: 1rem;
}
.highlighted-links .highlighted-links__title {
  font-weight: 600;
}
.highlighted-links .highlighted-links__item {
  position: relative;
  display: inline-block;
  padding: 0.8rem 3rem 0.8rem 1rem;
  margin: 1rem 1rem 0;
  background: #fff;
  border: 1px solid #ebedf1;
}
.highlighted-links .highlighted-links__item .icon {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -7px;
}

a.highlighted-links__item {
  font-weight: normal;
  text-decoration: none;
}
a.highlighted-links__item:hover, a.highlighted-links__item:focus {
  text-decoration: underline;
}

.mentions__container .tribute-container,
.hashtags__container .tribute-container {
  top: -2.1rem;
  color: #000;
}

.koro {
  position: relative;
  bottom: -4px;
  width: 100%;
  line-height: 0;
}
.koro.flip-horizontal {
  transform: scaleY(-1);
  top: -4px;
  bottom: auto;
}

.label.plain {
  background-color: transparent;
  color: #000;
  padding-left: 0;
  padding-right: 0;
}
.label.info {
  background-color: #0072c6;
}

.off-canvas-wrapper {
  background-color: #fff;
}

.off-canvas {
  background: #ebedf1;
}
.off-canvas .close-button {
  color: #000;
}

.wrapper {
  padding: 0;
}
.wrapper.pb-0 {
  padding-bottom: 0;
}
.plain-page .wrapper, .wrapper:only-child {
  padding: 1.2rem 1rem;
}
@media print, screen and (min-width: 36em) {
  .plain-page .wrapper, .wrapper:only-child {
    padding: 5rem 1.5rem 3rem;
  }
}
@media print, screen and (min-width: 62em) {
  .plain-page .wrapper, .wrapper:only-child {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.wrapper--inner {
  background: #f4f4f4;
  padding-top: 1rem;
}

.tos-wrapper {
  margin-top: 4rem;
}

.listing-section {
  padding: 4rem 0;
}
.listing-section .card, .listing-section .comment-thread, .listing-section .add-message, .listing-section .conference-speaker .speaker-bio, .conference-speaker .listing-section .speaker-bio, .listing-section .conference-registration, .listing-section .chart-tooltip {
  max-width: 100%;
}
.listing-section .listing-section-heading {
  padding-bottom: 4rem;
}

ol {
  margin-left: 0;
}
ol ol {
  margin-left: 1.25rem;
}

ol li {
  list-style-type: none;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}

ol li::before {
  content: counter(list-0, decimal) ". ";
}

ol li.ql-indent-1 {
  counter-increment: list-1;
}

ol li.ql-indent-1::before {
  content: counter(list-1, lower-alpha) ". ";
}

ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

ol li.ql-indent-2 {
  counter-increment: list-2;
}

ol li.ql-indent-2::before {
  content: counter(list-2, lower-roman) ". ";
}

ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

ol li.ql-indent-3 {
  counter-increment: list-3;
}

ol li.ql-indent-3::before {
  content: counter(list-3, decimal) ". ";
}

ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

ol li.ql-indent-4 {
  counter-increment: list-4;
}

ol li.ql-indent-4::before {
  content: counter(list-4, lower-alpha) ". ";
}

ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

ol li.ql-indent-5 {
  counter-increment: list-5;
}

ol li.ql-indent-5::before {
  content: counter(list-5, lower-roman) ". ";
}

ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

ol li.ql-indent-6 {
  counter-increment: list-6;
}

ol li.ql-indent-6::before {
  content: counter(list-6, decimal) ". ";
}

ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

ol li.ql-indent-7 {
  counter-increment: list-7;
}

ol li.ql-indent-7::before {
  content: counter(list-7, lower-alpha) ". ";
}

ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

ol li.ql-indent-8 {
  counter-increment: list-8;
}

ol li.ql-indent-8::before {
  content: counter(list-8, lower-roman) ". ";
}

ol li.ql-indent-8 {
  counter-reset: list-9;
}

ol li.ql-indent-9 {
  counter-increment: list-9;
}

ol li.ql-indent-9::before {
  content: counter(list-9, decimal) ". ";
}

.ql-indent-1 {
  padding-left: 2em;
}

li.ql-indent-1 {
  padding-left: 2em;
  list-style-position: inside;
}

.ql-indent-2 {
  padding-left: 4em;
}

li.ql-indent-2 {
  padding-left: 4em;
  list-style-position: inside;
}

.ql-indent-3 {
  padding-left: 6em;
}

li.ql-indent-3 {
  padding-left: 6em;
  list-style-position: inside;
}

.ql-indent-4 {
  padding-left: 8em;
}

li.ql-indent-4 {
  padding-left: 8em;
  list-style-position: inside;
}

.ql-indent-5 {
  padding-left: 10em;
}

li.ql-indent-5 {
  padding-left: 10em;
  list-style-position: inside;
}

.ql-indent-6 {
  padding-left: 12em;
}

li.ql-indent-6 {
  padding-left: 12em;
  list-style-position: inside;
}

.ql-indent-7 {
  padding-left: 14em;
}

li.ql-indent-7 {
  padding-left: 14em;
  list-style-position: inside;
}

.ql-indent-8 {
  padding-left: 16em;
}

li.ql-indent-8 {
  padding-left: 16em;
  list-style-position: inside;
}

.ql-indent-9 {
  padding-left: 18em;
}

li.ql-indent-9 {
  padding-left: 18em;
  list-style-position: inside;
}

.side-panel {
  background-color: #fff;
}
.side-panel.subpage {
  border-right: 0;
}

.side-panel__tabs {
  border: none;
}
.side-panel__tabs .tabs-title {
  border-bottom: 1px solid #ccc;
}
@media print, screen and (min-width: 36em) {
  .side-panel__tabs .tabs-title:last-of-type {
    margin-bottom: 4rem;
  }
}
.side-panel__tabs .tabs-title > [role=tab],
.side-panel__tabs .tabs-title > a {
  color: #000;
}
.side-panel__tabs .tabs-title > [role=tab]:hover,
.side-panel__tabs .tabs-title > a:hover {
  color: #000;
}
.side-panel__tabs .tabs-title.is-active > [role=tab], .side-panel__tabs .tabs-title.is-active > a {
  color: #000;
  box-shadow: inset 4px 0 0 var(--primary);
}

.map__help {
  position: relative;
}

.menu.nested a, .nested.tabs.expanded a {
  padding-left: 2rem;
}

.sub-navigation {
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 48em) {
  .sub-navigation {
    margin-bottom: 0;
  }
}
.sub-navigation .sub-navigation-opener {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.1rem 1rem;
  border: 1px solid #000;
  margin-bottom: 0;
  text-align: left;
}
.sub-navigation .sub-navigation-opener::after {
  content: "▼";
  position: absolute;
  display: block;
  top: 50%;
  right: 20px;
  margin-top: -8px;
}
.sub-navigation .sub-navigation-opener[aria-expanded=true]::after {
  content: "▲";
}
.sub-navigation .sub-navigation-content {
  display: none;
  border: 1px solid #000;
  border-top: 0;
}
@media print, screen and (min-width: 48em) {
  .sub-navigation .sub-navigation-content {
    border: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .sub-navigation .sub-navigation-content {
    display: block;
  }
}
.sub-navigation .sub-navigation-content.active {
  display: block;
}
.sub-navigation .menu.vertical li, .sub-navigation .vertical.tabs.expanded li {
  margin-bottom: 1rem;
}
.sub-navigation .menu.vertical li.is-active > a, .sub-navigation .vertical.tabs.expanded li.is-active > a {
  border-bottom-color: #000;
}
.sub-navigation .menu.vertical li > a, .sub-navigation .vertical.tabs.expanded li > a {
  border-bottom: 4px solid #fff;
}
.sub-navigation .menu.vertical li > a:focus, .sub-navigation .vertical.tabs.expanded li > a:focus, .sub-navigation .menu.vertical li > a:hover, .sub-navigation .vertical.tabs.expanded li > a:hover {
  text-decoration: none;
  border-bottom-color: #000;
}

.logo-wrapper img {
  width: 100px;
  max-height: 50px;
}
.logo-wrapper img.logo-sv {
  max-height: 50px;
}

.service-logo {
  display: flex;
  flex-direction: column;
  margin: 15px 0 9px;
}
@media print, screen and (min-width: 28.125em) {
  .service-logo {
    flex-direction: row;
    align-items: center;
  }
}
.service-logo .hki-city-logo {
  flex: 1;
}
.service-logo .service-logo-text {
  font-weight: 600;
  line-height: initial;
  padding: 20px 0;
}
@media print, screen and (min-width: 28.125em) {
  .service-logo .service-logo-text {
    padding: 0;
    margin-left: 25px;
  }
}

.topbar {
  align-items: flex-start;
}
@media print, screen and (min-width: 36em) {
  .topbar {
    align-items: center;
  }
}
.topbar a {
  font-weight: normal;
  text-decoration: none;
}
.topbar a:hover, .topbar a:focus {
  text-decoration: underline;
}
.topbar .sign-in-link {
  font-weight: 500;
}
.topbar .logo-wrapper {
  width: 100px;
}
.topbar .logo-wrapper a.service-logo {
  display: flex;
}

.topbar__user__login {
  text-align: right;
  line-height: 1.2;
}
.topbar__user__login a {
  color: #000;
}
.topbar__user__login .icon {
  position: relative;
  top: 2px;
  margin-right: 8px;
}

.topbar__dropmenu > ul > li > a {
  color: #000;
  font-weight: 600;
}
.topbar__dropmenu > ul > li > a::after {
  border-top-color: #000 !important;
}

.title-bar,
.navbar {
  border-bottom: 1px solid #ccc;
}

@media print, screen and (max-width: 35.99875em) {
  .title-bar {
    border-top: 0;
  }
}

.navbar {
  background: #fff;
}
.navbar a {
  text-decoration: none;
  font-weight: normal;
}
.navbar a:focus,
.navbar .button:focus,
.navbar .meeting-polls__button:focus {
  outline-color: var(--highlight);
}

.topbar__search:not(:focus-within) button {
  background-color: #000;
  color: #fff;
}
@media print, screen and (min-width: 36em) {
  .topbar__search:not(:focus-within) button {
    background: #000;
  }
}
.topbar__search:focus-within input {
  background-color: #ebedf1;
  color: #000;
  border: 2px solid #000;
}
.topbar__search:focus-within input::placeholder {
  color: #525a65;
}
.topbar__search a {
  font-weight: 500;
}
.topbar__search a .icon {
  margin-right: 0.5rem;
}
.topbar__search input {
  color: #1a181d;
  background: #fff;
  border: 2px solid #000;
  border-radius: 0;
}
.topbar__search input:focus {
  color: #1a181d;
  background: #fff;
}
@media print, screen and (min-width: 36em) {
  .topbar__search input {
    background: #fff;
  }
}
.topbar__search button {
  border-radius: 0;
}
.topbar__search .input-group-button button {
  height: 2.5rem;
}

@media print, screen and (min-width: 36em) {
  .main-nav ul {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
  }
}
@media print, screen and (min-width: 48em) {
  .main-nav ul {
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    display: flex;
  }
}
@media print, screen and (min-width: 36em) {
  .main-nav ul > li {
    display: block;
    text-align: left;
  }
}
@media print, screen and (min-width: 48em) {
  .main-nav ul > li {
    display: inline-block;
    flex: 0 0 auto;
    text-align: center;
  }
}

.main-nav__link a {
  color: #000;
}
@media print, screen and (min-width: 36em) {
  .main-nav__link a {
    padding: 1em 2em;
  }
}
@media print, screen and (min-width: 48em) {
  .main-nav__link a {
    padding: 0.75em 2em;
    margin-right: 1rem;
  }
}
.main-nav__link a:hover {
  background: #fff;
  color: #000;
}
.main-nav__link a:focus {
  z-index: 1;
  color: #000;
  outline-offset: -2px;
}
.main-nav__link a:hover, .main-nav__link a:focus {
  text-decoration: none;
}
@media print, screen and (min-width: 48em) {
  .main-nav__link a:hover, .main-nav__link a:focus {
    box-shadow: inset 0 -4px 0 0 var(--primary);
  }
}

.main-nav__link--active a {
  box-shadow: inset 4px 0 0 0 var(--primary);
}
@media print, screen and (min-width: 48em) {
  .main-nav__link--active a {
    box-shadow: inset 0 -4px 0 0 var(--primary);
  }
}

.topbar__admin__link {
  margin-left: 30px;
}
.topbar__admin__link a {
  color: #000;
  font-weight: 500;
}
.topbar__admin__link a:hover, .topbar__admin__link a:focus {
  color: #000;
  text-decoration: underline;
}

.topbar > .topbar__admin__link {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .topbar > .topbar__admin__link {
    display: flex;
  }
}

.topbar__user__logged {
  padding-right: 0;
}
@media print, screen and (min-width: 36em) {
  .topbar__user__logged {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  .topbar__user__logged {
    display: block;
  }
}

a.topbar__notifications .icon,
a.topbar__conversations .icon {
  fill: #4d4d4d;
  opacity: 0.8;
}
a.topbar__notifications:hover, a.topbar__notifications:focus,
a.topbar__conversations:hover,
a.topbar__conversations:focus {
  text-decoration: none;
}
a.topbar__notifications.is-active .icon,
a.topbar__conversations.is-active .icon {
  fill: #fd4f00;
  opacity: 1;
}

@media print, screen and (max-width: 47.99875em) {
  .language-choose {
    font-size: 16px;
    position: absolute;
    top: 16px;
    left: auto;
    right: 56px;
    margin-left: 0;
  }
  .language-choose:hover, .language-choose:focus {
    text-decoration: underline;
  }
  .language-choose .dropdown.menu > li.is-dropdown-submenu-parent > a::after, .language-choose .dropdown.tabs.expanded > li.is-dropdown-submenu-parent > a::after {
    border-width: 3px;
    right: 10px;
    margin-top: 0;
  }
  .language-choose .dropdown.menu > li.is-dropdown-submenu-parent > a::after:hover, .language-choose .dropdown.tabs.expanded > li.is-dropdown-submenu-parent > a::after:hover, .language-choose .dropdown.menu > li.is-dropdown-submenu-parent > a::after:focus, .language-choose .dropdown.tabs.expanded > li.is-dropdown-submenu-parent > a::after:focus {
    text-decoration: underline;
  }
}

.topbar__menu {
  font-size: 26px;
  margin-right: 0.5rem;
  margin-top: 1.3rem;
}
@media print, screen and (min-width: 36em) {
  .topbar__menu {
    margin-top: 0.5rem;
  }
}

.usermenu-off-canvas-holder .usermenu-off-canvas a {
  color: #000;
}
.usermenu-off-canvas-holder .usermenu-off-canvas a:hover, .usermenu-off-canvas-holder .usermenu-off-canvas a:focus {
  color: #000;
}

.opinion-toggle--meh:hover, .opinion-toggle--meh:focus, .opinion-toggle--meh.is-active {
  background-color: #000;
}

.order-by form {
  width: 100%;
}

.pagination a {
  text-decoration: none;
  font-weight: normal;
}
.pagination a:hover, .pagination a:focus {
  text-decoration: underline;
}

.reveal .wrapper--inner {
  padding: 1rem;
}

.register__separator {
  display: block;
  text-align: center;
  position: relative;
  z-index: 1;
  font-size: 1.7rem;
  font-weight: 600;
  margin: 3rem 0 1.5rem;
}
.register__separator::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: #000;
  position: absolute;
  top: 50%;
  z-index: -1;
}

.register__separator__text {
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  padding: 0 1rem;
}

.register-form input[type=text],
.register-form input[type=email],
.register-form input[type=password] {
  height: 3rem;
}
.register-form legend {
  font-size: 1.25em;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  margin-top: 0;
  text-align: center;
}
.register-form label > [type=checkbox] {
  margin-bottom: 1rem;
}
.register-form .tos-text {
  padding: 0.5rem;
  border: 1px solid #e8e8e8;
  margin: 1rem 0;
  max-height: 10rem;
  overflow: auto;
  font-size: 0.8rem;
  font-style: italic;
}
.register-form #card__tos,
.register-form #card__newsletter {
  text-align: center;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track::before, .slick-track::after {
  content: "";
  display: table;
}
.slick-track::after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/ajax-loader-fb6f3c230cb846e25247.gif) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/slick-a4e97f5a2a64f0ab1323.eot);
  src: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/slick-a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"), url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/slick-295183786cd8a1389865.woff) format("woff"), url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/slick-c94f7671dcc99dce43e2.ttf) format("truetype"), url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/slick-2630a3e3eab21c607e21.svg#slick) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-change-prev,
.slick-change-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
}

.slick-change-prev {
  left: 0;
}

.slick-change-next {
  right: 0;
}

.slick-prev,
.slick-next {
  position: absolute;
  z-index: 1;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 30px;
  cursor: pointer;
  background: #fff3b8;
  color: #000;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  border-radius: 0;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: #ffe977;
  color: #000;
}
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
  opacity: 1;
}

.slick-prev {
  letter-spacing: 4px;
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-next {
  letter-spacing: -4px;
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover::before, .slick-dots li button:focus::before {
  opacity: 1;
}
.slick-dots li button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 24px;
  line-height: 20px;
  text-align: center;
  background: transparent;
  border: 2px solid #000;
  border-radius: 50%;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button::before {
  background: #000;
  opacity: 1;
}

.card-slider {
  text-align: initial;
}
.card-slider.slick-slider {
  margin: 0 45px;
}
.card-slider.slick-slider.slick-dotted {
  margin-bottom: 100px;
}
.card-slider.center .card-slide-content {
  position: relative;
  padding: 2%;
  margin: 10% 0 0;
  transition: all 300ms ease;
}
@media screen and (min-width: 76.5em) {
  .card-slider.center .card-slide-content {
    margin: 24% 0 18%;
  }
}
.card-slider.center .slick-slide {
  margin: 0 1rem;
}
@media screen and (min-width: 76.5em) {
  .card-slider.center .slick-slide {
    margin: 0 2rem;
  }
}
@media screen and (min-width: 76.5em) {
  .card-slider.center .slick-slide.slick-center .card-slide-content {
    transform: scale(1.24);
  }
}
.card-slider .slick-track {
  display: flex !important;
}
.card-slider .slick-slide {
  height: inherit !important;
  display: flex;
}
.card-slider .slick-slide > div {
  display: flex;
}
.card-slider .slick-slide .card-slide-content {
  display: flex !important;
}
.card-slider .slick-slide .card, .card-slider .slick-slide .comment-thread, .card-slider .slick-slide .add-message, .card-slider .slick-slide .conference-speaker .speaker-bio, .conference-speaker .card-slider .slick-slide .speaker-bio, .card-slider .slick-slide .conference-registration, .card-slider .slick-slide .chart-tooltip {
  display: flex;
  flex-direction: column;
}
.card-slider .slick-slide .card .card__content, .card-slider .slick-slide .comment-thread .card__content, .card-slider .slick-slide .add-message .card__content, .card-slider .slick-slide .conference-speaker .speaker-bio .card__content, .conference-speaker .card-slider .slick-slide .speaker-bio .card__content, .card-slider .slick-slide .conference-registration .card__content, .card-slider .slick-slide .chart-tooltip .card__content, .card-slider .slick-slide .card .badge-card__content, .card-slider .slick-slide .comment-thread .badge-card__content, .card-slider .slick-slide .add-message .badge-card__content, .card-slider .slick-slide .conference-speaker .speaker-bio .badge-card__content, .conference-speaker .card-slider .slick-slide .speaker-bio .badge-card__content, .card-slider .slick-slide .conference-registration .badge-card__content, .card-slider .slick-slide .chart-tooltip .badge-card__content {
  flex-grow: 1;
}
.card-slider .card .card__support .card__button, .card-slider .comment-thread .card__support .card__button, .card-slider .add-message .card__support .card__button, .card-slider .conference-speaker .speaker-bio .card__support .card__button, .conference-speaker .card-slider .speaker-bio .card__support .card__button, .card-slider .conference-registration .card__support .card__button, .card-slider .chart-tooltip .card__support .card__button,
.card-slider .card .card__support .favorite-button,
.card-slider .comment-thread .card__support .favorite-button,
.card-slider .add-message .card__support .favorite-button,
.card-slider .conference-speaker .speaker-bio .card__support .favorite-button,
.conference-speaker .card-slider .speaker-bio .card__support .favorite-button,
.card-slider .conference-registration .card__support .favorite-button,
.card-slider .chart-tooltip .card__support .favorite-button {
  margin-left: 0;
  margin-right: 0;
}

.banner-slider .slick-change-prev,
.banner-slider .slick-change-next {
  width: 40px;
  background: #fff;
}
@media print, screen and (min-width: 36em) {
  .banner-slider .slick-change-prev,
  .banner-slider .slick-change-next {
    width: 8.3333333333%;
  }
}
.banner-slider .banner-slider-slide {
  padding: 0 40px;
}
.banner-slider .banner-slider-slide h1,
.banner-slider .banner-slider-slide .h1,
.banner-slider .banner-slider-slide h2,
.banner-slider .banner-slider-slide .h2,
.banner-slider .banner-slider-slide h3,
.banner-slider .banner-slider-slide .h3 {
  word-break: break-word;
}
@media print, screen and (min-width: 36em) {
  .banner-slider .banner-slider-slide {
    padding: 0 8.3333333333%;
  }
  .banner-slider .banner-slider-slide h1,
  .banner-slider .banner-slider-slide .h1,
  .banner-slider .banner-slider-slide h2,
  .banner-slider .banner-slider-slide .h2,
  .banner-slider .banner-slider-slide h3,
  .banner-slider .banner-slider-slide .h3 {
    word-break: normal;
  }
}

.slick-prev,
.slick-next {
  height: 60px;
  width: 30px;
}
@media print, screen and (min-width: 36em) {
  .slick-prev,
  .slick-next {
    height: 72px;
    width: 44px;
  }
}
@media print, screen and (min-width: 62em) {
  .slick-prev,
  .slick-next {
    width: 56px;
  }
}
.slick-prev::before,
.slick-next::before {
  font-size: 55px;
}
@media print, screen and (min-width: 62em) {
  .slick-prev::before,
  .slick-next::before {
    font-size: 75px;
  }
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick-dots {
  bottom: -40px;
}
@media print, screen and (min-width: 62em) {
  .slick-dots {
    bottom: -70px;
  }
}
.slick-dots li {
  margin: 0 20px;
}

.full-slider {
  margin-bottom: 6rem;
}

.tabs.tabs-stepper {
  display: none;
  margin-bottom: 40px;
}
@media print, screen and (min-width: 48em) {
  .tabs.tabs-stepper {
    display: block;
  }
}
.tabs.tabs-stepper .tabs-stepper-step {
  position: relative;
  z-index: 0;
  float: left;
  padding: 0 30px;
}
.tabs.tabs-stepper .tabs-stepper-step::before, .tabs.tabs-stepper .tabs-stepper-step::after {
  content: "";
  position: absolute;
  top: 30px;
  display: block;
  height: 2px;
  width: 50%;
  background: #cdcdcd;
}
.tabs.tabs-stepper .tabs-stepper-step::before {
  left: 0;
}
.tabs.tabs-stepper .tabs-stepper-step::after {
  right: 0;
}
.tabs.tabs-stepper .tabs-stepper-step:first-child {
  padding-left: 0;
}
.tabs.tabs-stepper .tabs-stepper-step:first-child::before {
  display: none;
}
.tabs.tabs-stepper .tabs-stepper-step:last-child {
  padding-right: 0;
}
.tabs.tabs-stepper .tabs-stepper-step:last-child::after {
  display: none;
}
.tabs.tabs-stepper .tabs-stepper-step.is-active .step-selector .step-selector-number {
  background: #ffe977;
  color: #000;
}
.tabs.tabs-stepper .tabs-stepper-step > a {
  padding: 0;
  color: #000;
  font-weight: normal;
}
.tabs.tabs-stepper .tabs-stepper-step > a:hover, .tabs.tabs-stepper .tabs-stepper-step > a:focus {
  text-decoration: none;
}
.tabs.tabs-stepper .tabs-stepper-step a:hover,
.tabs.tabs-stepper .tabs-stepper-step a:focus,
.tabs.tabs-stepper .tabs-stepper-step a[aria-selected=true] {
  background: transparent;
  color: #000;
}
.tabs.tabs-stepper .step-selector {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
  font-size: 1.3rem;
  line-height: 1.2;
}
.tabs.tabs-stepper .step-selector .step-selector-number {
  padding: 18px;
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  border-radius: 50%;
  background: #cdcdcd;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
}
.tabs.tabs-stepper .step-selector .step-selector-text {
  text-align: center;
}

.tabs {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
@media print, screen and (min-width: 36em) {
  .tabs {
    flex-direction: row;
    text-align: left;
  }
}
.tabs.side-panel__tabs {
  flex-direction: column;
}
.tabs.side-panel__tabs .tabs-title {
  border-bottom: 1px solid #ccc;
}
.tabs.side-panel__tabs .tabs-title > a {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.tabs.side-panel__tabs .tabs-title.is-active > [role=tab],
.tabs.side-panel__tabs .tabs-title.is-active > a {
  box-shadow: none;
}
.tabs .tabs-title {
  float: none;
  border-bottom: 1px solid #ccc;
}
.tabs .tabs-title.is-active {
  border-bottom: 4px solid #000;
}
.tabs .tabs-title > a {
  text-decoration: none;
  font-weight: normal;
}
.tabs .tabs-title > a:hover, .tabs .tabs-title > a:focus {
  text-decoration: underline;
}

.hero.secondary .tabs-title {
  border-bottom: 1px solid #000;
}
.hero.secondary .tabs-title.is-active {
  border-bottom: 4px solid #000;
}
.hero.secondary .tabs-title > a:focus, .hero.secondary .tabs-title > a[aria-selected=true] {
  background: #fff3b8;
}

.tags a,
.tags-list a.label {
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
}

.timeline__header {
  background-color: #ebedf1;
}

.timeline__date {
  color: #000;
}

.timeline__item--current .timeline__header,
.timeline__item--current .timeline__title,
.timeline__item--current .timeline__date {
  color: #fff;
}

a {
  font-weight: 500;
  text-decoration: underline;
}

.section-heading {
  text-transform: none;
}
.section-heading::before {
  display: none;
}

.d-flex {
  display: flex !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mt-1 {
  margin-top: 10px !important;
}

.mb-1 {
  margin-bottom: 10px !important;
}

.mr-1 {
  margin-right: 10px !important;
}

.ml-1 {
  margin-left: 10px !important;
}

.mx-1 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.my-1 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.mt-2 {
  margin-top: 20px !important;
}

.mb-2 {
  margin-bottom: 20px !important;
}

.mr-2 {
  margin-right: 20px !important;
}

.ml-2 {
  margin-left: 20px !important;
}

.mx-2 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.my-2 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mt-3 {
  margin-top: 30px !important;
}

.mb-3 {
  margin-bottom: 30px !important;
}

.mr-3 {
  margin-right: 30px !important;
}

.ml-3 {
  margin-left: 30px !important;
}

.mx-3 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.my-3 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mt-4 {
  margin-top: 40px !important;
}

.mb-4 {
  margin-bottom: 40px !important;
}

.mr-4 {
  margin-right: 40px !important;
}

.ml-4 {
  margin-left: 40px !important;
}

.mx-4 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.my-4 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mt-5 {
  margin-top: 50px !important;
}

.mb-5 {
  margin-bottom: 50px !important;
}

.mr-5 {
  margin-right: 50px !important;
}

.ml-5 {
  margin-left: 50px !important;
}

.mx-5 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.my-5 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pt-1 {
  padding-top: 10px !important;
}

.pb-1 {
  padding-bottom: 10px !important;
}

.pr-1 {
  padding-right: 10px !important;
}

.pl-1 {
  padding-left: 10px !important;
}

.px-1 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.py-1 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pt-2 {
  padding-top: 20px !important;
}

.pb-2 {
  padding-bottom: 20px !important;
}

.pr-2 {
  padding-right: 20px !important;
}

.pl-2 {
  padding-left: 20px !important;
}

.px-2 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.py-2 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pt-3 {
  padding-top: 30px !important;
}

.pb-3 {
  padding-bottom: 30px !important;
}

.pr-3 {
  padding-right: 30px !important;
}

.pl-3 {
  padding-left: 30px !important;
}

.px-3 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.py-3 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.pt-4 {
  padding-top: 40px !important;
}

.pb-4 {
  padding-bottom: 40px !important;
}

.pr-4 {
  padding-right: 40px !important;
}

.pl-4 {
  padding-left: 40px !important;
}

.px-4 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.py-4 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pt-5 {
  padding-top: 50px !important;
}

.pb-5 {
  padding-bottom: 50px !important;
}

.pr-5 {
  padding-right: 50px !important;
}

.pl-5 {
  padding-left: 50px !important;
}

.px-5 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.py-5 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.callout.main-announcement {
  margin: 1rem 0 4rem;
  padding: 2rem 1rem;
  font-weight: inherit;
  font-size: 125%;
}

#most-commented a {
  font-weight: normal;
  text-decoration: none;
}
#most-commented a:hover, #most-commented a:focus {
  text-decoration: underline;
}

.home-section:nth-of-type(2n + 1) {
  background-color: #fff;
}
.home-section.hero {
  margin-bottom: 6rem;
}

#notifications a {
  font-weight: 500;
  text-decoration: underline;
}

.attachments-section .attachments-list .attached-file {
  font-size: 1.25rem;
}
.attachments-section .attachments-list .attached-file .attachment-move-buttons {
  min-width: 45px;
}

.process-phase-indicator {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 36em) {
  .process-phase-indicator {
    flex-direction: row;
  }
}
@media print, screen and (min-width: 36em) {
  .process-phase-indicator > * {
    margin-left: 25px;
  }
}
@media print, screen and (min-width: 36em) {
  .process-phase-indicator > *:first-child {
    margin-left: 0;
  }
}
.process-phase-indicator .process-phase-step,
.process-phase-indicator .process-phase-name {
  font-weight: 600;
}

.process-section {
  padding: 3rem 0;
}
.process-section .process-section-cta {
  margin-top: 2rem;
}
.process-section .process-section__title {
  margin-bottom: 1.2rem;
}

.login-icons img {
  max-width: 100px;
}

.social-share-button {
  display: inline-block;
  vertical-align: top;
}
.social-share-button .ssb-icon {
  margin-right: 5px;
  background-size: 45px 45px;
  height: 45px;
  width: 45px;
}
.social-share-button .ssb-yle {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/social-share-yle-530255f76b2045641436.svg);
}
.social-share-button .ssb-hel {
  background-image: url(https://ideapaahtimo.hel.fi/decidim-packs/media/images/social-share-hel-422eee7d0b271080f5f9.svg);
}

/*# sourceMappingURL=decidim_core-2122c0a5.css.map*/