.app\:snackbar{--width:20rem;align-items:center;background:rgba(var(--background),1);border-radius:var(--border-radius);color:rgba(var(--white),1);display:flex;padding:var(--base-margin);position:relative;width:var(--width)}.app\:snackbar.--dismissible{padding-right:calc(var(--base-margin) + var(--base-margin-large))}.app\:snackbar__text{display:block}.app\:snackbar__dismiss{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;opacity:.8;padding:0;position:absolute;right:var(--base-margin-small);top:var(--base-margin-small)}.app\:snackbar__dismiss:hover{opacity:1}.app\:snackbar__dismiss svg{margin-right:0}.app\:snackbar-stack{--top:var(--base-margin-large);display:flex;flex-direction:column;position:fixed}.app\:snackbar-stack.--bottom{bottom:var(--base-margin-large)}.app\:snackbar-stack.--top{top:var(--top)}.app\:snackbar-stack.--center{left:50%;transform:translate(-50%)}.app\:snackbar-stack.--left{left:var(--base-margin-large)}.app\:snackbar-stack.--right{right:var(--base-margin-large)}.app\:snackbar-stack.--cart{--top:calc(var(--app-height) + var(--base-margin-large))}.app\:snackbar-stack>:not(:last-child){margin-bottom:var(--base-margin)}.app\:snackbar.--success{--background:var(--grass)}.app\:snackbar.--warning{--background:var(--apricot)}.app\:snackbar.--error{--background:var(--red)}.app\:snackbar.--default{--background:var(--azure)}.app\:snackbar__icon-top{align-self:flex-start}.app\:snackbar__icon-bottom{align-self:flex-end}.app\:snackbar svg{flex-shrink:0;margin-right:.5rem}