@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  margin: 0;
  border: 0;
  height: 1px;
}

[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

[role="button"] {
  color: inherit;
  cursor: default;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: pre;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input[type="search"] {
  display: block;
  margin: 0;
  width: 100%;
  font-family: sans-serif;
  font-size: 1.8rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: none;
}

input[type="search"]:focus {
  outline: none;
}

/* Remove space from image bottom */
img {
  display: block;
}

img:not([src]) {
  visibility: hidden;
}

@-moz-document url-prefix() {
  img:-moz-loading {
    visibility: hidden;
  }
}

i[data-icon="arrow-axis-bottom"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-axis-bottom%3C/title%3E%3Cpolygon points='18 12 16.59 10.58 13.01 14.17 13.01 6 11.01 6 11.01 14.17 7.42 10.58 6 12 12 18 18 12' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="arrow-axis-bottom"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-axis-bottom%3C/title%3E%3Cpolygon points='18 12 16.59 10.58 13.01 14.17 13.01 6 11.01 6 11.01 14.17 7.42 10.58 6 12 12 18 18 12' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="arrow-axis-bottom"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-axis-bottom%3C/title%3E%3Cpolygon points='18 12 16.59 10.58 13.01 14.17 13.01 6 11.01 6 11.01 14.17 7.42 10.58 6 12 12 18 18 12' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="arrow-axis-left"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-axis-left%3C/title%3E%3Cpolygon points='12 18 13.42 16.59 9.83 13.01 18 13.01 18 11.01 9.83 11.01 13.42 7.42 12 6 6 12 12 18' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="arrow-axis-left"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-axis-left%3C/title%3E%3Cpolygon points='12 18 13.42 16.59 9.83 13.01 18 13.01 18 11.01 9.83 11.01 13.42 7.42 12 6 6 12 12 18' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="arrow-axis-left"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-axis-left%3C/title%3E%3Cpolygon points='12 18 13.42 16.59 9.83 13.01 18 13.01 18 11.01 9.83 11.01 13.42 7.42 12 6 6 12 12 18' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="arrow-axis-right"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-axis-right%3C/title%3E%3Cpolygon points='12 6 10.58 7.41 14.17 10.99 6 10.99 6 12.99 14.17 12.99 10.58 16.58 12 18 18 12 12 6' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="arrow-axis-right"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-axis-right%3C/title%3E%3Cpolygon points='12 6 10.58 7.41 14.17 10.99 6 10.99 6 12.99 14.17 12.99 10.58 16.58 12 18 18 12 12 6' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="arrow-axis-right"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-axis-right%3C/title%3E%3Cpolygon points='12 6 10.58 7.41 14.17 10.99 6 10.99 6 12.99 14.17 12.99 10.58 16.58 12 18 18 12 12 6' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="arrow-axis-top"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-axis-top%3C/title%3E%3Cpolygon points='6 12 7.41 13.42 10.99 9.83 10.99 18 12.99 18 12.99 9.83 16.58 13.42 18 12 12 6 6 12' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="arrow-axis-top"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-axis-top%3C/title%3E%3Cpolygon points='6 12 7.41 13.42 10.99 9.83 10.99 18 12.99 18 12.99 9.83 16.58 13.42 18 12 12 6 6 12' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="arrow-axis-top"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-axis-top%3C/title%3E%3Cpolygon points='6 12 7.41 13.42 10.99 9.83 10.99 18 12.99 18 12.99 9.83 16.58 13.42 18 12 12 6 6 12' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="arrow-down"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-down%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='16.59 8.59 12 13.17 7.41 8.59 6 10 12 16 18 10 16.59 8.59' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="arrow-down"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-down%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='16.59 8.59 12 13.17 7.41 8.59 6 10 12 16 18 10 16.59 8.59' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="arrow-down"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-down%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='16.59 8.59 12 13.17 7.41 8.59 6 10 12 16 18 10 16.59 8.59' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="arrow-left"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-left%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='15.41 16.59 10.83 12 15.41 7.41 14 6 8 12 14 18 15.41 16.59' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="arrow-left"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-left%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='15.41 16.59 10.83 12 15.41 7.41 14 6 8 12 14 18 15.41 16.59' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="arrow-left"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-left%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='15.41 16.59 10.83 12 15.41 7.41 14 6 8 12 14 18 15.41 16.59' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="arrow-right"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-right%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='8.59 7.41 13.17 12 8.59 16.59 10 18 16 12 10 6 8.59 7.41' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="arrow-right"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-right%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='8.59 7.41 13.17 12 8.59 16.59 10 18 16 12 10 6 8.59 7.41' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="arrow-right"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-right%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='8.59 7.41 13.17 12 8.59 16.59 10 18 16 12 10 6 8.59 7.41' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="arrow-up"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-up%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='7.41 15.41 12 10.83 16.59 15.41 18 14 12 8 6 14 7.41 15.41' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="arrow-up"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-up%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='7.41 15.41 12 10.83 16.59 15.41 18 14 12 8 6 14 7.41 15.41' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="arrow-up"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Earrow-up%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='7.41 15.41 12 10.83 16.59 15.41 18 14 12 8 6 14 7.41 15.41' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="bubbles"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Ebubbles%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Ccircle cx='17' cy='17' r='3' fill='%23546e7a'/%3E%3Ccircle cx='14' cy='6' r='2' fill='%23546e7a'/%3E%3Ccircle cx='8' cy='13' r='4' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="bubbles"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Ebubbles%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Ccircle cx='17' cy='17' r='3' fill='%2390a4ae'/%3E%3Ccircle cx='14' cy='6' r='2' fill='%2390a4ae'/%3E%3Ccircle cx='8' cy='13' r='4' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="bubbles"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Ebubbles%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Ccircle cx='17' cy='17' r='3' fill='%23ffffff'/%3E%3Ccircle cx='14' cy='6' r='2' fill='%23ffffff'/%3E%3Ccircle cx='8' cy='13' r='4' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="chart-column"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Echart-column%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='6' y='12' width='2' height='8' fill='%23546e7a'/%3E%3Crect x='16' y='4' width='2' height='16' fill='%23546e7a'/%3E%3Crect x='11' y='8' width='2' height='12' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="chart-column"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Echart-column%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='6' y='12' width='2' height='8' fill='%2390a4ae'/%3E%3Crect x='16' y='4' width='2' height='16' fill='%2390a4ae'/%3E%3Crect x='11' y='8' width='2' height='12' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="chart-column"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Echart-column%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='6' y='12' width='2' height='8' fill='%23ffffff'/%3E%3Crect x='16' y='4' width='2' height='16' fill='%23ffffff'/%3E%3Crect x='11' y='8' width='2' height='12' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="chart-line"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Echart-line%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='14 7 14 9 16.59 9 13 12.59 10 9.6 4 15.6 5.42 17.01 10 12.43 13 15.43 18 10.43 18 13 20 13 20 7 14 7' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="chart-line"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Echart-line%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='14 7 14 9 16.59 9 13 12.59 10 9.6 4 15.6 5.42 17.01 10 12.43 13 15.43 18 10.43 18 13 20 13 20 7 14 7' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="chart-line"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Echart-line%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='14 7 14 9 16.59 9 13 12.59 10 9.6 4 15.6 5.42 17.01 10 12.43 13 15.43 18 10.43 18 13 20 13 20 7 14 7' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="code"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Ecode%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='17 8 15.59 9.41 18.17 12 15.59 14.59 17 16 21 12 17 8' fill='%23546e7a'/%3E%3Cpolygon points='7 8 3 12 7 16 8.41 14.59 5.83 12 8.41 9.41 7 8' fill='%23546e7a'/%3E%3Crect x='7' y='11' width='10' height='2' transform='translate(-2.7 20.49) rotate(-75)' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="code"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Ecode%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='17 8 15.59 9.41 18.17 12 15.59 14.59 17 16 21 12 17 8' fill='%2390a4ae'/%3E%3Cpolygon points='7 8 3 12 7 16 8.41 14.59 5.83 12 8.41 9.41 7 8' fill='%2390a4ae'/%3E%3Crect x='7' y='11' width='10' height='2' transform='translate(-2.7 20.49) rotate(-75)' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="code"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Ecode%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='17 8 15.59 9.41 18.17 12 15.59 14.59 17 16 21 12 17 8' fill='%23ffffff'/%3E%3Cpolygon points='7 8 3 12 7 16 8.41 14.59 5.83 12 8.41 9.41 7 8' fill='%23ffffff'/%3E%3Crect x='7' y='11' width='10' height='2' transform='translate(-2.7 20.49) rotate(-75)' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="contract"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Econtract%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='4 16 8 16 8 20 10 20 10 14 4 14 4 16' fill='%23546e7a'/%3E%3Cpolygon points='8 8 4 8 4 10 10 10 10 4 8 4 8 8' fill='%23546e7a'/%3E%3Cpolygon points='16 8 16 4 14 4 14 10 20 10 20 8 16 8' fill='%23546e7a'/%3E%3Cpolygon points='14 20 16 20 16 16 20 16 20 14 14 14 14 20' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="contract"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Econtract%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='4 16 8 16 8 20 10 20 10 14 4 14 4 16' fill='%2390a4ae'/%3E%3Cpolygon points='8 8 4 8 4 10 10 10 10 4 8 4 8 8' fill='%2390a4ae'/%3E%3Cpolygon points='16 8 16 4 14 4 14 10 20 10 20 8 16 8' fill='%2390a4ae'/%3E%3Cpolygon points='14 20 16 20 16 16 20 16 20 14 14 14 14 20' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="contract"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Econtract%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='4 16 8 16 8 20 10 20 10 14 4 14 4 16' fill='%23ffffff'/%3E%3Cpolygon points='8 8 4 8 4 10 10 10 10 4 8 4 8 8' fill='%23ffffff'/%3E%3Cpolygon points='16 8 16 4 14 4 14 10 20 10 20 8 16 8' fill='%23ffffff'/%3E%3Cpolygon points='14 20 16 20 16 16 20 16 20 14 14 14 14 20' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="document"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Edocument%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath d='M14.41,4H6V20H18V7.59ZM8,18V6h5V9h3v9Z' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="document"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Edocument%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath d='M14.41,4H6V20H18V7.59ZM8,18V6h5V9h3v9Z' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="document"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Edocument%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath d='M14.41,4H6V20H18V7.59ZM8,18V6h5V9h3v9Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="download"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Edownload%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='4' y='18' width='16' height='2' fill='%23546e7a'/%3E%3Cpolygon points='17.99 9.99 16.58 8.58 13 12.16 13 4 11 4 11 12.16 7.41 8.58 6 9.99 11.99 15.99 17.99 9.99' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="download"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Edownload%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='4' y='18' width='16' height='2' fill='%2390a4ae'/%3E%3Cpolygon points='17.99 9.99 16.58 8.58 13 12.16 13 4 11 4 11 12.16 7.41 8.58 6 9.99 11.99 15.99 17.99 9.99' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="download"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Edownload%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='4' y='18' width='16' height='2' fill='%23ffffff'/%3E%3Cpolygon points='17.99 9.99 16.58 8.58 13 12.16 13 4 11 4 11 12.16 7.41 8.58 6 9.99 11.99 15.99 17.99 9.99' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="exclamation"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eexclamation%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='11' y='6' width='2' height='8' fill='%23546e7a'/%3E%3Ccircle cx='12' cy='17' r='1.3' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="exclamation"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eexclamation%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='11' y='6' width='2' height='8' fill='%2390a4ae'/%3E%3Ccircle cx='12' cy='17' r='1.3' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="exclamation"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eexclamation%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='11' y='6' width='2' height='8' fill='%23ffffff'/%3E%3Ccircle cx='12' cy='17' r='1.3' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="expand"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eexpand%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='6 14 4 14 4 20 10 20 10 18 6 18 6 14' fill='%23546e7a'/%3E%3Cpolygon points='4 10 6 10 6 6 10 6 10 4 4 4 4 10' fill='%23546e7a'/%3E%3Cpolygon points='14 4 14 6 18 6 18 10 20 10 20 4 14 4' fill='%23546e7a'/%3E%3Cpolygon points='18 18 14 18 14 20 20 20 20 14 18 14 18 18' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="expand"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eexpand%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='6 14 4 14 4 20 10 20 10 18 6 18 6 14' fill='%2390a4ae'/%3E%3Cpolygon points='4 10 6 10 6 6 10 6 10 4 4 4 4 10' fill='%2390a4ae'/%3E%3Cpolygon points='14 4 14 6 18 6 18 10 20 10 20 4 14 4' fill='%2390a4ae'/%3E%3Cpolygon points='18 18 14 18 14 20 20 20 20 14 18 14 18 18' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="expand"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eexpand%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='6 14 4 14 4 20 10 20 10 18 6 18 6 14' fill='%23ffffff'/%3E%3Cpolygon points='4 10 6 10 6 6 10 6 10 4 4 4 4 10' fill='%23ffffff'/%3E%3Cpolygon points='14 4 14 6 18 6 18 10 20 10 20 4 14 4' fill='%23ffffff'/%3E%3Cpolygon points='18 18 14 18 14 20 20 20 20 14 18 14 18 18' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="facebook"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Efacebook%3C/title%3E%3Cpath d='M16.15,6.65H14.64c-1.18,0-1.4.57-1.4,1.38V9.86h2.82l-.37,2.85H13.24V20H10.3V12.7H7.85V9.86H10.3V7.76A3.43,3.43,0,0,1,14,4a18.79,18.79,0,0,1,2.19.12Z' fill='%233b5998'/%3E%3C/svg%3E");
}

i[data-icon="google-plus"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Egoogle-plus%3C/title%3E%3Cpath d='M8.67,10.75v2.6H12.3a3.42,3.42,0,0,1-3.63,2.71,4.06,4.06,0,0,1,0-8.12,3.65,3.65,0,0,1,2.58,1h0l1.88-1.88A6.4,6.4,0,0,0,8.67,5.33a6.67,6.67,0,0,0,0,13.33,6.15,6.15,0,0,0,6.4-6.52,7.61,7.61,0,0,0-.13-1.4Z' fill='%23dd4b39'/%3E%3Cpolygon points='19.92 11.17 19.92 9.08 18.25 9.08 18.25 11.17 16.17 11.17 16.17 12.83 18.25 12.83 18.25 14.92 19.92 14.92 19.92 12.83 22 12.83 22 11.17 19.92 11.17' fill='%23dd4b39'/%3E%3C/svg%3E");
}

i[data-icon="information"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Einformation%3C/title%3E%3Cpath d='M0,0H24V24H0Z' fill='none'/%3E%3Crect x='11' y='11' width='2' height='6' fill='%23546e7a'/%3E%3Ccircle cx='12' cy='8' r='1.3' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="information"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Einformation%3C/title%3E%3Cpath d='M0,0H24V24H0Z' fill='none'/%3E%3Crect x='11' y='11' width='2' height='6' fill='%2390a4ae'/%3E%3Ccircle cx='12' cy='8' r='1.3' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="information"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Einformation%3C/title%3E%3Cpath d='M0,0H24V24H0Z' fill='none'/%3E%3Crect x='11' y='11' width='2' height='6' fill='%23ffffff'/%3E%3Ccircle cx='12' cy='8' r='1.3' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="link"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Elink%3C/title%3E%3Cpath d='M15.5,10l-2.16,2.16-1.5-1.5L14,8.5,8.5,3,3,8.5,8.5,14l2.16-2.16,1.5,1.5L10,15.5,15.5,21,21,15.5Zm-7,1.65L5.35,8.5,8.5,5.35,11.65,8.5l-1,1L9.09,7.91,7.91,9.09l1.57,1.57Zm3.85,3.85,1-1,1.57,1.57,1.18-1.18-1.57-1.57,1-1,3.15,3.15L15.5,18.65Z' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="link"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Elink%3C/title%3E%3Cpath d='M15.5,10l-2.16,2.16-1.5-1.5L14,8.5,8.5,3,3,8.5,8.5,14l2.16-2.16,1.5,1.5L10,15.5,15.5,21,21,15.5Zm-7,1.65L5.35,8.5,8.5,5.35,11.65,8.5l-1,1L9.09,7.91,7.91,9.09l1.57,1.57Zm3.85,3.85,1-1,1.57,1.57,1.18-1.18-1.57-1.57,1-1,3.15,3.15L15.5,18.65Z' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="link"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Elink%3C/title%3E%3Cpath d='M15.5,10l-2.16,2.16-1.5-1.5L14,8.5,8.5,3,3,8.5,8.5,14l2.16-2.16,1.5,1.5L10,15.5,15.5,21,21,15.5Zm-7,1.65L5.35,8.5,8.5,5.35,11.65,8.5l-1,1L9.09,7.91,7.91,9.09l1.57,1.57Zm3.85,3.85,1-1,1.57,1.57,1.18-1.18-1.57-1.57,1-1,3.15,3.15L15.5,18.65Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="linkedin"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Elinkedin%3C/title%3E%3Cpath d='M5.67,9.75H8.34v8.59H5.67ZM7,5.48A1.55,1.55,0,1,1,5.45,7,1.55,1.55,0,0,1,7,5.48' fill='%230077b5'/%3E%3Cpath d='M10,9.75h2.56v1.17h0a2.8,2.8,0,0,1,2.53-1.39c2.7,0,3.2,1.78,3.2,4.09v4.71H15.67V14.16c0-1,0-2.28-1.39-2.28s-1.6,1.09-1.6,2.21v4.25H10Z' fill='%230077b5'/%3E%3C/svg%3E");
}

i[data-icon="mail"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Email%3C/title%3E%3Cpath d='M4.33,6.33V17.67H19.67V6.33ZM18,16H6V10l6,4,6-4Zm-6-4L6,8H18Z' fill='%23546e7a'/%3E%3Crect width='24' height='24' fill='none'/%3E%3C/svg%3E");
}

i[data-icon="mail"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Email%3C/title%3E%3Cpath d='M4.33,6.33V17.67H19.67V6.33ZM18,16H6V10l6,4,6-4Zm-6-4L6,8H18Z' fill='%2390a4ae'/%3E%3Crect width='24' height='24' fill='none'/%3E%3C/svg%3E");
}

i[data-icon="mail"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Email%3C/title%3E%3Cpath d='M4.33,6.33V17.67H19.67V6.33ZM18,16H6V10l6,4,6-4Zm-6-4L6,8H18Z' fill='%23ffffff'/%3E%3Crect width='24' height='24' fill='none'/%3E%3C/svg%3E");
}

i[data-icon="menu"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Emenu%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='4' y='11' width='16' height='2' fill='%23546e7a'/%3E%3Crect x='4' y='16' width='16' height='2' fill='%23546e7a'/%3E%3Crect x='4' y='6' width='16' height='2' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="menu"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Emenu%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='4' y='11' width='16' height='2' fill='%2390a4ae'/%3E%3Crect x='4' y='16' width='16' height='2' fill='%2390a4ae'/%3E%3Crect x='4' y='6' width='16' height='2' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="menu"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Emenu%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='4' y='11' width='16' height='2' fill='%23ffffff'/%3E%3Crect x='4' y='16' width='16' height='2' fill='%23ffffff'/%3E%3Crect x='4' y='6' width='16' height='2' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="minus"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eminus%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='6' y='11' width='12' height='2' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="minus"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eminus%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='6' y='11' width='12' height='2' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="minus"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eminus%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='6' y='11' width='12' height='2' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="pause"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Epause%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='6' y='5' width='4' height='14' fill='%23546e7a'/%3E%3Crect x='14' y='5' width='4' height='14' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="pause"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Epause%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='6' y='5' width='4' height='14' fill='%2390a4ae'/%3E%3Crect x='14' y='5' width='4' height='14' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="pause"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Epause%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='6' y='5' width='4' height='14' fill='%23ffffff'/%3E%3Crect x='14' y='5' width='4' height='14' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="play"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eplay%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='18 11.99 6 19 6 5 18 11.99' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="play"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eplay%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='18 11.99 6 19 6 5 18 11.99' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="play"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eplay%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='18 11.99 6 19 6 5 18 11.99' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="plus"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eplus%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath d='M18,13H13v5H11V13H6V11h5V6h2v5h5Z' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="plus"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eplus%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath d='M18,13H13v5H11V13H6V11h5V6h2v5h5Z' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="plus"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eplus%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath d='M18,13H13v5H11V13H6V11h5V6h2v5h5Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="question"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Equestion%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Ccircle cx='12' cy='17' r='1.3' fill='%23546e7a'/%3E%3Cpath d='M12,5A4.14,4.14,0,0,0,8,9h2a2.07,2.07,0,0,1,2-2,2,2,0,0,1,2,2c0,.75-.39,1.11-1.14,1.73A3.68,3.68,0,0,0,11,14h2c0-1,.39-1.11,1.14-1.73A4.09,4.09,0,0,0,16,9,4,4,0,0,0,12,5Z' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="question"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Equestion%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Ccircle cx='12' cy='17' r='1.3' fill='%2390a4ae'/%3E%3Cpath d='M12,5A4.14,4.14,0,0,0,8,9h2a2.07,2.07,0,0,1,2-2,2,2,0,0,1,2,2c0,.75-.39,1.11-1.14,1.73A3.68,3.68,0,0,0,11,14h2c0-1,.39-1.11,1.14-1.73A4.09,4.09,0,0,0,16,9,4,4,0,0,0,12,5Z' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="question"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Equestion%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Ccircle cx='12' cy='17' r='1.3' fill='%23ffffff'/%3E%3Cpath d='M12,5A4.14,4.14,0,0,0,8,9h2a2.07,2.07,0,0,1,2-2,2,2,0,0,1,2,2c0,.75-.39,1.11-1.14,1.73A3.68,3.68,0,0,0,11,14h2c0-1,.39-1.11,1.14-1.73A4.09,4.09,0,0,0,16,9,4,4,0,0,0,12,5Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="quote-close"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Equote-close%3C/title%3E%3Cpath d='M13,7v5h3a3,3,0,0,1-3,3v2a5,5,0,0,0,5-5V7Z' fill='%23546e7a'/%3E%3Cpath d='M6,12H9a3,3,0,0,1-3,3v2a5,5,0,0,0,5-5V7H6Z' fill='%23546e7a'/%3E%3Crect width='24' height='24' fill='none'/%3E%3C/svg%3E");
}

i[data-icon="quote-close"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Equote-close%3C/title%3E%3Cpath d='M13,7v5h3a3,3,0,0,1-3,3v2a5,5,0,0,0,5-5V7Z' fill='%2390a4ae'/%3E%3Cpath d='M6,12H9a3,3,0,0,1-3,3v2a5,5,0,0,0,5-5V7H6Z' fill='%2390a4ae'/%3E%3Crect width='24' height='24' fill='none'/%3E%3C/svg%3E");
}

i[data-icon="quote-close"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Equote-close%3C/title%3E%3Cpath d='M13,7v5h3a3,3,0,0,1-3,3v2a5,5,0,0,0,5-5V7Z' fill='%23ffffff'/%3E%3Cpath d='M6,12H9a3,3,0,0,1-3,3v2a5,5,0,0,0,5-5V7H6Z' fill='%23ffffff'/%3E%3Crect width='24' height='24' fill='none'/%3E%3C/svg%3E");
}

i[data-icon="quote-open"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Equote-open%3C/title%3E%3Cpath d='M6,12v5h5V12H8a3,3,0,0,1,3-3V7A5,5,0,0,0,6,12Z' fill='%23546e7a'/%3E%3Cpath d='M18,9V7a5,5,0,0,0-5,5v5h5V12H15A3,3,0,0,1,18,9Z' fill='%23546e7a'/%3E%3Crect width='24' height='24' fill='none'/%3E%3C/svg%3E");
}

i[data-icon="quote-open"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Equote-open%3C/title%3E%3Cpath d='M6,12v5h5V12H8a3,3,0,0,1,3-3V7A5,5,0,0,0,6,12Z' fill='%2390a4ae'/%3E%3Cpath d='M18,9V7a5,5,0,0,0-5,5v5h5V12H15A3,3,0,0,1,18,9Z' fill='%2390a4ae'/%3E%3Crect width='24' height='24' fill='none'/%3E%3C/svg%3E");
}

i[data-icon="quote-open"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Equote-open%3C/title%3E%3Cpath d='M6,12v5h5V12H8a3,3,0,0,1,3-3V7A5,5,0,0,0,6,12Z' fill='%23ffffff'/%3E%3Cpath d='M18,9V7a5,5,0,0,0-5,5v5h5V12H15A3,3,0,0,1,18,9Z' fill='%23ffffff'/%3E%3Crect width='24' height='24' fill='none'/%3E%3C/svg%3E");
}

i[data-icon="right"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eright%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='10 14.59 5.41 10 4 11.41 10 17.41 20 7.41 18.59 6 10 14.59' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="right"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eright%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='10 14.59 5.41 10 4 11.41 10 17.41 20 7.41 18.59 6 10 14.59' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="right"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eright%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='10 14.59 5.41 10 4 11.41 10 17.41 20 7.41 18.59 6 10 14.59' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="search"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Esearch%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath d='M14.89,13.47a6,6,0,1,0-1.41,1.41L18.59,20,20,18.59ZM10,14a4,4,0,1,1,4-4A4,4,0,0,1,10,14Z' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="search"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Esearch%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath d='M14.89,13.47a6,6,0,1,0-1.41,1.41L18.59,20,20,18.59ZM10,14a4,4,0,1,1,4-4A4,4,0,0,1,10,14Z' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="search"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Esearch%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath d='M14.89,13.47a6,6,0,1,0-1.41,1.41L18.59,20,20,18.59ZM10,14a4,4,0,1,1,4-4A4,4,0,0,1,10,14Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="share"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eshare%3C/title%3E%3Cpath d='M16,15a3,3,0,0,0-1.9.69L8.94,12.6a3,3,0,0,0,0-1.2l5.16-3.1A3,3,0,1,0,13,6a3,3,0,0,0,.06.6L7.9,9.69a3,3,0,1,0,0,4.61l5.16,3.1A3,3,0,1,0,16,15Z' fill='%23546e7a'/%3E%3Crect width='24' height='24' fill='none'/%3E%3C/svg%3E");
}

i[data-icon="share"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eshare%3C/title%3E%3Cpath d='M16,15a3,3,0,0,0-1.9.69L8.94,12.6a3,3,0,0,0,0-1.2l5.16-3.1A3,3,0,1,0,13,6a3,3,0,0,0,.06.6L7.9,9.69a3,3,0,1,0,0,4.61l5.16,3.1A3,3,0,1,0,16,15Z' fill='%2390a4ae'/%3E%3Crect width='24' height='24' fill='none'/%3E%3C/svg%3E");
}

i[data-icon="share"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eshare%3C/title%3E%3Cpath d='M16,15a3,3,0,0,0-1.9.69L8.94,12.6a3,3,0,0,0,0-1.2l5.16-3.1A3,3,0,1,0,13,6a3,3,0,0,0,.06.6L7.9,9.69a3,3,0,1,0,0,4.61l5.16,3.1A3,3,0,1,0,16,15Z' fill='%23ffffff'/%3E%3Crect width='24' height='24' fill='none'/%3E%3C/svg%3E");
}

i[data-icon="switch"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eswitch%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='18 7 9.83 7 11.41 5.42 10 4 6 8.01 10 12.01 11.41 10.59 9.83 9 18 9 18 7' fill='%23546e7a'/%3E%3Cpolygon points='14 12.01 12.59 13.42 14.17 15 6 15 6 17 14.17 17 12.59 18.59 14 20 18 16 14 12.01' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="switch"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eswitch%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='18 7 9.83 7 11.41 5.42 10 4 6 8.01 10 12.01 11.41 10.59 9.83 9 18 9 18 7' fill='%2390a4ae'/%3E%3Cpolygon points='14 12.01 12.59 13.42 14.17 15 6 15 6 17 14.17 17 12.59 18.59 14 20 18 16 14 12.01' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="switch"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eswitch%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='18 7 9.83 7 11.41 5.42 10 4 6 8.01 10 12.01 11.41 10.59 9.83 9 18 9 18 7' fill='%23ffffff'/%3E%3Cpolygon points='14 12.01 12.59 13.42 14.17 15 6 15 6 17 14.17 17 12.59 18.59 14 20 18 16 14 12.01' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="table"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Etable%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='10' y='6' width='4' height='2' fill='%23546e7a'/%3E%3Crect x='16' y='6' width='4' height='2' fill='%23546e7a'/%3E%3Crect x='10' y='11' width='4' height='2' fill='%23546e7a'/%3E%3Crect x='16' y='11' width='4' height='2' fill='%23546e7a'/%3E%3Crect x='10' y='16' width='4' height='2' fill='%23546e7a'/%3E%3Crect x='4' y='11' width='4' height='2' fill='%23546e7a'/%3E%3Crect x='4' y='16' width='4' height='2' fill='%23546e7a'/%3E%3Crect x='16' y='16' width='4' height='2' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="table"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Etable%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='10' y='6' width='4' height='2' fill='%2390a4ae'/%3E%3Crect x='16' y='6' width='4' height='2' fill='%2390a4ae'/%3E%3Crect x='10' y='11' width='4' height='2' fill='%2390a4ae'/%3E%3Crect x='16' y='11' width='4' height='2' fill='%2390a4ae'/%3E%3Crect x='10' y='16' width='4' height='2' fill='%2390a4ae'/%3E%3Crect x='4' y='11' width='4' height='2' fill='%2390a4ae'/%3E%3Crect x='4' y='16' width='4' height='2' fill='%2390a4ae'/%3E%3Crect x='16' y='16' width='4' height='2' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="table"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Etable%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='10' y='6' width='4' height='2' fill='%23ffffff'/%3E%3Crect x='16' y='6' width='4' height='2' fill='%23ffffff'/%3E%3Crect x='10' y='11' width='4' height='2' fill='%23ffffff'/%3E%3Crect x='16' y='11' width='4' height='2' fill='%23ffffff'/%3E%3Crect x='10' y='16' width='4' height='2' fill='%23ffffff'/%3E%3Crect x='4' y='11' width='4' height='2' fill='%23ffffff'/%3E%3Crect x='4' y='16' width='4' height='2' fill='%23ffffff'/%3E%3Crect x='16' y='16' width='4' height='2' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="twitter"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Etwitter%3C/title%3E%3Cpath d='M18.36,8.74c0,.14,0,.28,0,.43A9.33,9.33,0,0,1,4,17a6.79,6.79,0,0,0,.79,0,6.57,6.57,0,0,0,4.07-1.4A3.28,3.28,0,0,1,5.8,13.39a4.05,4.05,0,0,0,.62.05,3.47,3.47,0,0,0,.86-.11,3.28,3.28,0,0,1-2.63-3.22v0a3.3,3.3,0,0,0,1.48.42,3.28,3.28,0,0,1-1-4.39,9.32,9.32,0,0,0,6.76,3.43,3.73,3.73,0,0,1-.08-.75,3.28,3.28,0,0,1,5.67-2.24,6.45,6.45,0,0,0,2.08-.79,3.27,3.27,0,0,1-1.44,1.81A6.57,6.57,0,0,0,20,7,7,7,0,0,1,18.36,8.74Z' fill='%231da1f2'/%3E%3C/svg%3E");
}

i[data-icon="upload"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eupload%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='4' y='18' width='16' height='2' fill='%23546e7a'/%3E%3Cpolygon points='11 7.83 11 16 13 16 13 7.83 16.58 11.41 17.99 10 11.99 4 5.99 10 7.41 11.41 11 7.83' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="upload"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eupload%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='4' y='18' width='16' height='2' fill='%2390a4ae'/%3E%3Cpolygon points='11 7.83 11 16 13 16 13 7.83 16.58 11.41 17.99 10 11.99 4 5.99 10 7.41 11.41 11 7.83' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="upload"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eupload%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect x='4' y='18' width='16' height='2' fill='%23ffffff'/%3E%3Cpolygon points='11 7.83 11 16 13 16 13 7.83 16.58 11.41 17.99 10 11.99 4 5.99 10 7.41 11.41 11 7.83' fill='%23ffffff'/%3E%3C/svg%3E");
}

i[data-icon="whatsapp"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Ewhatsapp%3C/title%3E%3Cpath d='M18.35,5.62a8.92,8.92,0,0,0-14,10.76L3,21l4.73-1.24A8.91,8.91,0,0,0,12,20.85h0A8.92,8.92,0,0,0,18.35,5.62ZM12,19.34h0a7.4,7.4,0,0,1-3.77-1L8,18.14l-2.81.74.75-2.74-.18-.28A7.41,7.41,0,1,1,12,19.34Zm4.07-5.55c-.22-.11-1.32-.65-1.52-.73s-.35-.11-.5.11-.58.73-.71.87-.26.17-.48.06A6.09,6.09,0,0,1,11.1,13a6.72,6.72,0,0,1-1.24-1.54c-.13-.22,0-.34.1-.45s.22-.26.33-.39a1.52,1.52,0,0,0,.22-.37.41.41,0,0,0,0-.39c-.06-.11-.5-1.21-.69-1.65s-.36-.38-.5-.38H8.88a.82.82,0,0,0-.59.28,2.5,2.5,0,0,0-.78,1.86,4.33,4.33,0,0,0,.91,2.31,9.93,9.93,0,0,0,3.81,3.37,12.81,12.81,0,0,0,1.27.47,3.05,3.05,0,0,0,1.4.09,2.3,2.3,0,0,0,1.5-1.06A1.86,1.86,0,0,0,16.53,14C16.48,14,16.33,13.9,16.1,13.79Z' fill='%2325d366' fill-rule='evenodd'/%3E%3C/svg%3E");
}

i[data-icon="wrong"][data-color="dark"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Ewrong%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='18 7.41 16.59 6 12 10.59 7.41 6 6 7.41 10.59 12 6 16.59 7.41 18 12 13.41 16.59 18 18 16.59 13.41 12 18 7.41' fill='%23546e7a'/%3E%3C/svg%3E");
}

i[data-icon="wrong"][data-color="medium"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Ewrong%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='18 7.41 16.59 6 12 10.59 7.41 6 6 7.41 10.59 12 6 16.59 7.41 18 12 13.41 16.59 18 18 16.59 13.41 12 18 7.41' fill='%2390a4ae'/%3E%3C/svg%3E");
}

i[data-icon="wrong"][data-color="light"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Ewrong%3C/title%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpolygon points='18 7.41 16.59 6 12 10.59 7.41 6 6 7.41 10.59 12 6 16.59 7.41 18 12 13.41 16.59 18 18 16.59 13.41 12 18 7.41' fill='%23ffffff'/%3E%3C/svg%3E");
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Thin-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Thin-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Thin-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Thin-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Thin-webfont.svg#flamathin") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Ultralight-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Ultralight-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Ultralight-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Ultralight-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Ultralight-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Ultralight-webfont.svg#flamaultralight") format("svg");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Light-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Light-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Light-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Light-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Light-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Light-webfont.svg#flamalight") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Book-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Book-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Book-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Book-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Book-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Book-webfont.svg#flamabook") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Medium-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Medium-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Medium-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Medium-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Medium-webfont.svg#flamamedium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Semibold-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Semibold-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Semibold-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Semibold-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Semibold-webfont.svg#flamasemibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Bold-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Bold-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Bold-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Bold-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Bold-webfont.svg#flamabold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Extrabold-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Extrabold-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Extrabold-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Extrabold-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Extrabold-webfont.svg#flamaextrabold") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Black-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Black-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Black-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Black-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Black-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-Black-webfont.svg#flamablack") format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ThinItalic-webfont.svg#flamathin_italic") format("svg");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-UltralightItalic-webfont.svg#flamaultralight_italic") format("svg");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-LightItalic-webfont.svg#flamalight_italic") format("svg");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BookItalic-webfont.svg#flamabook_italic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-MediumItalic-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-MediumItalic-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-MediumItalic-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-MediumItalic-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-MediumItalic-webfont.svg#flamamedium_italic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-SemiboldItalic-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-SemiboldItalic-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-SemiboldItalic-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-SemiboldItalic-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-SemiboldItalic-webfont.svg#flamasemibold_italic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BoldItalic-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BoldItalic-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BoldItalic-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BoldItalic-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BoldItalic-webfont.svg#flamabold_italic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ExtraboldItalic-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ExtraboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ExtraboldItalic-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ExtraboldItalic-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ExtraboldItalic-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-ExtraboldItalic-webfont.svg#flamaextrabold_italic") format("svg");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Flama';
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BlackItalic-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BlackItalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BlackItalic-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BlackItalic-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BlackItalic-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/Flama/Flama/Flama-BlackItalic-webfont.svg#flamablack_italic") format("svg");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'OESP';
  src: url("https://infograficos.estadao.com.br/assets/fonts/OESP/OESP-webfont.eot");
  src: url("https://infograficos.estadao.com.br/assets/fonts/OESP/OESP-webfont.eot?#iefix") format("embedded-opentype"), url("https://infograficos.estadao.com.br/assets/fonts/OESP/OESP-webfont.woff2") format("woff2"), url("https://infograficos.estadao.com.br/assets/fonts/OESP/OESP-webfont.woff") format("woff"), url("https://infograficos.estadao.com.br/assets/fonts/OESP/OESP-webfont.ttf") format("truetype"), url("https://infograficos.estadao.com.br/assets/fonts/OESP/OESP-webfont.svg#oesp") format("svg");
  font-weight: normal;
  font-style: normal;
}

.oesp {
  display: inline-block;
  font-family: OESP;
  font-size: inherit;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.oesp-capital {
  font-size: 1.2em;
}

.oesp-estadao:before {
  content: '\f000';
}

.oesp-estadao-symbol:before {
  content: '\f001';
}

.oesp-estadao-logotype:before {
  content: '\f002';
}

.screen-reader {
  position: absolute !important;
  margin: -1px;
  border: 0;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.screen-reader:hover, .screen-reader:active {
  position: static;
  margin: 0;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
}

.placeholder {
  position: relative;
  overflow: hidden;
  background-color: #cfd8dc;
}

.placeholder:before {
  content: '';
  display: block;
  width: 100%;
}

.placeholder noscript,
.placeholder img,
.placeholder video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}

[data-ratio="1:1"]:before {
  padding-top: 100%;
}

[data-ratio="5:4"]:before {
  padding-top: 80%;
}

[data-ratio="4:3"]:before {
  padding-top: 75%;
}

[data-ratio="3:2"]:before {
  padding-top: 66.66667%;
}

[data-ratio="16:10"]:before {
  padding-top: 62.5%;
}

[data-ratio="5:3"]:before {
  padding-top: 60%;
}

[data-ratio="16:9"]:before {
  padding-top: 56.25%;
}

[data-ratio="2:1"]:before {
  padding-top: 50%;
}

[data-ratio="24:10"]:before {
  padding-top: 41.66667%;
}

[data-ratio="25:10"]:before {
  padding-top: 40%;
}

.p-summary {
  position: relative;
  max-height: 4.8rem;
  overflow: hidden;
}

.progress {
  min-height: 4.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1.6rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.progress figcaption {
  letter-spacing: .033em;
  color: #78909c;
  font-size: 1.2rem !important;
}

.progress .graphic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.progress .graphic a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  border: 0;
  height: 2.4rem;
}

.progress .graphic a:last-child::after {
  display: none;
}

.progress .graphic a:hover::before {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}

.progress .graphic a::before {
  content: '';
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #c0cbd1;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.progress .graphic a::after {
  content: '';
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 0.8rem;
  height: 0.2rem;
  background: #c0cbd1;
}

.progress .graphic a.yes::before, .progress .graphic a.yes::after {
  background: #47b7e8;
}

.progress .graphic a.no::before, .progress .graphic a.no::after {
  background: #ee6971;
}

.progress .graphic a.now::before, .progress .graphic a.now::after {
  background: #9e87cc;
}

.voting {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.voting [data-voters="0"] {
  display: none !important;
}

.voting [data-voters]:not([data-voters="0"]) {
  min-width: 1px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.voting figcaption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.6rem;
  height: 4.8rem;
  color: #90a4ae;
}

.voting figcaption output {
  font-size: 3.2rem;
}

.voting figcaption > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: none;
}

.voting figcaption > div.yes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #47b7e8;
}

.voting figcaption > div.no {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #ee6971;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.voting figcaption > div span {
  font-size: 1.2rem;
  letter-spacing: .05em;
  -webkit-transition: color .3s;
  transition: color .3s;
  margin: 0 .4rem;
  line-height: 1.25;
  color: #78909c;
}

.voting figcaption > div.yes span, .voting figcaption > div.no span, .voting figcaption > div.others span {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .05em;
  -webkit-transition: color .3s;
  transition: color .3s;
  color: inherit;
}

.voting .graphic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 1.6rem;
}

.voting .graphic a {
  position: relative;
  display: block;
  border-bottom: 0;
  min-height: 100%;
  background: #c0cbd1;
  -webkit-transition: width .3s;
  transition: width .3s;
}

.voting .graphic .yes {
  background: #47b7e8;
}

.voting .graphic .no {
  background: #ee6971;
}

.voting .graphic .others {
  display: none;
}

.voting .graphic[data-total="0"] {
  background: #dee4e7;
}

.voting .graphic [data-position="5"] {
  background: #546e7a;
}

.voting .graphic [data-position="10"] {
  background: #7d2d32;
}

.voting.pending figcaption {
  opacity: .5;
}

.voting.pending .graphic a {
  display: none;
}

.voting.forecast .graphic {
  background: transparent;
}

.voting.forecast .graphic a {
  background: transparent;
  background-size: .6rem .6rem;
  background-size: 6px 6px;
  background-attachment: fixed;
}

.voting.forecast .graphic .yes {
  background-image: -webkit-linear-gradient(135deg, #47b7e8 25%, transparent 25%, transparent 50%, #47b7e8 50%, #47b7e8 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, #47b7e8 25%, transparent 25%, transparent 50%, #47b7e8 50%, #47b7e8 75%, transparent 75%, transparent);
}

.voting.forecast .graphic .no {
  background-image: -webkit-linear-gradient(135deg, #ee6971 25%, transparent 25%, transparent 50%, #ee6971 50%, #ee6971 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, #ee6971 25%, transparent 25%, transparent 50%, #ee6971 50%, #ee6971 75%, transparent 75%, transparent);
}

.voting.forecast .graphic .other {
  background-image: -webkit-linear-gradient(135deg, #c0cbd1 25%, transparent 25%, transparent 50%, #c0cbd1 50%, #c0cbd1 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, #c0cbd1 25%, transparent 25%, transparent 50%, #c0cbd1 50%, #c0cbd1 75%, transparent 75%, transparent);
}

.voting.forecast .graphic [data-position="3"],
.voting.forecast .graphic [data-position="4"] {
  opacity: .25;
  -webkit-box-ordinal-group: 1000 !important;
  -webkit-order: 999 !important;
      -ms-flex-order: 999 !important;
          order: 999 !important;
}

[data-status="pending"] .voting:not(.forecast) .graphic {
  background: #cfd8dc;
}

.threshold {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  height: 3.2rem;
  color: #90a4ae;
  z-index: 1000;
}

.threshold[data-limit=''] {
  display: none;
}

.threshold[data-limit='symbolic'] {
  display: none;
}

.threshold .line {
  position: absolute;
  display: block;
  height: 2.4rem;
  background: #263238;
  width: .1rem;
  top: 0;
  left: 0;
  margin-top: -1.6rem;
  pointer-events: none;
}

.threshold p {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  top: 1.6rem;
  margin: 0;
  height: 1.6rem;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.threshold p output {
  margin-right: .4rem;
  color: #263238;
}

.threshold .line[style="left:0%"],
.threshold p[style="left:0%"] {
  display: none;
}

[data-page="voting"] .scoreboard-positioner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.6rem;
  padding-top: 3.2rem;
}

[data-page="voting"] .scoreboard {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

[data-page="voting"] .scoreboard h2 {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .05em;
  -webkit-transition: color .3s;
  transition: color .3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.6rem;
  min-height: 4.8rem;
  color: #90a4ae;
  min-height: initial;
  margin-top: -.8rem;
}

[data-page="voting"] .scoreboard figcaption {
  height: 6.4rem;
}

[data-page="voting"] .threshold {
  position: relative;
}

[data-filtered="true"] .threshold {
  display: none;
}

@media (min-width: 912px) {
  .scoreboard .graphic a + a {
    border-left: 0.2rem solid #eceff1;
  }
}

@media (min-width: 912px) and (max-width: 1520px) {
  .voting figcaption > div.others {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1520px) {
  .voting figcaption > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .voting figcaption > div.others {
    display: none;
  }
}

.scoreboard-positioner {
  position: relative;
}

.updated {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 4.8rem;
  bottom: 0;
  left: 1.6rem;
  margin: 0;
  padding: 0 1.6rem;
  letter-spacing: .033em;
  font-size: 1.2rem;
  color: #b0bec5;
}

.voters section,
.list ol {
  width: -webkit-calc( 28.8rem + 1.6rem);
  width: calc( 28.8rem + 1.6rem);
}

@media (min-width: 608px) {
  .voters section,
  .list ol {
    width: -webkit-calc( 28.8rem + 1.6rem);
    width: calc( 28.8rem + 1.6rem);
  }
  [data-page="voting"] .scoreboard {
    width: 28.8rem;
  }
}

@media (min-width: 912px) {
  .voters section,
  .list ol {
    width: -webkit-calc( 59.2rem + 1.6rem);
    width: calc( 59.2rem + 1.6rem);
  }
  [data-page="voting"] .scoreboard {
    width: 59.2rem;
  }
}

@media (min-width: 1216px) {
  .voters section,
  .list ol {
    width: -webkit-calc( 89.6rem + 1.6rem);
    width: calc( 89.6rem + 1.6rem);
  }
  [data-page="voting"] .scoreboard {
    width: 89.6rem;
  }
}

@media (min-width: 1520px) {
  .voters section,
  .list ol {
    width: -webkit-calc( 120rem + 1.6rem);
    width: calc( 120rem + 1.6rem);
  }
  [data-page="voting"] .scoreboard {
    width: 120rem;
  }
}

@media (min-width: 1824px) {
  .voters section,
  .list ol {
    width: -webkit-calc( 150.4rem + 1.6rem);
    width: calc( 150.4rem + 1.6rem);
  }
  [data-page="voting"] .scoreboard {
    width: 150.4rem;
  }
}

@media (min-width: 2128px) {
  .voters section,
  .list ol {
    width: -webkit-calc( 180.8rem + 1.6rem);
    width: calc( 180.8rem + 1.6rem);
  }
  [data-page="voting"] .scoreboard {
    width: 180.8rem;
  }
}

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 100%;
}

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

body {
  background: #cfd8dc;
  color: #546e7a;
  font-family: 'Flama', sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: .0125em;
  height: 100%;
  overflow-x: hidden;
}

p {
  font-size: 1.4rem;
}

a {
  text-decoration: none;
  border-bottom: .1rem solid currentColor;
  color: #37474f;
}

nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

[data-page] {
  background: #eceff1;
  min-height: 100%;
}

[data-page] > header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 4.8rem;
  padding: 0;
  background: #ffffff;
  color: #546e7a;
  font-size: 2.4rem;
}

[data-page] > header .brand {
  font-size: 3.2rem;
}

[data-page] > header .brand span {
  font-size: 2.1rem !important;
}

[data-page] > header .oesp {
  padding: 0 1.6rem;
}

[data-page] > header::after {
  content: '';
  display: block;
  height: .1rem;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: #dee4e7;
}

main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

main .container h1,
main .container p {
  padding: 0 1.6rem;
}

main .container .status + header {
  margin-top: 1.6rem;
}

main .meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.6rem;
  min-height: 4.8rem;
}

main .meta p {
  letter-spacing: .033em;
  color: #78909c;
  font-size: 1.2rem !important;
  margin: 0;
}

main .meta .p-category::before {
  content: ' | ';
  margin: 0 .4rem;
  opacity: .25;
}

main .intro {
  width: 100%;
  background: #ffffff;
}

main .intro figure:not(.progress):not(.voting) {
  position: relative;
}

main .intro figure:not(.progress):not(.voting) figcaption {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  bottom: 0;
  width: 100%;
  padding: 0;
  font-size: 66.666%;
  line-height: 1.5;
  color: #eceff1;
  text-shadow: 0 0 0.4rem #263238;
  opacity: .5;
  font-size: 66.666%;
}

main .intro figure:not(.progress):not(.voting) figcaption:not(:empty) {
  padding: .8rem 1.6rem;
}

main .intro .container {
  overflow-y: auto;
  height: 100%;
}

main .intro h1 {
  margin: 2.4rem 0;
  font-size: 3.6rem;
  line-height: 4.8rem;
  color: #37474f;
}

main .intro .lead {
  margin: 0 0 2.4rem 0;
  font-size: 1.6rem;
  color: #37474f;
}

main .intro section::before {
  content: '';
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -4.8rem;
  border-bottom: 0.1rem solid #eceff1;
  width: 100%;
  height: 4.8rem;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
  background: linear-gradient(rgba(255, 255, 255, 0), white);
}

main .intro .error-report {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
}

main .intro .error-report p,
main .intro .error-report a {
  letter-spacing: .033em;
  color: #78909c;
  font-size: 1.2rem !important;
}

main .intro .error-report a {
  -webkit-transition: color .3s;
  transition: color .3s;
}

main .intro .error-report a:hover {
  color: #37474f;
}

main .content > nav {
  background: #ffffff;
  display: none;
}

main .content > nav::after {
  content: '';
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: .1rem;
  right: 0;
  bottom: 0;
  left: 0;
  background: #dee4e7;
}

main .content > form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: .4rem;
}

main .content > form .primary,
main .content > form .secondary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

main .content .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: .8rem;
  padding-bottom: 4.8rem;
}

main .content .list ol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

main .content .list ol li {
  margin: .8rem;
}

main .content .list ol li[data-visible="false"] {
  display: none;
}

main .content .list .no-results {
  padding: 9.6rem 0;
}

main .content .list[data-results="true"] .no-results {
  display: none;
}

main .content .list[data-results="false"] > section {
  display: none;
}

main .content .list[data-animation="true"] ol li {
  -webkit-animation: appear .3s;
          animation: appear .3s;
}

main .content .list[data-filtering="true"] ol li {
  opacity: 0;
}

main .content article {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #ffffff;
  width: 28.8rem;
  height: 28.8rem;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
}

main .content article > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-bottom: 0;
  z-index: 1;
}

