.snackbar,.toast{box-shadow:var(--elevation-3);z-index:4;color:#fff;box-sizing:border-box;pointer-events:none;background-color:rgb(var(--movim-gray));width:48rem;height:auto;min-height:6rem;transition:opacity .2s,transform .4s,box-shadow .3s cubic-bezier(.4,0,.2,1);position:fixed;transform:translateY(0)}.snackbar ul.active{pointer-events:auto}.toast{white-space:nowrap;text-overflow:ellipsis;max-height:10rem;padding:2rem 3rem;overflow:hidden}.snackbar{opacity:1;border-radius:2rem;top:1rem;right:1rem}.snackbar:hover{box-shadow:var(--elevation-4)}.toast{border-radius:1rem;line-height:2.5rem;bottom:3rem;left:calc(50% - 24rem)}.snackbar:empty{opacity:0;transform:translateY(-100%)}.toast:empty{opacity:0;transform:translateY(100%)}.snackbar#status_websocket{max-height:initial}.snackbar#status_websocket:not(.hide)~nav,.snackbar#status_websocket:not(.hide)~main{opacity:.05;pointer-events:none}.snackbar#status_websocket:not(.hide)~div.dialog,.snackbar#status_websocket:not(.hide)~div.drawer{opacity:0}.snackbar#status_websocket:not(.connect) span.primary:first-child,.snackbar#status_websocket.connect span.primary:nth-child(2),.snackbar#status_websocket:not(.connect) p:nth-child(3),.snackbar#status_websocket.connect p:nth-child(4){display:none}@media screen and (width<=1024px){.toast{bottom:7.5rem}}@media screen and (width<=576px){.snackbar,.toast{width:calc(100% - 2rem);left:1rem}}