:root{--success-color:#171717;--error-color:#171717;--warn-color:#171717;--info-color:white;--lock-color:#171717;--unlock-color:white;--enable-color:white;--disable-color:white;--success-color-bg:#8dcfa5;--error-color-bg:#d69191;--warn-color-bg:#dac273;--info-color-bg:#4983e2;--lock-color-bg:#a1a1aa;--unlock-color-bg:#325a9b;--enable-color-bg:#325a9b;--disable-color-bg:#3c3c6b}.snackbar-success{color:var(--success-color);background-color:var(--success-color-bg)}.snackbar-error{color:var(--error-color);background-color:var(--error-color-bg)}.snackbar-warn{color:var(--warn-color);background-color:var(--warn-color-bg)}.snackbar-info{color:var(--info-color);background-color:var(--info-color-bg)}.snackbar-lock{color:var(--lock-color);background-color:var(--lock-color-bg)}.snackbar-unlock{color:var(--unlock-color);background-color:var(--unlock-color-bg)}.snackbar-enable{color:var(--enable-color);background-color:var(--enable-color-bg)}.snackbar-disable{color:var(--disable-color);background-color:var(--disable-color-bg)}.snackbar svg{width:40px;height:40px;margin:15px}.snackbar img{width:80px;height:80px;margin:10px}