main .content article header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 1.6rem 1.6rem 0 1.6rem;
  padding: .8rem 1.6rem 0 1.6rem;
}

main .content article header p,
main .content article header .ellipsis {
  margin: 0;
  color: #546e7a;
  font-size: 1.4rem;
}

main .content article .meta + header {
  padding-top: 0;
}

main .content article h1 {
  font-size: 2.4rem;
  line-height: 3.2rem;
}

main .content article section {
  position: relative;
  border-top: 0.1rem solid #eceff1;
}

main .content article section h2 {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .05em;
  -webkit-transition: color .3s;
  transition: color .3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.6rem;
  min-height: 4.8rem;
  color: #90a4ae;
}

::-moz-selection {
  background: #78909c;
  color: #ffffff;
}

::selection {
  background: #78909c;
  color: #ffffff;
}

article[data-status="now"] {
  -webkit-animation: pulse 1s infinite;
          animation: pulse 1s infinite;
}

.disclaimer {
  letter-spacing: .033em;
  color: #78909c;
  font-size: 1.2rem !important;
  line-height: 1.5;
}

.modal[data-type="share"] .social {
  background: #ffffff;
  border-bottom: 2px solid #eceff1;
}

.clipboard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
}

.clipboard input {
  letter-spacing: .033em;
  color: #78909c;
  font-size: 1.2rem !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 4.8rem;
  width: 100%;
  border: 0;
  padding: 0 0 0 1.2rem;
  font-family: 'Flama', sans-serif;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.clipboard input:focus {
  outline: none;
  color: #37474f;
}

.clipboard button {
  width: auto;
  background: #dee4e7;
  position: relative;
  margin: 0 1.2rem;
  min-width: auto !important;
  border-radius: 3.2rem;
}

.clipboard button::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: -6rem;
  bottom: 0;
  width: 4.8rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  pointer-events: none;
}

