/*********************
GRID
*********************/
/*********************
BREAKPOINTS
*********************/
@keyframes fadein {
  0% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@keyframes reveal {
  0% {
    opacity: 0.0;
    transform: translateY(50%); }
  100% {
    opacity: 1.0;
    transform: translateY(0%); } }

@keyframes revealLeft {
  from {
    opacity: 0.0;
    transform: translateX(-100%) scale(0.6); }
  to {
    opacity: 1.0;
    transform: translateX(0) scale(1); } }

@keyframes revealRight {
  from {
    opacity: 0.0;
    transform: translateX(100%) scale(0.6); }
  to {
    opacity: 1.0;
    transform: translateX(0) scale(1); } }

@keyframes fadeinOverlay {
  0% {
    opacity: 0.0;
    display: none; }
  1% {
    display: block; }
  100% {
    opacity: 1.0; } }

@keyframes fadeoutOverlay {
  0% {
    opacity: 1.0;
    display: block; }
  1% {
    display: block; }
  100% {
    opacity: 0;
    display: none; } }

@keyframes fadeinstay {
  0% {
    opacity: 0.0; }
  1% {
    opacity: 1.0; }
  100% {
    opacity: 1.0; } }

@keyframes fadeinout {
  0% {
    opacity: 0.0; }
  1% {
    opacity: 1.0; }
  100% {
    opacity: 0.35; } }

@keyframes swarm {
  0% {
    opacity: 0.0; }
  10% {
    opacity: 1.0; }
  100% {
    opacity: 0.0; } }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }

@keyframes loading {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes scrollBounce {
  0% {
    transform: translate(-50%, 0px) rotate(45deg); }
  50% {
    transform: translate(-50%, -10px) rotate(45deg); }
  100% {
    transform: translate(-50%, 0px) rotate(45deg); } }

.cnnix-ldn-messages-wrapper {
  width: 100%;
  overflow-x: hidden; }

.cnnix-ldn-messages {
  padding: 30px 0 90px 0;
  text-align: center; }

.cnnix-ldn-messages__list {
  margin: 0 auto;
  padding: 0 0 50px 0;
  list-style: none;
  width: 100%; }

.cnnix-ldn-messages__list-item {
  position: relative;
  opacity: 0.0;
  background-color: #fff;
  font-size: 15px;
  line-height: 20px;
  font-family: "CNN", "Helvetica Neue", Verdana, Helvetica, Arial, Utkal, sans-serif;
  color: #000;
  text-align: left;
  padding: 10px 0;
  border-radius: 5px;
  transition: opacity 1s ease-out;
  width: 76%;
  margin: 30px 0 10px 0px; }
  @media (min-width: 46em) {
    .cnnix-ldn-messages__list-item {
      font-size: 20px;
      line-height: 26px; } }
  .cnnix-ldn-messages__list-item:last-child {
    margin-bottom: 0;
    padding-bottom: 20px; }
  .cnnix-ldn-messages__list-item.reveal {
    animation: revealLeft cubic-bezier(0.025, 1.28, 0.77, 0.99) 0.3s forwards; }
  .cnnix-ldn-messages__list-item span {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px; }

.cnnix-ldn-messages__list-item--person {
  padding-bottom: 20px;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.21); }
  @media (min-width: 46em) {
    .cnnix-ldn-messages__list-item--person {
      width: 50%; } }
  .cnnix-ldn-messages__list-item--person:before {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    z-index: 0;
    border-width: 40px;
    border-top-width: 40px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #fff; }
  .cnnix-ldn-messages__list-item--person:after {
    content: '';
    width: 22px;
    height: 15px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMy41NCAxMy41NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNhZmFmYWY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5jaGF0LWNoZWNrLWdyZXk8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjQuNDcgMTMuNTcgMCA5LjEgMS4zNyA3LjczIDQuMjQgMTAuNTkgMTEuOTcgMCAxMy41NCAxLjE1IDQuNDcgMTMuNTciLz48L2c+PC9nPjwvc3ZnPg==); }
  .cnnix-ldn-messages__list-item--person img.embedded {
    width: 100%;
    width: calc(100% - 6px);
    margin-left: 0;
    margin-left: calc(3px);
    margin-top: 3px;
    margin-bottom: 3px; }

.cnnix-ldn-messages__list-item--bottom-padding {
  padding-bottom: 30px; }

.cnnix-ldn-messages__list-item--person.read:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS43IDEzLjU3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzE3OWVkOTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmNoYXQtY2hlY2s8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjQuNDcgMTMuNTcgMCA5LjEgMS4zNyA3LjczIDQuMjQgMTAuNTkgMTEuOTcgMCAxMy41NCAxLjE1IDQuNDcgMTMuNTciLz48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMTAuNjIgMTMuNTcgNy40OSAxMC41NCA4LjczIDkuMDMgMTAuMzkgMTAuNTkgMTguMTMgMCAxOS43IDEuMTUgMTAuNjIgMTMuNTciLz48L2c+PC9nPjwvc3ZnPg==); }

.cnnix-ldn-messages__list-item--media {
  padding: 0px;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.21); }
  @media (min-width: 46em) {
    .cnnix-ldn-messages__list-item--media {
      width: 50%; } }

.cnnix-ldn-messages__list-item--date {
  background-color: transparent;
  border: 1px solid #fff;
  text-align: center;
  width: 164px;
  margin-left: 50%;
  transform: translateX(-50%); }
  .cnnix-ldn-messages__list-item--date.reveal {
    animation: fadein cubic-bezier(0.025, 1.28, 0.77, 0.99) 0.6s forwards; }

