#page-message{
  /* position:fixed;
  bottom:0;
  left:0;
  right:0; */
  position:relative;
  margin-top:2rem;
  background:var(--color-text);
  box-sizing:border-box;
  color:var(--color-background);
  overflow:hidden;
  width:100%;
  font-size: var(--font-size-small);
  line-height:1.5em;
  display:none;
}

#page-message-content{
  max-width:400px;
  margin:0 auto;
  padding:1rem;
}

#page-message-content strong{
  font-size:var(--font-size);
}

#page-message-close{
  width:2.5rem;
  height:2.5rem;
  position: absolute;
	right: 0;
	top: 0;
  cursor:pointer;
}

#page-message-close::before,
#page-message-close::after{
  content:'';
  width:50%;
  height:1px;
  background:var(--color-background);
  display:block;
  position:absolute;
  top:50%;
  right:0;
  left:0;
  margin:0 auto;
}
#page-message-close::before{
  transform: rotate(45deg);
}
#page-message-close::after{
  transform: rotate(-45deg);
}

.icon--add-to-homescreen{
  width:calc(1em + 1px);
  height:auto;
  margin-right:.5em;
  transform:translateY(3px);
}