.clipboard button span {
  letter-spacing: .033em;
  color: #78909c;
  font-size: 1.2rem !important;
  white-space: nowrap;
}

.facebook {
  color: #3b5998;
}

.whatsapp {
  color: #25d366;
}

.twitter {
  color: #1da1f2;
}

.google-plus {
  color: #dd4b39;
}

.linkedin {
  color: #0077b5;
}

[data-touch="false"] .whatsapp {
  display: none;
}

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(38, 50, 56, 0.75);
  z-index: 2;
  z-index: 1001;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal {
  position: relative;
  width: 28.8rem;
  -webkit-align-self: flex;
      -ms-flex-item-align: flex;
              -ms-grid-row-align: flex;
          align-self: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.modal .header {
  position: absolute;
  top: -4.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 4.8rem;
  padding: .8rem;
  pointer-events: none;
}

.modal .header button {
  border-radius: 1.6rem;
  pointer-events: all;
}

.modal a[role="button"] {
  width: 100%;
  background: #ffffff;
}

[data-modal="false"] .overlay {
  display: none;
}

[data-modal="share"] .modal:not([data-type="share"]) {
  display: none;
}

[data-modal="video"] .modal:not([data-type="video"]) {
  display: none;
}

[data-modal="quote"] .modal:not([data-type="quote"]) {
  display: none;
}

.modal[data-type="video"] {
  width: -webkit-calc( 100% - 3.2rem);
  width: calc( 100% - 3.2rem);
  max-width: 64rem;
}

[data-page="index"] .content > nav {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

[data-page="index"] > header .brand span {
  position: absolute !important;
  margin: -1px;
  border: 0;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

[data-page="index"] > header .brand span:hover, [data-page="index"] > header .brand span:active {
  position: static;
  margin: 0;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
}

[data-page="index"] > header::after {
  background: -webkit-gradient(linear, left top, right top, from(#ee6971), color-stop(33.333%, #ee6971), color-stop(33.333%, #9e87cc), color-stop(66.666%, #9e87cc), color-stop(66.666%, #47b7e8), color-stop(66.666%, #47b7e8));
  background: -webkit-linear-gradient(left, #ee6971, #ee6971 33.333%, #9e87cc 33.333%, #9e87cc 66.666%, #47b7e8 66.666%, #47b7e8);
  background: linear-gradient(90deg, #ee6971, #ee6971 33.333%, #9e87cc 33.333%, #9e87cc 66.666%, #47b7e8 66.666%, #47b7e8);
}

[data-page="proposition"] main .intro h1 {
  margin-top: 0;
  font-size: 2.4rem;
  line-height: 3.2rem;
}

[data-page="proposition"] main .content article {
  margin-bottom: 4.8rem;
  height: 46.4rem;
}

[data-page="proposition"] main .content article h1 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-size: 1.9rem;
  line-height: 2.8rem;
  padding-right: 1.6rem;
}

[data-page="proposition"] main .content article .voting figcaption div.other, [data-page="proposition"] main .content article .voting figcaption div.others {
  display: none;
}

[data-page="proposition"] main .content li[data-visible] .item figure {
  position: relative;
}

[data-page="proposition"] main .content li[data-visible] .item figure .placeholder + figcaption {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  bottom: 0;
  width: 100%;
  padding: 0;
  font-size: 66.666%;
  line-height: 1.5;
  color: #eceff1;
  text-shadow: 0 0 0.4rem #263238;
  opacity: .66;
  font-size: 66.666%;
}

[data-page="proposition"] main .content li[data-visible] .item figure .placeholder + figcaption:not(:empty) {
  padding: .8rem 1.6rem;
}

[data-page="proposition"] main .content li[data-visible]:not(.read-more) article h1 {
  color: #78909c;
}

[data-page="proposition"] .progress {
  border-top: 0;
}

main .container .meta p {
  padding: 0;
}

[data-page="voting"] main .intro h1 {
  margin: 0 0 1.6rem;
  font-size: 2.4rem;
  line-height: 3.2rem;
}

[data-page="voting"] .scoreboard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 28.8rem;
  height: 16.2rem;
}

.voters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 5.76rem !important;
  background: #dee4e7;
}

.voters section {
  position: relative;
  margin-top: 1.6rem;
}

.voters section[data-voters="0"] {
  display: none;
}

.voters section header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-calc( 100% - 1.6rem);
  width: calc( 100% - 1.6rem);
  margin-left: 0.8rem;
  height: 4.8rem;
  cursor: pointer;
  -webkit-transition: background .3s;
  transition: background .3s;
}

.voters section header h3 {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .05em;
  -webkit-transition: color .3s;
  transition: color .3s;
  color: #90a4ae;
  padding-left: 1.6rem;
}

.voters section header h3 output {
  color: #546e7a;
  margin-right: .4rem;
}

.voters section header .toggle-collapse {
  border-radius: 50%;
  opacity: .5;
}

.voters section ol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  overflow-y: hidden;
  padding-top: .8rem;
}

.voters section li {
  margin: 0 1.6rem 1.6rem 0;
  width: 28.8rem;
  height: 12.8rem;
  background: #ffffff;
}

.voters section li > div {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.voters section li figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 9.6rem;
  height: 12.8rem;
  background: #cfd8dc;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.voters section li figure img {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.voters section li figure::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(84, 110, 122, 0.33);
  pointer-events: none;
}

.voters section li .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}

.voters section li .info span {
  letter-spacing: .033em;
  color: #78909c;
  font-size: 1.2rem !important;
}

.voters section li .info span.p-role {
  line-height: 1.5;
  margin-top: .4rem;
}

.voters section li .info .p-name {
  font-size: 1.4rem !important;
  line-height: 1.8rem !important;
  color: #37474f;
}

.voters section li .info .affiliation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.2rem;
  width: -webkit-calc( 100% - 3.2rem);
  width: calc( 100% - 3.2rem);
  height: 3.2rem;
}

