/** * UR Invited — Toast * /shared/uv-toast.css * v=20260620as * * Fixed bottom-center pill notification, paired with /shared/uv-toast.js. * Sprint 16 — B8. * Must be loaded in every template's . */ .uv-toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%) translateY(12px); z-index: 100001; /* above toolbar (100000), below crop modal (200000) */ max-width: min(92vw, 460px); box-sizing: border-box; padding: 12px 18px; border-radius: 999px; background: #2c2218; color: #fff6e8; font-family: inherit; font-size: 13px; line-height: 1.4; text-align: center; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.06) inset; opacity: 0; pointer-events: none; transition: opacity 0.24s ease, transform 0.24s ease; } .uv-toast[data-open] { opacity: 1; transform: translateX(-50%) translateY(0); } @media (prefers-reduced-motion: reduce) { .uv-toast { transition: opacity 0.01s linear; transform: translateX(-50%); } .uv-toast[data-open] { transform: translateX(-50%); } }