/* Dimensions */
/* Colors */
/* Fonts */
/* --- Responsive --- */
/* Touchscreen */
.newsbell__icon {
  position: absolute;
  right: 9vmin;
  top: -1rem;
  width: 11vmin;
  padding: 8vmin 1vmin 1vmin 1vmin;
  background-color: #ffff;
  box-shadow: 2px 2px 6px 1px #00000011;
  cursor: pointer;
  transition: right 0.3s ease, top 0.3s ease, box-shadow 0.3s ease;
  animation-name: hintbell;
  animation-duration: 1s;
  animation-delay: 1.5s;
  animation-iteration-count: 0;
}
@media screen and (min-width: 768px) {
  .newsbell__icon {
    left: calc(200px + 2 * 1rem);
    top: -1rem;
    width: 4rem;
    padding: 3rem 0.5rem 0.5rem 0.5rem;
  }
}
.newsbell__icon:hover {
  top: 0;
  box-shadow: 2px 2px 12px 4px #00000011;
}
.newsbell__icon.animation {
  animation-iteration-count: 2;
}
@keyframes hintbell {
  0% {
    top: -1rem;
    box-shadow: 2px 2px 6px 1px #00000011;
  }
  50% {
    top: 0;
    box-shadow: 2px 2px 12px 4px #00000011;
  }
  100% {
    top: -1rem;
    box-shadow: 2px 2px 6px 1px #00000011;
  }
}
.newsbell__iconimage {
  height: 100%;
}