.voters section li .info .affiliation .p-region::before {
  content: ' | ';
  margin: 0 .4rem;
  opacity: .25;
}

.voters section li .info .bio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 1.2rem;
  height: 6.4rem;
}

.voters section li .info [data-icon="play"] {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-animation-name: shake;
          animation-name: shake;
  -webkit-animation-duration: 3.2s;
          animation-duration: 3.2s;
  -webkit-animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
          animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.voters section li .info button {
  border-top: 0.1rem solid #eceff1;
}

.voters section li .u-email {
  position: absolute;
  top: 0;
  right: 0;
}

.voters section.collapsed ol {
  padding-top: 0;
  max-height: 0;
}

.voters section.collapsed .toggle-collapse {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.voters section[data-vote="yes"] li figure::before {
  background-color: rgba(71, 183, 232, 0.5);
}

.voters section[data-vote="no"] li figure::before {
  background-color: rgba(238, 105, 113, 0.5);
}

.voters section[data-position="5"] li figure::before {
  background: rgba(38, 50, 56, 0.66);
}

.voters section[data-position="10"] li figure::before {
  background: rgba(125, 45, 50, 0.66);
}

.view-all {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  bottom: -.1rem;
  width: -webkit-calc( 100% + 1.6rem);
  width: calc( 100% + 1.6rem);
  left: -.8rem;
  height: 48rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(222, 228, 231, 0)), to(#c0cbd1));
  background: -webkit-linear-gradient(rgba(222, 228, 231, 0), #c0cbd1);
  background: linear-gradient(rgba(222, 228, 231, 0), #c0cbd1);
  z-index: 1;
  pointer-events: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
}

.view-all button {
  border: 0.1rem solid #546e7a;
  border-radius: 999rem;
  margin-bottom: 2.4rem;
  pointer-events: all;
  letter-spacing: .03em;
  -webkit-animation: button 2s infinite;
          animation: button 2s infinite;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
}

.voters section li figure figcaption {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  right: 0;
  bottom: 0;
  left: 0;
  padding: .6rem;
}

.voters section li figure .changed {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  border: 0;
  border-radius: 999rem;
  padding: 0 1.2rem;
  height: 2.4rem;
  background: rgba(0, 0, 0, 0.66);
  font-size: 1.2rem;
  letter-spacing: .033em;
  color: #ffffff;
}

.voters section li figure .changed:hover {
  background: black;
}

@media (min-width: 608px) {
  [data-page] > header {
    position: fixed;
    width: 28.8rem;
    border-right: 0.1rem solid #b0bec5;
  }
  [data-page] > header .back {
    display: none;
  }
  [data-page] > header .section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  [data-page] > header .share {
    display: none;
  }
  main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  main .intro {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 28.8rem;
    min-height: -webkit-calc( 100% - 4.8rem);
    min-height: calc( 100% - 4.8rem);
    top: 4.8rem;
    bottom: 0;
    left: 0;
    border-right: 0.1rem solid #b0bec5;
  }
  main .content {
    position: relative;
    width: -webkit-calc( 100% - 28.8rem);
    width: calc( 100% - 28.8rem);
  }
  main .content > nav {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  main .content > form {
    padding: 0 .4rem;
  }
  main p {
    margin-bottom: 1.6rem;
  }
}

@media (min-width: 608px) and (max-width: 911px) {
  [data-page]:not([data-page="index"]) main .content > nav span:not(.button-flex) {
    position: absolute !important;
    margin: -1px;
    border: 0;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }
  [data-page]:not([data-page="index"]) main .content > nav span:not(.button-flex):hover, [data-page]:not([data-page="index"]) main .content > nav span:not(.button-flex):active {
    position: static;
    margin: 0;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
  }
}

@media (min-width: 720px) {
  main .content > nav span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1152px) {
  main .content > form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  main .content > form .input-wrap label {
    margin: .8rem .8rem .8rem .0rem;
  }
}

@media (min-width: 1216px) {
  /*
	.voters section:not(.collapsed) h3 output {
		@include screen-reader();
	}
	*/
}

@media (max-width: 435px) {
  .comments .fyre .fyre-comment-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 1215px) {
  [data-page=voting] .scoreboard-positioner {
    padding-bottom: 4.8rem;
  }
  .updated {
    bottom: 3.2rem;
  }
}

@media (max-width: 911px) {
  .updated {
    width: 100%;
    left: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .voters {
    padding-bottom: 0 !important;
  }
  .voters section[data-visibility="partial"] ol {
    max-height: 148.7952rem;
    overflow: hidden !important;
  }
  .voters section[data-visibility="partial"] .view-all {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .voters section[data-visibility="partial"].collapsed ol {
    padding-top: 0;
    max-height: 0;
  }
  .voters section[data-visibility="partial"].collapsed .view-all {
    display: none;
  }
  .voters section[data-position="2"][data-visibility="total"] {
    padding-bottom: 5.76rem !important;
  }
}

.status {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .05em;
  -webkit-transition: color .3s;
  transition: color .3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.2rem;
  height: 4.8rem;
  color: #90a4ae;
}

.status span:not(.badge) {
  margin: 0 .4rem;
}

.status .badge {
  -webkit-box-sizing: padding-box;
          box-sizing: padding-box;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 0.1rem dashed #90a4ae;
  border-radius: 1.2rem;
  padding: 0 1.2rem;
  height: 2.4rem;
  color: #90a4ae;
  line-height: 2.2rem;
}

[data-status="yes"] .badge {
  border: 0;
  background: #47b7e8;
  color: #ffffff;
  line-height: 2.4rem;
}

[data-status="no"] .badge {
  border: 0;
  background: #ee6971;
  color: #ffffff;
  line-height: 2.4rem;
}

[data-status="now"] .badge {
  border: 0;
  background: #9e87cc;
  color: #ffffff;
  line-height: 2.4rem;
}

[data-status="pending"] .badge {
  display: none;
}

button,
a[role="button"],
[type="button"] {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  border-bottom: 0;
  height: 4.8rem;
  cursor: pointer;
  outline: none;
  -webkit-transition: background .3s, color .3s;
  transition: background .3s, color .3s;
}

button.medium,
a[role="button"].medium,
[type="button"].medium {
  min-width: 3.2rem;
  height: 3.2rem;
}

button.medium span:not(.button-flex),
a[role="button"].medium span:not(.button-flex),
[type="button"].medium span:not(.button-flex) {
  height: 3.2rem;
}

button.medium i[data-icon],
a[role="button"].medium i[data-icon],
[type="button"].medium i[data-icon] {
  width: 3.2rem;
  height: 3.2rem;
}

button.small,
a[role="button"].small,
[type="button"].small {
  width: 2.4rem;
  height: 2.4rem;
}

button.small i[data-icon],
a[role="button"].small i[data-icon],
[type="button"].small i[data-icon] {
  width: 2.4rem;
  height: 2.4rem;
}

button.inline,
a[role="button"].inline,
[type="button"].inline {
  width: initial;
}

button .button-flex,
a[role="button"] .button-flex,
[type="button"] .button-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

button span:not(.button-flex),
a[role="button"] span:not(.button-flex),
[type="button"] span:not(.button-flex) {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 4.8rem;
  padding: 0;
  text-align: right;
  font-size: 1.6rem;
  text-align: left;
}

button span:not(.button-flex):first-child:last-child,
a[role="button"] span:not(.button-flex):first-child:last-child,
[type="button"] span:not(.button-flex):first-child:last-child {
  padding: 0 1.6rem;
}

button span:not(.button-flex):not(:last-child):first-child,
a[role="button"] span:not(.button-flex):not(:last-child):first-child,
[type="button"] span:not(.button-flex):not(:last-child):first-child {
  padding: 0 0 0 1.6rem;
}

button span:not(.button-flex):not(:first-child):last-child,
a[role="button"] span:not(.button-flex):not(:first-child):last-child,
[type="button"] span:not(.button-flex):not(:first-child):last-child {
  padding: 0 1.6rem 0 0;
}

button i[data-icon],
a[role="button"] i[data-icon],
[type="button"] i[data-icon] {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 4.8rem;
  height: 4.8rem;
}

button i[data-icon]:before,
a[role="button"] i[data-icon]:before,
[type="button"] i[data-icon]:before {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.select-wrap {
  position: relative;
  height: 3.2rem;
  margin: 0.8rem;
  margin-right: 0;
  padding: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 1.6rem;
  overflow: hidden;
  background: #dee4e7;
  font-size: 1.6rem;
  -webkit-transition: padding .3s;
  transition: padding .3s;
}

.select-wrap select {
  padding: 0 4.8rem 0 1.6rem;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: none;
  -webkit-appearance: none;
          appearance: none;
  background: #dee4e7;
  font-size: 1.6rem;
  font-family: 'Flama';
  color: #37474f;
  cursor: pointer;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}

.select-wrap select:focus {
  outline: none;
}

.select-wrap button {
  position: absolute;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 3.2rem;
  height: 3.2rem;
  padding-right: 0.4rem;
  right: 0;
  pointer-events: none;
  opacity: .5;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.input-wrap input[type="checkbox"],
.input-wrap input[type="radio"] {
  display: none;
}

.input-wrap label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: .8rem 0 .8rem .8rem;
  padding: 0 1.2rem;
  border-radius: 1.6rem;
  height: 3.2rem;
  background: transparent;
  -webkit-transition: background .3s, padding .3s, color .3s;
  transition: background .3s, padding .3s, color .3s;
}

.input-wrap label span {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .05em;
  -webkit-transition: color .3s;
  transition: color .3s;
  color: #b0bec5;
  cursor: pointer;
}

.input-wrap label:active {
  background: #cfd8dc;
}

.input-wrap label:active span {
  color: #546e7a;
}

.input-wrap :checked + span {
  color: #37474f;
}

.search-positioner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  width: 100%;
  margin-top: -2.4rem;
}

.search-wrap {
  position: relative;
  height: 3.2rem;
  margin: 0.8rem;
  margin-right: 0;
  padding: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 1.6rem;
  overflow: hidden;
  background: #ffffff;
  font-size: 1.6rem;
  -webkit-transition: padding .3s;
  transition: padding .3s;
}

.search-wrap input {
  padding: 0 4.8rem 0 1.6rem;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: none;
  -moz-appearance: none;
       appearance: none;
  background: #ffffff;
  font-size: 1.6rem;
  font-family: 'Flama';
  color: #37474f;
  cursor: pointer;
  -webkit-appearance: none;
}

.search-wrap input:focus {
  outline: none;
}

.search-wrap button {
  position: absolute;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 3.2rem;
  height: 3.2rem;
  padding-right: 0.4rem;
  right: 0;
  pointer-events: none;
  opacity: .5;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

::-webkit-input-placeholder {
  color: #b0bec5;
}

::-moz-placeholder {
  color: #b0bec5;
}

:-ms-input-placeholder {
  color: #b0bec5;
}

:-moz-placeholder {
  color: #b0bec5;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #9e87cc;
            box-shadow: 0 0 0 0 #9e87cc;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0.8rem rgba(158, 135, 204, 0);
            box-shadow: 0 0 0 0.8rem rgba(158, 135, 204, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #9e87cc;
            box-shadow: 0 0 0 0 #9e87cc;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0.8rem rgba(158, 135, 204, 0);
            box-shadow: 0 0 0 0.8rem rgba(158, 135, 204, 0);
  }
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes appear {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) translateY(0.8rem) translateZ(0);
            transform: scale(0.9) translateY(0.8rem) translateZ(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0) translateZ(0);
            transform: scale(1) translateY(0) translateZ(0);
  }
}

@keyframes appear {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) translateY(0.8rem) translateZ(0);
            transform: scale(0.9) translateY(0.8rem) translateZ(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0) translateZ(0);
            transform: scale(1) translateY(0) translateZ(0);
  }
}

@-webkit-keyframes shake {
  5%, 45% {
    -webkit-transform: translate3d(-0.05rem, 0, 0);
            transform: translate3d(-0.05rem, 0, 0);
  }
  10%, 40% {
    -webkit-transform: translate3d(0.1rem, 0, 0);
            transform: translate3d(0.1rem, 0, 0);
  }
  15%, 25%, 35% {
    -webkit-transform: translate3d(-0.15rem, 0, 0);
            transform: translate3d(-0.15rem, 0, 0);
  }
  20%, 30% {
    -webkit-transform: translate3d(0.15rem, 0, 0);
            transform: translate3d(0.15rem, 0, 0);
  }
}

@keyframes shake {
  5%, 45% {
    -webkit-transform: translate3d(-0.05rem, 0, 0);
            transform: translate3d(-0.05rem, 0, 0);
  }
  10%, 40% {
    -webkit-transform: translate3d(0.1rem, 0, 0);
            transform: translate3d(0.1rem, 0, 0);
  }
  15%, 25%, 35% {
    -webkit-transform: translate3d(-0.15rem, 0, 0);
            transform: translate3d(-0.15rem, 0, 0);
  }
  20%, 30% {
    -webkit-transform: translate3d(0.15rem, 0, 0);
            transform: translate3d(0.15rem, 0, 0);
  }
}

@-webkit-keyframes button {
  0% {
    -webkit-box-shadow: 0 0 0 0 #546e7a;
            box-shadow: 0 0 0 0 #546e7a;
  }
  66% {
    -webkit-box-shadow: 0 0 0 0.8rem rgba(84, 110, 122, 0);
            box-shadow: 0 0 0 0.8rem rgba(84, 110, 122, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0.8rem rgba(84, 110, 122, 0);
            box-shadow: 0 0 0 0.8rem rgba(84, 110, 122, 0);
  }
}

@keyframes button {
  0% {
    -webkit-box-shadow: 0 0 0 0 #546e7a;
            box-shadow: 0 0 0 0 #546e7a;
  }
  66% {
    -webkit-box-shadow: 0 0 0 0.8rem rgba(84, 110, 122, 0);
            box-shadow: 0 0 0 0.8rem rgba(84, 110, 122, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0.8rem rgba(84, 110, 122, 0);
            box-shadow: 0 0 0 0.8rem rgba(84, 110, 122, 0);
  }
}

.spinner {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-top: -1.6rem;
  margin-left: -1.6rem;
  width: 3.2rem;
  height: 3.2rem;
  border-top: 0.4rem solid #47b7e8;
  border-right: 0.4rem solid #9e87cc;
  border-bottom: 0.4rem solid #ee6971;
  border-left: .4rem solid transparent;
  border-radius: 50%;
  -webkit-animation: rotating .5s linear infinite;
          animation: rotating .5s linear infinite;
}

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

.embed-wrap::before {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-top: -1.6rem;
  margin-left: -1.6rem;
  width: 3.2rem;
  height: 3.2rem;
  border-top: 0.4rem solid #47b7e8;
  border-right: 0.4rem solid #9e87cc;
  border-bottom: 0.4rem solid #ee6971;
  border-left: .4rem solid transparent;
  border-radius: 50%;
  -webkit-animation: rotating .5s linear infinite;
          animation: rotating .5s linear infinite;
}

.embed-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

[data-embed="true"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

[data-embed="true"] body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

[data-embed="true"] .page-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4.8rem;
}

[data-embed="true"] .page-info .select-wrap {
  margin-top: 2.4rem;
}

[data-embed="true"] [type=button] {
  -webkit-appearance: unset;
}

[data-embed="true"] [data-page="voting"] {
  position: relative;
  min-width: 340px;
  max-width: 340px;
  min-height: 192px;
  max-height: 192px;
  overflow: hidden;
  cursor: pointer;
}

[data-embed="true"] [data-page="voting"] .intro figure,
[data-embed="true"] [data-page="voting"] .intro header,
[data-embed="true"] [data-page="voting"] .intro header + p,
[data-embed="true"] [data-page="voting"] .intro .dt-updated,
[data-embed="true"] [data-page="voting"] .intro section,
[data-embed="true"] [data-page="voting"] .intro .meta .p-category::before,
[data-embed="true"] [data-page="voting"] .legend,
[data-embed="true"] [data-page="voting"] .error-report,
[data-embed="true"] [data-page="voting"] .voting figcaption > div.others,
[data-embed="true"] [data-page="voting"] .voting figcaption > div.other {
  display: none;
}

[data-embed="true"] [data-page="voting"] main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

[data-embed="true"] [data-page="voting"] .content {
  width: initial;
}

[data-embed="true"] [data-page="voting"] .intro {
  position: relative;
  top: 0;
  width: 100%;
  background: transparent;
  border-right: 0;
}

[data-embed="true"] [data-page="voting"] .intro .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

[data-embed="true"] [data-page="voting"] .intro .meta {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

[data-embed="true"] [data-page="voting"] .threshold p,
[data-embed="true"] [data-page="voting"] .threshold output {
  line-height: 1.333;
}

[data-embed="true"] [data-page="voting"] .updated {
  width: 100%;
  left: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

[data-embed="true"] [data-page="voting"] .scoreboard .graphic a + a {
  border: 0;
}

[data-embed="true"] [data-page="voting"] .scoreboard-positioner {
  padding-top: 0;
}

[data-embed="true"] [data-page="voting"][data-size="750x423"] {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

[data-embed="true"] [data-page="voting"][data-size="750x423"] .photo-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(38, 50, 56, 0.8);
}

[data-embed="true"] [data-iframe="false"] [data-page="voting"] {
  pointer-events: none;
}

[data-embed="true"] [data-iframe="false"] [data-page="voting"] .tooltip {
  display: none;
}

[data-embed="true"] .embed-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin: 4.8rem auto 0;
}

[data-embed="true"] .embed-nav > * {
  margin: 0 1.6rem;
}

[data-embed="true"] .embed-nav .select-wrap:hover {
  padding: 0;
}

[data-embed="true"] #download-button {
  position: relative;
  min-height: 3.2rem;
  width: auto;
  border-radius: 3.2rem;
  background: #37474f;
  color: #ffffff;
}

[data-embed="true"] #download-button.disabled {
  color: transparent;
  background: transparent;
  pointer-events: none;
  cursor: default;
}

[data-embed="true"] #download-button:not(.disabled) .spinner {
  display: none;
}

[data-embed="true"] [data-page] + [data-page] {
  border-top: 1px solid rgba(192, 203, 209, 0.5);
}

[data-embed="true"] .screenshot .photo {
  float: left;
  width: 350px;
  height: 394.8px;
  background-size: 215%;
  background-position: 57% center;
}

[data-embed="true"] .screenshot[data-compare="true"] .status {
  display: none;
}

[data-embed="true"] .p-category {
  float: right;
  text-align: right;
  white-space: nowrap;
}

[data-embed="true"] .voting figcaption {
  padding: 0;
}

[data-embed="true"] [data-photo="true"] [data-page="voting"] .intro figure {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[data-embed="true"] [data-photo="true"] [data-page="voting"] .intro figure figcaption {
  display: none;
}

[data-embed="true"] [data-photo="true"] [data-page="voting"] .intro figure .figure-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(38, 50, 56, 0.75);
}

[data-embed="true"] [data-photo="true"] [data-page="voting"] .intro .status,
[data-embed="true"] [data-photo="true"] [data-page="voting"] .intro .meta,
[data-embed="true"] [data-photo="true"] [data-page="voting"] .intro .status .badge {
  z-index: 1;
}

[data-embed="true"] [data-photo="true"] [data-page="voting"] .threshold .line {
  background: #ffffff;
}

[data-embed="true"] [data-photo="true"] [data-page="voting"] .threshold p output {
  color: #cfd8dc;
}

html[data-touch="false"] .select-wrap:hover,
html[data-touch="false"] .search-wrap:hover {
  padding: 0 .4rem;
}

html[data-touch="false"] .select-wrap:hover button,
html[data-touch="false"] .search-wrap:hover button {
  opacity: 1;
}

html[data-touch="false"] .input-wrap label:hover {
  padding: 0 1.6rem;
  background: #dee4e7;
}

html[data-touch="false"] button:hover:not(.active),
html[data-touch="false"] a[role="button"]:hover:not(.active),
html[data-touch="false"] [type="button"]:hover:not(.active) {
  background-color: #eceff1;
}

html[data-touch="false"] .voters header:hover {
  background: rgba(207, 216, 220, 0.5);
}

html[data-touch="false"] .voters header:hover button[type="button"] {
  background-color: transparent;
  opacity: 1;
}

html[data-touch="false"] .voters li button:hover:not(.active),
html[data-touch="false"] .voters li a[role="button"]:hover:not(.active),
html[data-touch="false"] .voters li [type="button"]:hover:not(.active) {
  background-color: #eceff1;
}

html[data-touch="false"] [data-page]:not([data-page="voting"]) .list li.read-more {
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
}

html[data-touch="false"] [data-page]:not([data-page="voting"]) .list li.read-more article {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
}

html[data-touch="false"] [data-page]:not([data-page="voting"]) .list li.read-more section {
  cursor: pointer;
}

html[data-touch="false"] [data-page]:not([data-page="voting"]) .list li.read-more.hover {
  opacity: 1;
  -webkit-transform: scale(1.02775);
      -ms-transform: scale(1.02775);
          transform: scale(1.02775);
  z-index: 1;
}

html[data-touch="false"] [data-page]:not([data-page="voting"]) .list li.read-more.hover article {
  -webkit-box-shadow: 0 0.4rem 2.4rem #cfd8dc;
          box-shadow: 0 0.4rem 2.4rem #cfd8dc;
}

html[data-touch="false"] [data-page]:not([data-page="voting"]) .list li.read-more.unhover {
  opacity: .5;
  -webkit-box-shadow: 0;
          box-shadow: 0;
}

html[data-touch="false"] [data-page]:not([data-page="voting"]) .list li:not(.read-more) a {
  cursor: default !important;
  pointer-events: none;
}

html[data-touch="false"] .modal .header button:hover {
  background-color: rgba(38, 50, 56, 0.25) !important;
}

.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

[data-browser="firefox"] [data-page] > header {
  border-bottom: 0.1rem solid #eceff1;
}

[data-browser="firefox"] [data-page] > header::after {
  display: none;
}

[data-browser="firefox"] main .content > nav {
  border-bottom: 0.1rem solid #eceff1;
}

[data-browser="firefox"] main .content > nav::after {
  display: none;
}

.notes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6.4rem 0;
  border-top: 1px solid #dee4e7;
}

.notes figure {
  width: 3.2rem;
  height: 3.2rem;
  max-height: 3.2rem;
  border-radius: 50%;
  margin-right: 1.6rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 1px #dee4e7;
          box-shadow: 0 0 0 1px #dee4e7;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.notes figure img {
  width: 100%;
  max-width: 100%;
}

.notes ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 1.2rem;
}

.notes ul > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: .8rem 0;
  -webkit-transition: padding .3s, background .3s;
  transition: padding .3s, background .3s;
}

.notes ul > li.highlight {
  padding: .8rem 1rem;
  background: #dee4e7;
}

.notes ul > li > div {
  min-width: 50%;
  width: 50%;
}

.notes ul > li + li {
  border-top: 1px solid #dee4e7;
}

.notes ul > li .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 1.6rem;
}

.notes ul > li .graphic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.notes ul > li .graphic ol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.notes ul > li .graphic ol li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.notes ul > li .graphic ol li[data-position="1"] .voter-color {
  background: #47b7e8;
}

.notes ul > li .graphic ol li[data-position="1"] .definition span {
  color: #47b7e8;
}

.notes ul > li .graphic ol li[data-position="1"][data-reservation] .voter-color::before {
  content: '';
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: .8rem;
  height: .8rem;
  background: #ee6971;
  border-radius: 50%;
  border: 0.1rem solid #dee4e7;
  top: -.3rem;
  left: .2rem;
}

.notes ul > li .graphic ol li[data-position="2"] .voter-color {
  background: #ee6971;
}

.notes ul > li .graphic ol li[data-position="2"] .definition span {
  color: #ee6971;
}

.notes ul > li .graphic ol li[data-position="5"] .voter-color {
  background: #546e7a;
}

.notes ul > li .graphic ol li[data-position="5"] .definition span {
  color: #546e7a;
}

.notes ul > li .graphic ol li + li::before {
  content: '→';
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 80%;
  margin: 0 .4rem;
}

.notes ul > li .graphic ol .definition {
  display: none;
}

.notes .info > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.notes .info .p-name {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.4rem !important;
  line-height: 1.8rem !important;
  color: #37474f;
}

.notes .info .affiliation {
  letter-spacing: .033em;
  color: #78909c;
  font-size: 1.2rem !important;
  margin-left: 1.2rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.notes .info .affiliation .p-region::before {
  content: ' | ';
  margin: 0 .4rem;
  opacity: .25;
}

.wrap.notes {
  width: -webkit-calc( 100% - 3.2rem);
  width: calc( 100% - 3.2rem);
  max-width: 64rem;
}

.notes h6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 2.1rem;
  line-height: 2.8rem;
  color: #37474f;
  margin-bottom: 1.2rem;
  width: 100%;
}

.notes .disclaimer {
  letter-spacing: .033em;
  color: #78909c;
  font-size: 1.2rem !important;
  line-height: 1.5;
}

.symbol .voter-color {
  position: relative;
  width: 1.8rem;
  height: 2.4rem;
  background: #c0cbd1;
  border-radius: .25rem;
}

@media (max-width: 911px) {
  .notes ul > li {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .notes ul > li > div {
    min-width: 100%;
    width: 100%;
  }
  .notes ul > li .graphic {
    padding: .6rem 0 .6rem 4.8rem;
  }
}

.changes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6.4rem 0;
  border-top: 1px solid #dee4e7;
}

.changes figure {
  width: 3.2rem;
  height: 3.2rem;
  max-height: 3.2rem;
  border-radius: 50%;
  margin-right: 1.6rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 1px #dee4e7;
          box-shadow: 0 0 0 1px #dee4e7;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.changes figure img {
  width: 100%;
  max-width: 100%;
}

.changes ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 1.2rem;
}

