#snarl-wrapper{position:fixed;top:20px;right:20px;bottom:auto;left:auto;width:380px;z-index:1031;pointer-events:none}.snarl-notification{box-sizing:border-box;display:block;width:100%;margin:0 0 10px;padding:15px;padding-left:80px;position:relative;overflow:hidden;cursor:pointer;pointer-events:all;background:#FFF;box-shadow:0 2px 2px rgba(0,0,0,0.25),0 0 15px rgba(0,0,0,0.05) inset;opacity:0;left:400px;border:1px solid #f2f2f2;transition:opacity .21s ease,left .35s ease-in,margin .35s ease}.snarl-notification.snarl-in{opacity:1;left:0;transition:opacity .28s ease-out .07s,left .35s ease-out}.snarl-notification.no-hover:not(.not-dismissable){padding-right:20px}.snarl-notification.no-hover:not(.not-dismissable) .snarl-close{opacity:1;box-shadow:none}.snarl-notification.not-dismissable{padding-right:15px}.snarl-notification.not-dismissable .snarl-close{display:none}.snarl-notification .snarl-close{position:absolute;top:0;right:4px;bottom:0;width:16px;height:28px;z-index:1031;text-align:center;opacity:0;transition:opacity .25s ease-out;cursor:pointer}.snarl-notification .snarl-close svg{position:relative;width:18px;height:18px;margin:-9px;top:0;fill:#ccc;pointer-events:none;transition:fill .25s ease}.snarl-notification .snarl-close:hover svg{fill:#aaa}.snarl-notification:hover .snarl-close{opacity:1}.snarl-notification .snarl-title{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;font-size:1em;margin-left:5px}.snarl-notification .snarl-text{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;line-height:1.25em;margin-top:5px;margin-left:5px}.snarl-notification .snarl-title:visible+.snarl-text:visible{margin-top:.3em}.snarl-notification.snarl-no-title .snarl-title{display:none}.snarl-notification.snarl-no-text .snarl-text{display:none}.snarl-notification .snarl-icon{position:absolute;width:75px;top:0;bottom:0;left:0;margin-left:5px}.snarl-notification .snarl-icon *{max-height:75px;width:75px;position:relative;top:50%;margin-top:-37px}.snarl-notification.snarl-no-icon{padding-left:15px}.snarl-notification.snarl-no-icon .snarl-icon{display:none}.snarl-notification.waves-effect{display:block}.snarl-notification.waves-effect .waves-ripple{z-index:1031;background:-webkit-radial-gradient(rgba(0,0,0,0.05) 0,rgba(0,0,0,0.075) 40%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.1) 60%,rgba(255,255,255,0) 70%);background:-moz-radial-gradient(rgba(0,0,0,0.05) 0,rgba(0,0,0,0.075) 40%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.1) 60%,rgba(255,255,255,0) 70%);background:-o-radial-gradient(rgba(0,0,0,0.05) 0,rgba(0,0,0,0.075) 40%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.1) 60%,rgba(255,255,255,0) 70%);background:radial-gradient(rgba(0,0,0,0.05) 0,rgba(0,0,0,0.075) 40%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.1) 60%,rgba(255,255,255,0) 70%)}@media screen and (max-width:480px){#snarl-wrapper{top:0;bottom:0;left:0;right:0;width:auto}#snarl-wrapper .snarl-notification{margin:0;padding-top:10px;padding-right:90px;padding-bottom:10px 80px;border-radius:0;box-shadow:none;border-top:1px solid #ccc}#snarl-wrapper .snarl-notification .snarl-close{box-shadow:none;opacity:1}#snarl-wrapper .snarl-notification h3{font-size:1.2em}}