:root{--snackbar-width:256px;--snackbar-color:#ffffffde;--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{pointer-events:none;position:fixed;inset:0}.var-pointer-auto{pointer-events:auto}.var-snackbar{transition:all .15s var(--cubic-bezier);justify-content:center;align-items:baseline;display:flex;bottom:0;left:0;right:0}.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{width:var(--snackbar-width);border-radius:var(--snackbar-border-radius);color:var(--snackbar-color);background:var(--snackbar-background);font-size:var(--snackbar-font-size);margin:var(--snackbar-margin);border-color:var(--snackbar-border-color);pointer-events:auto;transition:.3s var(--cubic-bezier);align-items:center;display:flex}.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{word-break:break-all;padding:var(--snackbar-content-padding);flex-grow:1}.var-snackbar__action{margin:var(--snackbar-action-margin);display:flex}.var-snackbar__vertical{flex-direction:column;align-items:flex-start}.var-snackbar__vertical .var-snackbar__action{margin:var(--snackbar-vertical-action-margin);align-self:flex-end}.var-snackbar-fade-enter-from,.var-snackbar-fade-leave-to{opacity:0;transform:translateY(-30px)}