.changes ul > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: .8rem 0;
  -webkit-transition: padding .3s, background .3s;
  transition: padding .3s, background .3s;
}

.changes ul > li.highlight {
  padding: .8rem 1rem;
  background: #dee4e7;
}

.changes ul > li > div {
  min-width: 50%;
  width: 50%;
}

.changes ul > li + li {
  border-top: 1px solid #dee4e7;
}

.changes ul > li .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 1.6rem;
}

.changes ul > li .graphic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.changes ul > li .graphic ol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.changes ul > li .graphic ol li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.changes ul > li .graphic ol li[data-position="1"] .voter-color {
  background: #47b7e8;
}

.changes ul > li .graphic ol li[data-position="1"] .definition span {
  color: #47b7e8;
}

.changes ul > li .graphic ol li[data-position="1"][data-reservation] .voter-color::before {
  content: '';
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: .8rem;
  height: .8rem;
  background: #ee6971;
  border-radius: 50%;
  border: 0.1rem solid #dee4e7;
  top: -.3rem;
  left: .2rem;
}

.changes ul > li .graphic ol li[data-position="2"] .voter-color {
  background: #ee6971;
}

.changes ul > li .graphic ol li[data-position="2"] .definition span {
  color: #ee6971;
}

.changes ul > li .graphic ol li[data-position="5"] .voter-color {
  background: #546e7a;
}

