#modal-news {
  contain: content;
  z-index: 99999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 0;
  line-height: 1.25;
  -webkit-overflow-scrolling: touch;
  background: rgba(155, 155, 155, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-news-container {
  box-shadow: 0 10px 24px 0 rgba(54, 61, 77, 0.15);
  margin: auto;
  background-clip: padding-box;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(15, 15, 15, 1);
  margin: 0;
  padding: 1rem;
  border: 0;
  padding: 2.5rem;
}

.modal-close-button {
  top: 0;
  right: 0;
  position: absolute;
  margin: 10px;
  border: none;
  background: none;
  padding: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M257 0C116.39 0 0 114.39 0 255s116.39 257 257 257 255-116.39 255-257S397.61 0 257 0zm126.22 338.79c11.7 11.7 11.7 30.73 0 42.44-11.61 11.6-30.64 11.79-42.44 0L257 297.42l-85.79 83.82c-11.7 11.7-30.73 11.7-42.44 0-11.7-11.7-11.7-30.73 0-42.44l83.8-83.8-83.8-83.8c-11.7-11.71-11.7-30.74 0-42.44 11.71-11.7 30.74-11.7 42.44 0L257 212.58l83.78-83.82c11.68-11.68 30.71-11.72 42.44 0 11.7 11.7 11.7 30.73 0 42.44l-83.8 83.8 83.8 83.79z"/></svg>');
  opacity: 0.2;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  transform-origin: center center;
  transition: transform 300ms, opacity 200ms;
  display: block;
}

.modal-news-container-scale {
  transform: scale(1);
  transition: transform 1s;
}

.modal-news-container-shrink {
  transform: scale(0.2);
  transition: transform 1s;
}

.processing {
  color: grey;
  font-style: italic;
}