.cnnix-ldn-messages__list-item--date--dark {
  border: 1px solid #262626; }

.cnnix-ldn-messages__list-item--annotation {
  background-color: #e4e4e4;
  border-radius: 0;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  padding: 15px 0;
  color: #fff; }
  @media (min-width: 46em) {
    .cnnix-ldn-messages__list-item--annotation {
      font-size: 16px;
      line-height: 21px;
      width: 100vw;
      margin-left: calc(-100vw / 2 + 100% / 2); } }
  .cnnix-ldn-messages__list-item--annotation.reveal {
    animation: fadein cubic-bezier(0.025, 1.28, 0.77, 0.99) 0.6s forwards; }
  .cnnix-ldn-messages__list-item--annotation span {
    display: inline-block;
    max-width: 800px; }

.cnnix-ldn-messages__list-item--annotation--last {
  margin-top: 90px; }

.cnnix-ldn-messages__list-item--personB {
  background-color: #e4e4e4;
  margin-left: 30px; }
  @media (min-width: 46em) {
    .cnnix-ldn-messages__list-item--personB {
      margin-left: 8.33%; } }
  .cnnix-ldn-messages__list-item--personB:before {
    left: -20px;
    border-top-color: #e4e4e4; }

.cnnix-ldn-messages__list-item--personA {
  background-color: #DCFEC1;
  margin-left: 20%;
  margin-left: calc(24% - 30px); }
  @media (min-width: 46em) {
    .cnnix-ldn-messages__list-item--personA {
      margin-left: 41.65%; } }
  .cnnix-ldn-messages__list-item--personA:before {
    right: -20px;
    border-top-color: #DCFEC1; }
  .cnnix-ldn-messages__list-item--personA.reveal {
    animation: revealRight cubic-bezier(0.025, 1.28, 0.77, 0.99) 0.3s forwards; }

.cnnix-ldn-messages__list-item--first {
  margin-top: 80px; }

.cnnix-ldn-messages__list-item span.cnnix-ldn-messages__name {
  position: absolute;
  display: block;
  width: 190px;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 5px;
  color: #fff;
  padding: 10px 0;
  transform: translateY(-130%);
  font-weight: 700; }

.cnnix-ldn-messages__list-item--personB span.cnnix-ldn-messages__name {
  border: 2px solid #0c0c0c;
  color: #0c0c0c; }

.cnnix-ldn-messages__list-item-role {
  text-transform: uppercase;
  font-family: "CNN Condensed", "Helvetica Neue", Verdana, Helvetica, Arial, Utkal, sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #fb1b17; }

.cnnix-ldn-messages__list-item-comment {
  font-family: "CNN Condensed", "Helvetica Neue", Verdana, Helvetica, Arial, Utkal, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 14px; }

.cnnix-ldn-messages__list-item-msg {
  font-family: "CNN", "Helvetica Neue", Verdana, Helvetica, Arial, Utkal, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #000; }
  @media (min-width: 46em) {
    .cnnix-ldn-messages__list-item-msg {
      font-size: 20px;
      line-height: 26px; } }

.cnnix-ldn-messages__list-item-date {
  font-family: "CNN Condensed", "Helvetica Neue", Verdana, Helvetica, Arial, Utkal, sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #fff; }

.cnnix-ldn-messages__list-item-date--dark {
  color: #262626; }

span.cnnix-ldn-messages__list-item-timestamp {
  font-family: "CNN Condensed", "Helvetica Neue", Verdana, Helvetica, Arial, Utkal, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #262626;
  position: absolute;
  bottom: 2px;
  right: 30px;
  width: auto; }

.cnnix-ldn-messages__media {
  width: 100%;
  padding: 3px 3px 0 3px;
  position: relative; }
  .cnnix-ldn-messages__media img {
    width: 100%;
    border-radius: 4px;
    margin: 0;
    padding: 0; }
  .cnnix-ldn-messages__media:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg width='48' height='48' xmlns='http://www.w3.org/2000/svg'><g fill='none' fill-rule='evenodd'><circle fill='#D8D8D8' style='mix-blend-mode:multiply' cx='24' cy='24' r='24'/><path d='M26.997 12.68l11.04 8.804-11.04 8.805v-4.578c-.587-.029-10.825-.364-17.94 5.987 2.847-8.955 11.79-12.85 17.94-14.44v-4.579z' fill='#FFF' fill-rule='nonzero'/></g></svg>"); }
    @media (min-width: 46em) {
      .cnnix-ldn-messages__media:after {
        width: 48px;
        height: 48px; } }
    .cnnix-ldn-messages__list-item--personA .cnnix-ldn-messages__media:after {
      left: -42px;
      background-image: url("data:image/svg+xml;utf8,<svg width='48' height='48' xmlns='http://www.w3.org/2000/svg'><g transform='matrix(-1 0 0 1 48 0)' fill='none' fill-rule='evenodd'><circle fill='#D8D8D8' style='mix-blend-mode:multiply' cx='24' cy='24' r='24'/><path d='M26.997 12.68l11.04 8.804-11.04 8.805v-4.578c-.587-.029-10.825-.364-17.94 5.987 2.847-8.955 11.79-12.85 17.94-14.44v-4.579z' fill='#FFF' fill-rule='nonzero'/></g></svg>"); }
      @media (min-width: 46em) {
        .cnnix-ldn-messages__list-item--personA .cnnix-ldn-messages__media:after {
          left: -58px; } }
    .cnnix-ldn-messages__list-item--personB .cnnix-ldn-messages__media:after {
      right: -42px; }
      @media (min-width: 46em) {
        .cnnix-ldn-messages__list-item--personB .cnnix-ldn-messages__media:after {
          right: -58px; } }