.wm-toast{--wm-toast-accent: var(--color-feedback-info);--wm-toast-bg: color-mix(in srgb, var(--color-surface-raised) 88%, transparent);position:relative;display:flex;align-items:flex-start;gap:var(--spacing-lg);width:min(var(--width-md),calc(100vw - var(--spacing-5xl)));padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--wm-toast-bg);border:var(--border-width-thin) solid var(--color-border-subtle);border-left:var(--border-width-thick) solid var(--wm-toast-accent);border-radius:var(--radius-xs);box-shadow:var(--shadow-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto;opacity:0;transform:translate(calc(100% + var(--spacing-5xl)));transition:opacity .25s ease,transform .35s cubic-bezier(.16,1,.3,1)}.wm-toast--open{opacity:1;transform:translate(0)}.wm-toast__icon{font-size:var(--size-3xl);color:var(--wm-toast-accent);flex-shrink:0;line-height:1;margin-top:var(--spacing-xxs)}.wm-toast__body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xxs)}.wm-toast__title{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-text-primary);margin:0}.wm-toast__message{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-text-muted);margin:0}.wm-toast__close{display:flex;align-items:center;justify-content:center;width:var(--size-4xl);height:var(--size-4xl);background:none;border:0;border-radius:var(--radius-xs);cursor:pointer;color:var(--color-text-muted);flex-shrink:0;padding:0;margin:calc(var(--spacing-xxs) * -1) calc(var(--spacing-xs) * -1) 0 0;transition:color .15s ease}.wm-toast__close:focus-visible{color:var(--color-text-primary)}@media(hover:hover){.wm-toast__close:hover{color:var(--color-text-primary)}}.wm-toast__close i[class*=ph-]{font-size:var(--size-xl)}.wm-toast--success{--wm-toast-accent: var(--color-feedback-success)}.wm-toast--warning{--wm-toast-accent: var(--color-feedback-warning)}.wm-toast--error{--wm-toast-accent: var(--color-feedback-error)}.wm-toast--info{--wm-toast-accent: var(--color-feedback-info)}.wm-toast-stack{position:fixed;top:var(--spacing-5xl);right:var(--spacing-5xl);z-index:300;display:flex;flex-direction:column;gap:var(--spacing-md);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/21/assets/wm-toast.css.map */