.topic-detail-page .left .synthesis-list .item-list .item .info .info-item, .topic-detail-page .left .participation-list .item-list .item .info .info-item {
  display: flex;
  align-items: baseline;
}
.topic-detail-page .left .synthesis-list .item-list .item .info .info-item .icon, .topic-detail-page .left .participation-list .item-list .item .info .info-item .icon {
  display: flex;
  align-items: center;
  padding: 0.26rem;
}
.topic-detail-page .left .synthesis-list .item-list .item .info .info-item .icon img, .topic-detail-page .left .participation-list .item-list .item .info .info-item .icon img {
  height: 1em;
}
.topic-detail-page .left .synthesis-list .item-list .item .info .info-item .value, .topic-detail-page .left .participation-list .item-list .item .info .info-item .value,
.topic-detail-page .left .synthesis-list .item-list .item .info .info-item .label,
.topic-detail-page .left .participation-list .item-list .item .info .info-item .label {
  padding: 0.26rem;
}

.topic-detail-page .left .header .page-info .category, .topic-detail-page .left .synthesis-list .item-list .item .category, .topic-detail-page .left .participation-list .item-list .item .category {
  font-size: 0.88rem;
  padding: 0.16rem;
  text-transform: uppercase;
  color: #1e88e5;
  font-weight: 700;
}

.topic-detail-page .left .synthesis-list .item-list .item .user-detail, .topic-detail-page .left .participation-list .item-list .item .user-detail {
  display: flex;
  align-items: center;
  padding: 0.55rem 0;
}
.topic-detail-page .left .synthesis-list .item-list .item .user-detail .display-picture, .topic-detail-page .left .participation-list .item-list .item .user-detail .display-picture {
  padding: 0.26rem;
}
.topic-detail-page .left .synthesis-list .item-list .item .user-detail .display-picture img, .topic-detail-page .left .participation-list .item-list .item .user-detail .display-picture img {
  height: 4em;
  width: 4em;
  border-radius: 50%;
  object-fit: contain;
  object-position: center center;
}
.topic-detail-page .left .synthesis-list .item-list .item .user-detail .user-info .user-title, .topic-detail-page .left .participation-list .item-list .item .user-detail .user-info .user-title {
  padding: 0.16rem 0.26rem;
  font-weight: 700;
}
.topic-detail-page .left .synthesis-list .item-list .item .user-detail .user-info .user-description, .topic-detail-page .left .participation-list .item-list .item .user-detail .user-info .user-description {
  padding: 0.16rem 0.26rem;
}

.topic-detail-page .left .synthesis-list .item-list .item, .topic-detail-page .left .participation-list .item-list .item {
  display: block;
  background: #f6f6f6;
  margin: 0.55rem;
  padding: 1rem;
  color: rgba(0, 0, 0, 0.7);
}
.topic-detail-page .left .synthesis-list .item-list .item:hover, .topic-detail-page .left .participation-list .item-list .item:hover {
  text-decoration: none;
}
.topic-detail-page .left .synthesis-list .item-list .item .container, .topic-detail-page .left .participation-list .item-list .item .container {
  display: flex;
}
.topic-detail-page .left .synthesis-list .item-list .item .container .details, .topic-detail-page .left .participation-list .item-list .item .container .details {
  flex-grow: 1;
}
.topic-detail-page .left .synthesis-list .item-list .item .container .featured-image, .topic-detail-page .left .participation-list .item-list .item .container .featured-image {
  width: 160px;
  height: 120px;
  align-self: flex-start;
  flex-shrink: 0;
}
.topic-detail-page .left .synthesis-list .item-list .item .container .featured-image img, .topic-detail-page .left .participation-list .item-list .item .container .featured-image img {
  width: 100%;
  height: 100%;
  object-position: center center;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .topic-detail-page .left .synthesis-list .item-list .item .container, .topic-detail-page .left .participation-list .item-list .item .container {
    flex-wrap: wrap;
  }
  .topic-detail-page .left .synthesis-list .item-list .item .container .featured-image, .topic-detail-page .left .participation-list .item-list .item .container .featured-image {
    width: 100%;
    height: 10em;
    order: 1;
  }
  .topic-detail-page .left .synthesis-list .item-list .item .container .details, .topic-detail-page .left .participation-list .item-list .item .container .details {
    order: 2;
  }
}
.topic-detail-page .left .synthesis-list .item-list .item .title, .topic-detail-page .left .participation-list .item-list .item .title {
  padding: 0.16rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.9);
}
.topic-detail-page .left .synthesis-list .item-list .item .description, .topic-detail-page .left .participation-list .item-list .item .description {
  padding: 0.16rem;
  color: rgba(0, 0, 0, 0.7);
}
.topic-detail-page .left .synthesis-list .item-list .item .info, .topic-detail-page .left .participation-list .item-list .item .info {
  display: flex;
  align-items: center;
  margin-top: 0.55rem;
}
.topic-detail-page .left .synthesis-list .item-list .item .info .info-item, .topic-detail-page .left .participation-list .item-list .item .info .info-item {
  flex-basis: 0;
  flex-grow: 1;
}
@media (max-width: 1024px) {
  .topic-detail-page .left .synthesis-list .item-list .item .info, .topic-detail-page .left .participation-list .item-list .item .info {
    flex-wrap: wrap;
  }
  .topic-detail-page .left .synthesis-list .item-list .item .info .info-item, .topic-detail-page .left .participation-list .item-list .item .info .info-item {
    flex-basis: 100%;
  }
}
.topic-detail-page .left .synthesis-list, .topic-detail-page .left .participation-list {
  padding: 1rem 0;
  display: block;
  width: 100%;
}
.topic-detail-page .left .synthesis-list .noun, .topic-detail-page .left .participation-list .noun {
  text-transform: capitalize;
}
.topic-detail-page .left .synthesis-list .heading, .topic-detail-page .left .participation-list .heading {
  padding: 0.55rem;
}
.topic-detail-page .left .synthesis-list .item-list, .topic-detail-page .left .participation-list .item-list {
  width: 100%;
}
.topic-detail-page .left .synthesis-list .item-list .item, .topic-detail-page .left .participation-list .item-list .item {
  width: calc(100% - 1.1rem);
}