.changes ul > li .graphic ol li[data-position="5"] .definition span {
  color: #546e7a;
}

.changes ul > li .graphic ol li + li::before {
  content: '→';
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 80%;
  margin: 0 .4rem;
}

.changes ul > li .graphic ol .definition {
  display: none;
}

.changes .info > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.changes .info .p-name {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.4rem !important;
  line-height: 1.8rem !important;
  color: #37474f;
}

.changes .info .affiliation {
  letter-spacing: .033em;
  color: #78909c;
  font-size: 1.2rem !important;
  margin-left: 1.2rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.changes .info .affiliation .p-region::before {
  content: ' | ';
  margin: 0 .4rem;
  opacity: .25;
}

.wrap-changes {
  width: -webkit-calc( 100% - 3.2rem);
  width: calc( 100% - 3.2rem);
  max-width: 64rem;
}

.changes h6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 2.1rem;
  line-height: 2.8rem;
  color: #37474f;
  margin-bottom: 1.2rem;
  width: 100%;
}

.changes .disclaimer {
  letter-spacing: .033em;
  color: #78909c;
  font-size: 1.2rem !important;
  line-height: 1.5;
}

.symbol .voter-color {
  position: relative;
  width: 1.8rem;
  height: 2.4rem;
  background: #c0cbd1;
  border-radius: .25rem;
}

