:root{--snackbar-width:256px;--snackbar-color:hsla(0,0%,100%,.87);--snackbar-border-radius:4px;--snackbar-background:#333;--snackbar-font-size:var(--font-size-md);--snackbar-margin:6px 24px;--snackbar-border-color:currentColor;--snackbar-success-background:var(--color-success);--snackbar-info-background:var(--color-info);--snackbar-error-background:var(--color-danger);--snackbar-warning-background:var(--color-warning);--snackbar-content-padding:14px 16px;--snackbar-action-margin:0 8px;--snackbar-vertical-action-margin:0 8px 8px 0;--snackbar-icon-margin:0 8px}.var-transition-group{inset:0;pointer-events:none;position:fixed}.var-pointer-auto{pointer-events:auto}.var-snackbar{align-items:baseline;bottom:0;display:flex;justify-content:center;left:0;right:0;transition:all .15s var(--cubic-bezier)}.var-snackbar__transition{position:fixed;top:0}.var-snackbar__transition .var-snackbar__wrapper{position:absolute}.var-snackbar__transition .var-snackbar__wrapper-top{top:5%}.var-snackbar__transition .var-snackbar__wrapper-center{top:45%}.var-snackbar__transition .var-snackbar__wrapper-bottom{bottom:5%}.var-snackbar__wrapper{align-items:center;background:var(--snackbar-background);border-color:var(--snackbar-border-color);border-radius:var(--snackbar-border-radius);color:var(--snackbar-color);display:flex;font-size:var(--snackbar-font-size);margin:var(--snackbar-margin);pointer-events:auto;transition:.3s var(--cubic-bezier);width:var(--snackbar-width)}.var-snackbar__wrapper-success{background:var(--snackbar-success-background)}.var-snackbar__wrapper-info{background:var(--snackbar-info-background)}.var-snackbar__wrapper-warning{background:var(--snackbar-warning-background)}.var-snackbar__wrapper-error{background:var(--snackbar-error-background)}.var-snackbar__icon{margin:var(--snackbar-icon-margin)}.var-snackbar__content{flex-grow:1;padding:var(--snackbar-content-padding)}.var-snackbar__action{display:flex;margin:var(--snackbar-action-margin)}.var-snackbar__vertical{align-items:flex-start;flex-direction:column}.var-snackbar__vertical .var-snackbar__action{align-self:flex-end;margin:var(--snackbar-vertical-action-margin)}.var-snackbar-fade-enter-from,.var-snackbar-fade-leave-to{opacity:0;transform:translateY(-30px)}