.topic-detail-page .help-section .help .actions .goto-page-link, .topic-detail-page .right .guide .actions .goto-guide-page-link {
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
  padding: 0.55rem;
  font-size: 0.88rem;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.topic-detail-page .help-section .help .actions .goto-page-link:hover, .topic-detail-page .right .guide .actions .goto-guide-page-link:hover {
  text-decoration: none;
}

.topic-detail-page .right .guide {
  padding: 1rem;
  position: relative;
  background-color: #fdd835;
}
.topic-detail-page .right .guide .heading {
  position: relative;
  padding: 0.55rem;
  z-index: 10;
}
.topic-detail-page .right .guide .content {
  position: relative;
  padding: 0.55rem;
  z-index: 10;
}
.topic-detail-page .right .guide .actions {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  z-index: 10;
}
.topic-detail-page .right .guide .actions .goto-guide-page-link {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
}
.topic-detail-page .right .guide .featured-image {
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.topic-detail-page .help-section .help {
  display: flex;
  background-color: #8ab7ff;
}
.topic-detail-page .help-section .help .left {
  flex-grow: 1;
  padding: 1rem;
}
.topic-detail-page .help-section .help .left .heading {
  padding: 0.26rem;
}
.topic-detail-page .help-section .help .left .content {
  padding: 0.26rem;
}
.topic-detail-page .help-section .help .actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.26rem;
}
.topic-detail-page .help-section .help .actions .goto-page-link {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 1024px) {
  .topic-detail-page .help-section .help {
    flex-direction: column;
  }
}

.topic-detail-page .left .page-actions .go-back-link {
  display: flex;
  align-items: center;
}
.topic-detail-page .left .page-actions .go-back-link .icon {
  display: flex;
  align-items: center;
  padding: 0.26rem;
}
.topic-detail-page .left .page-actions .go-back-link .icon img {
  height: 1em;
}
.topic-detail-page .left .page-actions .go-back-link .label {
  padding: 0.26rem;
}

.topic-detail-page {
  display: flex;
  background-color: #ffffff;
  width: 100%;
  max-width: 1200px;
  padding-top: 2em;
  margin: 0 auto;
  overflow-x: auto;
}
@media (max-width: 1024px) {
  .topic-detail-page {
    padding-top: 0;
  }
}
.topic-detail-page .left {
  flex-grow: 1;
  padding: 0.55rem;
  overflow-x: auto;
}
.topic-detail-page .left .page-actions {
  display: flex;
  padding: 1rem 0;
  align-items: center;
  justify-content: space-between;
}
.topic-detail-page .left .header {
  display: flex;
  flex-wrap: wrap;
}
.topic-detail-page .left .header .page-info {
  flex-basis: 50%;
  flex-grow: 1;
  padding: 1rem 0.55rem;
}
.topic-detail-page .left .header .page-info .heading {
  padding: 0.26rem;
}
.topic-detail-page .left .header .page-info .description {
  padding: 0.26rem;
}
@media (max-width: 1024px) {
  .topic-detail-page .left .header .page-info .extra-info {
    flex-wrap: wrap;
  }
}
@media (max-width: 1024px) {
  .topic-detail-page .left .header .page-info .extra-info .sharing-details {
    flex-basis: 100%;
  }
}
.topic-detail-page .left .header .meta {
  display: flex;
  padding: 1rem 0.55rem;
}
@media (max-width: 1024px) {
  .topic-detail-page .left .header .meta {
    flex-basis: 100%;
  }
}
.topic-detail-page .left .header .meta .meta-item {
  padding: 0.26rem;
  background-color: #f6f6f6;
  margin: 0.26rem;
  flex-basis: 10rem;
}
.topic-detail-page .left .header .meta .meta-item .value {
  color: #1e88e5;
  font-size: 1.55rem;
  padding: 0.26rem;
  font-weight: 700;
}
.topic-detail-page .left .header .meta .meta-item .label {
  padding: 0.26rem;
}
.topic-detail-page .left .header .filters {
  flex-basis: 100%;
  display: flex;
}
.topic-detail-page .left .header .filters input[type=search] {
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0.55rem;
}
.topic-detail-page .left .header .filters button {
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0.55rem;
}
@media (max-width: 1024px) {
  .topic-detail-page .left .header .filters {
    flex-wrap: wrap;
  }
  .topic-detail-page .left .header .filters input[type=search] {
    flex-basis: calc(100% - 1.1rem);
  }
  .topic-detail-page .left .header .filters button {
    flex-basis: calc(50% - 1.1rem);
  }
}
.topic-detail-page .left .content {
  display: flex;
  flex-wrap: wrap;
}
.topic-detail-page .left .content > .pagination {
  display: flex;
  padding: 1rem;
  align-items: center;
}
.topic-detail-page .left .content > .pagination .label {
  font-size: 0.88rem;
  padding: 0.26rem;
}
.topic-detail-page .left .empty {
  padding: 1rem;
}
.topic-detail-page .right {
  flex-shrink: 0;
  width: 40%;
  max-width: 400px;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .topic-detail-page .right .guide {
    display: none;
  }
}
@media (max-width: 1024px) {
  .topic-detail-page {
    flex-wrap: wrap;
  }
}

.topic-detail-page .left .header .extra-info .sharing-details {
  display: flex;
  align-items: center;
}
.topic-detail-page .left .header .extra-info .sharing-details .label {
  padding: 0.26rem;
}
.topic-detail-page .left .header .extra-info .sharing-details .value {
  padding: 0.26rem;
}

.topic-detail-page .left .header .extra-info .sharing-details .value .share-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.55rem;
  background-color: #ffffff;
  margin: 0.26rem;
}
.topic-detail-page .left .header .extra-info .sharing-details .value .share-item img {
  height: 1em;
}