@media (max-width: 911px) {
  .changes ul > li {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .changes ul > li > div {
    min-width: 100%;
    width: 100%;
  }
  .changes ul > li .graphic {
    padding: .6rem 0 .6rem 4.8rem;
  }
}

/* custom */
.comments {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #dee4e7;
}

#wrap-comments {
  width: -webkit-calc( 100% - 3.2rem);
  width: calc( 100% - 3.2rem);
  max-width: 64rem;
}

.comments .fyre a.fyre-comment-username {
  line-height: 1.33;
}

.comments {
  padding: 6.4rem 0;
}

.comments .disclaimer {
  letter-spacing: .033em;
  color: #78909c;
  font-size: 1.2rem !important;
  line-height: 1.5;
}

.comments h6 {
  font-size: 2.1rem;
  line-height: 2.8rem;
  color: #37474f;
  margin-bottom: 1.2rem;
}

.comments h6 > span {
  font-size: 75%;
}

.comments .disclaimer + .disclaimer {
  margin-top: 1.6rem;
}

.credits {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6.4rem 0;
  border-top: 1px solid #dee4e7;
}

.wrap-credits {
  width: -webkit-calc( 100% - 3.2rem);
  width: calc( 100% - 3.2rem);
  max-width: 64rem;
  padding: 0 1.6rem;
}

