.notification{opacity:0;position:fixed;z-index:100;background-color:rgba(255,255,255,.9);border:1px solid #bbb;box-shadow:-5px 5px 10px rgba(170,170,170,.25);width:calc(100% - 30px)}.notification-top-left{top:1em;left:1em}.notification-top-right{top:1em;right:1em}.notification-bottom-left{bottom:1em;left:1em}.notification-bottom-right{bottom:1em;right:1em}.notification-content{position:relative;padding:15px 30px 15px 15px}.notification-title{margin:0 0 5px;font-size:100%;font-weight:700}@media (min-width:768px)and (max-width:1023px){.notification{width:250px}.notification-title{font-size:105%}}@media (min-width:1024px){.notification{width:300px}.notification-title{font-size:110%}}.notification-message{font-size:80%}@media (min-width:768px)and (max-width:1023px){.notification-message{font-size:90%}}@media (min-width:1024px){.notification-message{font-size:100%}}.notification-close{position:absolute;top:0;right:0;text-decoration:none;font-size:130%;background-color:transparent;border:0;padding:10px;line-height:1;color:#888}.notification-close:focus{outline:dotted 1px}.notification-close:hover{color:#333;font-weight:700}@media (min-width:768px)and (max-width:1023px){.notification-close{font-size:110%;padding:8px;top:2px;right:2px}}@media (min-width:1024px){.notification-close{font-size:90%;padding:5px;top:5px;right:5px}}