.topic-detail-page .left .debate-details .meta-item-list .meta {
  background-color: #f6f6f6;
  padding: 1rem;
  margin: 0.26rem;
}
.topic-detail-page .left .debate-details .meta-item-list .meta .value {
  color: #1e88e5;
  font-size: 1.55rem;
  font-weight: 700;
}

.topic-detail-page .left .debate-details .description, .topic-detail-page .left .synthesis-list .item-list .item .content, .topic-detail-page .left .participation-list .item-list .item .content {
  width: 100%;
  overflow-x: auto;
}
.topic-detail-page .left .debate-details .description p, .topic-detail-page .left .synthesis-list .item-list .item .content p, .topic-detail-page .left .participation-list .item-list .item .content p {
  padding: 0.55rem 0;
  overflow-x: auto;
}
.topic-detail-page .left .debate-details .description p iframe, .topic-detail-page .left .synthesis-list .item-list .item .content p iframe, .topic-detail-page .left .participation-list .item-list .item .content p iframe {
  overflow-x: auto;
}
.topic-detail-page .left .debate-details .description strong, .topic-detail-page .left .synthesis-list .item-list .item .content strong, .topic-detail-page .left .participation-list .item-list .item .content strong {
  font-weight: 700;
}

.responsive-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.topic-detail-page {
  max-width: 900px;
}
.topic-detail-page .left .page-actions .go-back-link {
  background-color: #f6f6f6;
  padding: 0.55rem;
}
@media (max-width: 1024px) {
  .topic-detail-page .left .page-actions {
    flex-wrap: wrap;
  }
  .topic-detail-page .left .page-actions .go-back-link {
    flex-basis: 100%;
  }
  .topic-detail-page .left .page-actions .subscribe-button-form {
    margin: 1rem 0;
  }
}
.topic-detail-page .left .header .page-info .category {
  padding: 0.26rem;
}
.topic-detail-page .left .header .extra-info {
  display: flex;
}
.topic-detail-page .left .header .extra-info .start-date {
  padding: 0.55rem 0.26rem;
  flex-grow: 1;
}
.topic-detail-page .left .header .extra-info .sharing-details .value {
  display: flex;
}
.topic-detail-page .left .debate-details {
  display: flex;
  align-items: flex-start;
  overflow-x: auto;
  width: 100%;
}
.topic-detail-page .left .debate-details .description {
  flex-grow: 1;
  padding: 0.81rem;
}
.topic-detail-page .left .debate-details .meta-item-list {
  display: flex;
}
.topic-detail-page .left .debate-details .meta-item-list .meta {
  min-width: 10em;
}
@media (max-width: 1024px) {
  .topic-detail-page .left .debate-details {
    flex-wrap: wrap;
  }
  .topic-detail-page .left .debate-details .description {
    flex-basis: 100%;
  }
  .topic-detail-page .left .debate-details .meta-item-list {
    flex-basis: 100%;
  }
}
.topic-detail-page .left .status-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.55rem;
  margin-top: 1rem;
}
.topic-detail-page .left .status-container .status {
  width: 100%;
  max-width: 400px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fdd835;
}
.topic-detail-page .left .status-container .status.positive {
  background-color: rgb(145.5378486056, 207.4621513944, 148.0398406375);
}
.topic-detail-page .left .status-container .status.warning {
  background-color: rgb(248.8350515464, 206.6288659794, 169.1649484536);
}
.topic-detail-page .left .status-container .status.negative {
  background-color: rgb(240.4255319149, 132.5744680851, 132.5744680851);
}
.topic-detail-page .left .vote-details {
  margin: 0.55rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.topic-detail-page .left .vote-details .vote-bar-list {
  width: 100%;
  max-width: 400px;
  padding: 1rem;
  background-color: #f6f6f6;
  margin: 0.55rem;
}
.topic-detail-page .left .vote-details .vote-bar-list .vote-bar {
  display: flex;
  width: 200px;
  align-items: center;
  margin: 0.55rem;
  position: relative;
}
.topic-detail-page .left .vote-details .vote-bar-list .vote-bar .bar {
  display: flex;
  justify-content: flex-end;
}
.topic-detail-page .left .vote-details .vote-bar-list .vote-bar .bar .text {
  transform: translateX(100%);
  white-space: nowrap;
  font-size: 0.88rem;
  overflow: visible;
  padding: 0 0.55rem;
}
.topic-detail-page .left .vote-details .vote-bar-list .vote-bar.vote-for .bar {
  background-color: #4caf50;
}
.topic-detail-page .left .vote-details .vote-bar-list .vote-bar.vote-against .bar {
  background-color: #eb5757;
}
.topic-detail-page .left .vote-details .vote-bar-list .vote-bar.vote-neutral .bar {
  background-color: #1e88e5;
}
.topic-detail-page .left .deputy-participate-in-vote {
  margin: 0.55rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.topic-detail-page .left .deputy-participate-in-vote table {
  width: 100%;
  max-width: 400px;
  padding: 1rem;
  background-color: #f6f6f6;
}
.topic-detail-page .left .deputy-participate-in-vote table tr.border-bottom {
  overflow: hidden;
  height: 40px;
}
.topic-detail-page .left .deputy-participate-in-vote table td {
  padding: 0.55rem;
  border-bottom: 1px solid #bbb;
}
.topic-detail-page .left .deputy-participate-in-vote .vote-for {
  background-color: #4caf50;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
}
.topic-detail-page .left .deputy-participate-in-vote .vote-against {
  background-color: #eb5757;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
}
.topic-detail-page .left .deputy-participate-in-vote .vote-neutral {
  background-color: #1e88e5;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
}
.topic-detail-page .left .synthesis-list .item-list {
  display: flex;
  flex-wrap: wrap;
}
.topic-detail-page .left .synthesis-list .item-list .item {
  color: rgba(0, 0, 0, 0.7);
  flex-basis: calc(50% - 1.1rem);
}
.topic-detail-page .help-section {
  margin-top: 3em;
}

/*# sourceMappingURL=topic-detail.css.map */