.toneart-toasts{position:fixed;top:var(--header-offset,0px);left:50%;transform:translateX(-50%);width:min(92vw,520px);max-height:calc(100dvh - var(--header-offset,0px));overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);padding-inline:var(--spacing);box-sizing:border-box;pointer-events:none;z-index:40;font-family:var(--toneart-font-family,inherit)}.toneart-toast-slot{flex-shrink:0}.toneart-toast{--toast-accent:var(--color-blue-500);position:relative;display:flex;align-items:flex-start;gap:calc(var(--spacing)*3);padding:calc(var(--spacing)*3);border:1px solid var(--color-gray-700);border-left:var(--spacing) solid var(--toast-accent);border-radius:var(--radius-lg);box-shadow:none;background:var(--toast-surface,var(--background-color));color:var(--color-white);overflow:hidden;pointer-events:auto;font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.toneart-toast[data-type=success]{--toast-accent:var(--color-green-500)}.toneart-toast[data-type=error]{--toast-accent:var(--color-red-500)}.toneart-toast[data-type=warning]{--toast-accent:var(--toneart-orange,var(--color-yellow-500))}.toneart-toast-icon{flex:0 0 auto;color:var(--toast-accent);margin-top:calc(var(--spacing)*2)}.toneart-toast-text{flex:1;min-width:0;align-self:center;overflow-wrap:anywhere}.toneart-toast-text a{color:inherit;text-decoration:underline;text-underline-offset:var(--spacing);font-weight:var(--font-weight-semibold)}.toneart-toast-text a:hover{color:var(--toast-accent)}.toneart-toast-close{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);padding:0;border:0;border-radius:var(--radius-md);background:0 0;color:var(--color-gray-300);cursor:pointer}.toneart-toast-close:hover{background:var(--color-gray-800);color:var(--color-white)}.toneart-toast-close:focus-visible,.toneart-toast-text a:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}body.light-mode .toneart-toast{background:var(--background-color);color:var(--text-color);border-top-color:var(--color-gray-300);border-right-color:var(--color-gray-300);border-bottom-color:var(--color-gray-300)}body.light-mode .toneart-toast-close{color:var(--color-gray-700)}body.light-mode .toneart-toast-close:hover{background:var(--color-gray-100);color:var(--text-color)}body.light-mode .toneart-toast-close:focus-visible,body.light-mode .toneart-toast-text a:focus-visible{outline-color:var(--text-color)}.toneart-toast-progress{position:absolute;bottom:0;left:0;width:100%;height:calc(var(--spacing)/2);background:var(--toast-accent);transform-origin:left}.toneart-toast-enter{transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s cubic-bezier(.22,1,.36,1)}.toneart-toast-leave{transition:transform .2s ease-out,opacity .2s ease-out}.toneart-toast-enter-start{opacity:0;transform:translateY(-12px) scale(.98)}.toneart-toast-rest{opacity:1;transform:translateY(0) scale(1)}.toneart-toast-leave-end{opacity:0;transform:translateY(-8px)}@media (width < 768px){.toneart-toasts{width:calc(100% - 32px);padding-inline:0}}@media (prefers-reduced-motion:reduce){.toneart-toast-enter,.toneart-toast-leave{transition:opacity 75ms linear}.toneart-toast-enter-start,.toneart-toast-rest,.toneart-toast-leave-end{transform:none}}@media print{.toneart-toasts{display:none}}