.toast{inset:auto;opacity:0;background:var(--ink);color:var(--on-ink);border-radius:var(--pill);transition:opacity var(--dur-calm) var(--ease),transform var(--dur-calm) var(--spring);z-index:99;pointer-events:none;box-shadow:var(--shadow-lift);border:0;align-items:center;gap:10px;margin:0;padding:12px 20px;font-size:13.5px;font-weight:600;display:flex;position:fixed;inset-block-end:28px;inset-inline-start:50%;overflow:visible;transform:translate(-50%)translateY(24px)scale(.96)}[dir=rtl] .toast{transform:translate(50%)translateY(24px)scale(.96)}.toast.show{opacity:1;transform:translate(-50%)}[dir=rtl] .toast.show{transform:translate(50%)}.toast:not(.show){visibility:hidden;pointer-events:none;transition:opacity var(--dur-calm) var(--ease),transform var(--dur-calm) var(--spring),visibility 0s var(--dur-calm)}.toast-c{display:contents}.toast .toast-undo{all:unset;pointer-events:auto;cursor:pointer;border-radius:var(--r-sm);font-weight:700;text-decoration:underline}.toast .toast-undo:focus-visible{outline:2px solid var(--on-ink);outline-offset:2px}.toast svg path{stroke-dasharray:30;stroke-dashoffset:30px;animation:chk .5s var(--ease) .1s forwards}.toast.problem svg path{stroke-dasharray:none;stroke-dashoffset:0;animation:none}html.static .toast svg path{stroke-dashoffset:0;animation:none}@media (prefers-reduced-motion:reduce){.toast svg path{stroke-dashoffset:0;animation:none}}body.cw-nudging .toast{inset-block-end:120px}.toast{border:1px solid color-mix(in srgb,var(--sr-color-text-on-ink) 38%,transparent)}.toast.problem{border-color:color-mix(in srgb,var(--sr-color-text-on-ink) 70%,transparent)}