#snackbar-container{position:fixed;bottom:0;z-index:99999;left:calc(50% + var(--var-aside-width, 0)/2);transform:translateX(-50%)}.snackbar{margin-bottom:5px;overflow:hidden;clear:both;border-radius:5px;max-width:568px;cursor:pointer;opacity:0;background-color:#323232;color:#fff;font-size:14px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);height:0;-moz-transition:-moz-transform .2s ease-in-out,opacity .2s ease-in,height 0s linear .2s,padding 0s linear .2s,height 0s linear .2s;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in,height 0s linear .2s,padding 0s linear .2s,height 0s linear .2s;transition:transform .2s ease-in-out,opacity .2s ease-in,height 0s linear .2s,padding 0s linear .2s,height 0s linear .2s;-moz-transform:translateY(200%);-webkit-transform:translateY(200%);transform:translateY(200%)}.snackbar.active{opacity:1;padding:14px 32px;height:auto;-moz-transition:-moz-transform .2s ease-in-out,opacity .2s ease-in,height 0s linear .2s;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in,height 0s linear .2s;transition:transform .2s ease-in-out,opacity .2s ease-in,height 0s linear .2s,height 0s linear .2s;-moz-transform:none;-webkit-transform:none;transform:none}.snackbar.active.error{background:#c10000}.snackbar.active.success{background:#707EF5}.snackbar.active.warning{background:#e7a600}@media (max-width:767px){#snackbar-container{right:0;width:100%}#snackbar-container .snackbar{min-width:100%}#snackbar-container [class="snackbar active"]{border-radius:0;margin-bottom:0}.snackbar.active>a{margin-right:40px}}.snackbar.active>a{text-decoration:none;line-height:100%;font-weight:700;margin-left:24px;float:right;color:#4caf50}