.msg{
  position:relative;
  transition:0.3s;
  padding: 10px 15px;
  margin-bottom:10px;
  border: 1px solid transparent;
  border-radius:03px;
  min-height: 10px;
  line-height:1.5;
  opacity: 0.8;
  background-color:#f7f7f7;
  color: #333;
  overflow: hidden;
}
[data-pwa] .msg{
  padding: 5px 10px;
}
.msg.glass{opacity: 0.5;}
[dir="rtl"] .msg{
  line-height: 2;
}
.msg:empty{
  display:none
}
.msg p:last-child{
  margin-bottom: 0;
}
.msg.minimal{
  padding: 5px 10px;
}
[data-pwa] .msg.minimal{
  padding: 5px 5px;
}
.msg.h36{
  padding: 5px 15px;
  line-height: 26px;
  margin-bottom: 5px;
}
.msg.special{
  opacity: 1;
  border-radius:10px;
  box-shadow: 0 0px 30px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0px 30px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0px 30px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0px 30px 0px rgba(0, 0, 0, 0.15);
}

.msg .title{
  font-size:120%;
  font-weight: bold;
}

.msg ul{
  margin-top: 5px;
}


.msg > a{
  font-weight: bold;
}

.msg h2{margin-bottom:0}
.msg h3{margin-bottom:0}
.msg h4{margin-bottom:0}

.msg:hover{
  border-color: rgba(0,0,0,0.1);
}
.msg:focus{
  border-color: rgba(0,0,0,0.2);
  opacity: 0.85;
}
.msg:active, .msg.active{
  border-color: rgba(0,0,0,0.2);
  opacity: 0.9;
}

.msg.url{direction:ltr;font-family:monospace, sans-serif;}
.msg.url span{user-select: text;}