.credits h6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.1rem;
  line-height: 2.8rem;
  color: #37474f;
  margin-bottom: 1.2rem;
  width: 100%;
}

.credits .disclaimer {
  letter-spacing: .033em;
  color: #78909c;
  font-size: 1.2rem !important;
  line-height: 1.5;
}

.credits .role-title {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .05em;
  -webkit-transition: color .3s;
  transition: color .3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.2rem 0 0rem;
  color: #90a4ae;
}

.credits li p {
  padding-left: 2.4rem;
}

[data-mockup="true"] .voters section header h3 output {
  display: none;
}

[data-mockup="true"] .voting figcaption output {
  font-size: 0;
}

[data-mockup="true"] span.reservations {
  display: none;
}

[data-mockup="true"] .updated {
  display: none;
}

[data-mockup="true"] .voters .list img {
  visibility: hidden;
}

[data-mockup="true"] .voters section li figure img {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAACACAIAAAB7vvvtAAAACXBIWXMAAAsSAAALEgHS3X78AAAEdUlEQVR42u3cbWvqMBQA4C4WX3ZVdFJZRXRM2MD9/5+iMKFiS1ml4iqtm1Zadj946S5aa60naWrP+Tpw8fEkOWnS3P38/AgYp4MgAQIhEAIhEAIhEAIhEAYCIRACIRACIRACIRAGAiEQAiEQAiHQLYSY4v+27LVlO5a93rruxt0d/LVSKpZLpWa92qzXmvVqWo28Y79xaNlrY7E0rZXn+XF/RrHQbjZkqcVeiimQZa+numHZTuJPaNZrz12ZJRMjoK27e1f1xecK5NOkh8Zrv1suFW8EaGGtRooav0PF7HRvg77UbGQeaKLqmmFS+vCe3H7pdzMMNFbUj8WS6hfoSK3hoJ/JOoiBjiAIH4vlWFGzBzRRdQY6gdFE1bMEtLBW9Mad0NAMc2GtsgG0dXcjmjl/KkaKuj0qx3kEeld12Bk9Znie/06howEDWfYaqhpM0rU/V5a95hpoqhvpLr7BG0Bg0+eadRZQGxzYJIIEMljN6yybAQlkWisegGCbQQD7VyqTV+h0BtjLAIEcgZsAbAxkBvEExF8GbV2XHyDAxoABbSiU+Tw0Brd9EAiBEAiB8gBUYbJLxb4xYEDlUokfIMDGgAGleL6AamMAgWo8AdV4zCBRLPCgI4oFHjNIEIQ2/Z1y9s2ABJKlFg9AsM0goD2/mvpIBH4cDbhQfO7K6QKBN4BA/4BV6SG1kUh6aIBXG/BLjdd+N5XpTBQLrxTOCsEDlUvFN5oHdk7F26BP41AelcWq1Gz05DZLnZ7cpnQcj9Zq/qXf7bCa9TtSi95BPIqPO4aDPgMj2kfw8BBn2kACHgOOE3iQPFbgqwhxmfBllrhS+DpU5gO3fRAIgRAIgRAIgW42UnhvPqgM90cto1ce+22S/a5k7f7+ZivpoGi+/oDuvrBmVl7TBUqw7LroiQeDBRoVIM/3NcM0Fks2R18rpaIstXpyWywUeAfaurupbnyk9FZLR2o9d2XY50RgQOnS0GOCAZrqhjY3OXmZZT889R7bINvQ1wJZ9nqszLg6Zv//2DQcPF05hF8FRHXHAiqu3PlICOR8b8bKzPnaZKIarv2pDAdPtfsKIyAa2zgMRqVk20QXA2lzczLThWzGy1O399imCMTmvhLaRcBFW9UkVzrC5bfFkFzpJDAiedO51Og8kDY3b0wnMIpzBQE5O6Nnd846GyNFPXvrEImuBlO5CYixkfO9SQg0VmbZqgYThOf5Y2WWBGii6llZSVwZztcm4go0cmqNzv8qFDA0wzx1WQM51bmEnMWprxwCNNUNPp/vUI2Nuwu9veoQaOvutLkp5DK0uXl8jx45Tp+bn7kiZrTjJCIH6XOTRfNF5fVBEpGD9BFyHwcIv0Ce7+c8fYIk8nw/BChXhc/ZsigEyMD0CaMgQemcw9onoiYKCmuC6ROdRP+AOLkjkp8IQIjA0x2RXBWN+162B3JQJOyRhvObQcgRBoQZFCeDMH2ik4hwdcUob7F1XYL1YXTFiF3sXBdDheggOIVFT2SYQecyCAkQCIFoxl+AmNDTaXkMYwAAAABJRU5ErkJggg==");
}

[data-mockup="true"] .voters section li .info .p-name {
  font-size: 0px !important;
}

[data-mockup="true"] .voters section li .info .p-name::before {
  content: 'Nome do Deputado';
  font-size: 1.4rem !important;
}

.legend {
  margin: 4.8rem 0 0;
  padding: 0 1.6rem;
}

.legend .voter-badge {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.legend::before {
  content: '';
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 1px;
  background: #dee4e7;
  margin: 1.6rem 0;
}

.legend ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.legend li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.legend li[data-position="1"] .voter-color {
  background: #47b7e8;
}

.legend li[data-position="1"] .definition p {
  color: #47b7e8;
}

.legend li[data-position="2"] .voter-color {
  background: #ee6971;
}

.legend li[data-position="2"] .definition p {
  color: #ee6971;
}

.legend li[data-position="5"] .voter-color {
  background: #546e7a;
}

.legend li[data-position="5"] .definition p {
  color: #546e7a;
}

.legend li[data-position="10"] .voter-color {
  background: #7d2d32;
}

.legend li[data-position="10"] .definition p {
  color: #7d2d32;
}

.legend[data-content="colors"] li {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.legend[data-content="colors"] .definition {
  margin-top: .33rem;
}

.legend li + li {
  margin-top: 1.6rem;
}

.symbol {
  width: 1.8rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.legend .definition strong {
  font-weight: bold;
}

.legend p {
  margin: 0;
  line-height: 1.33;
  color: #78909c;
  padding: 0 1.6rem;
}

.legend-title {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .05em;
  color: #90a4ae;
  margin-bottom: 1.6rem;
  text-align: center;
}

.voter-badges {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: -.8rem;
  left: 0;
  z-index: 1;
  padding: 0 .6rem;
}

.voter-badge {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: #37474f;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.2rem;
  -webkit-box-shadow: 0 0 0 2px #dee4e7;
          box-shadow: 0 0 0 2px #dee4e7;
  cursor: default;
}

.voter-badge + .voter-badge {
  margin-left: .4rem;
}

.voter-badge[data-reservation] {
  background: #ee6971;
}

.tooltip-container .tooltip {
  position: absolute;
  bottom: 2.4rem;
  left: .9rem;
  background: #ffffff;
  -webkit-box-shadow: 0 0 1.6rem 0 rgba(120, 144, 156, 0.5);
          box-shadow: 0 0 1.6rem 0 rgba(120, 144, 156, 0.5);
  color: #546e7a;
  text-transform: initial;
  border-radius: .8rem .8rem .8rem 0;
  padding: 1.2rem 1.6rem;
  min-width: 20.6rem;
  z-index: 1;
  line-height: 1.333;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s, bottom .3s;
  transition: opacity .3s, bottom .3s;
}

.tooltip-container .tooltip p {
  margin: 0;
}

.tooltip-container .tooltip strong {
  font-weight: bold;
}

.tooltip-container .tooltip::after {
  content: '';
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: -.6rem;
  left: 0;
  width: 0;
  height: 0;
  border-top: 0.6rem solid #ffffff;
  border-right: .6rem solid transparent;
  border-bottom: .6rem solid transparent;
  border-left: 0.6rem solid #ffffff;
}

.tooltip-container:hover {
  z-index: 999;
}

.tooltip-container:hover .tooltip {
  bottom: 3.2rem;
  opacity: 1;
  pointer-events: initial;
}

.voters.list section:not(.collapsed) ol {
  overflow: visible;
}

.tooltip-container.voter-color,
.voting.result .graphic .tooltip-container {
  white-space: nowrap;
}

.tooltip-container.voter-color .tooltip,
.voting.result .graphic .tooltip-container .tooltip {
  min-width: initial;
}

.tooltip.tooltip-center {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: .8rem .8rem .8rem .8rem;
}

.tooltip.tooltip-center::after {
  bottom: -1.4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top: 0.8rem solid #ffffff;
  border-right: .8rem solid transparent;
  border-bottom: .8rem solid transparent;
  border-left: .8rem solid transparent;
}

.tooltip.tooltip-right {
  left: initial;
  right: .9rem;
  border-radius: .8rem .8rem 0 .8rem;
}

.tooltip.tooltip-right::after {
  left: initial;
  right: 0;
  border-top: 0.6rem solid #ffffff;
  border-right: 0.6rem solid #ffffff;
  border-bottom: .6rem solid transparent;
  border-left: .6rem solid transparent;
}



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