.djpro-toast{position:fixed;left:var(--djpro-spacing-xl);bottom:var(--djpro-spacing-xl);z-index:25;display:flex;align-items:center;gap:var(--djpro-spacing-12);width:340px;max-width:calc(100vw - var(--djpro-spacing-xl) * 2);padding:var(--djpro-spacing-12);padding-right:48px;background:var(--djpro-background-surface);border:1px solid var(--djpro-border-subtle);border-radius:var(--djpro-radius-lg);box-shadow:0 12px 32px #00000073;color:var(--djpro-text-primary);font-family:var(--djpro-font-sans);opacity:0;transform:translateY(16px);transition:opacity .3s ease,transform .3s ease}.djpro-toast[hidden]{display:none}.djpro-toast.is-visible{opacity:1;transform:none}.djpro-toast__media{flex-shrink:0;width:64px;height:64px;border-radius:var(--djpro-radius-md);overflow:hidden;background:var(--djpro-neutral-400)}.djpro-toast__media img{display:block;width:100%;height:100%;object-fit:contain}.djpro-toast__media.is-empty{display:none}.djpro-toast__body{display:flex;flex-direction:column;gap:2px;min-width:0}.djpro-toast__eyebrow{font-family:var(--djpro-font-ui);font-size:var(--djpro-font-size-label-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--djpro-text-tertiary)}.djpro-toast__title{font-size:var(--djpro-font-size-body-sm);font-weight:600;line-height:1.3;color:var(--djpro-text-primary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.djpro-toast__title:hover{color:var(--djpro-red-600)}.djpro-toast__meta{font-size:var(--djpro-font-size-label-sm);color:var(--djpro-text-secondary)}.djpro-toast__meta:empty{display:none}.djpro-toast__close{position:absolute;top:var(--djpro-spacing-xs);right:var(--djpro-spacing-xs);display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--djpro-radius-full);background:transparent;color:var(--djpro-text-tertiary);cursor:pointer}.djpro-toast__close svg{width:14px;height:14px}.djpro-toast__close:hover{color:var(--djpro-text-primary)}.djpro-toast__title:focus-visible,.djpro-toast__close:focus-visible{outline:2px solid var(--djpro-red-600);outline-offset:2px}@media(max-width:900px){.djpro-toast:not(.djpro-toast--mobile){display:none}.djpro-toast--mobile{left:var(--djpro-spacing-lg);right:var(--djpro-spacing-lg);bottom:var(--djpro-spacing-lg);width:auto;max-width:none}}@media(prefers-reduced-motion:reduce){.djpro-toast{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/djpro-toast.css.map */