body .toast-card { position: relative; --lt-ring: var(--control-ink, var(--ink, #20211d)); --lt-ring-track: var(--control-line, var(--line, #deded5)); }body:not(.workspace-active) .toast-card { --lt-ring: var(--ink, #20211d); --lt-ring-track: var(--line, #deded5); }body .toast-card .toast-progress-track {position: absolute;top: 50%;right: 8px;transform: translateY(-50%);width: 28px !important;height: 28px !important;background: none !important;pointer-events: none;}body:not(.workspace-active) .toast-card .toast-progress-track { right: 9px; }.lt-toast-ring { display: block; width: 100%; height: 100%; overflow: visible; transform: rotate(-90deg); }.lt-toast-ring circle { fill: none; stroke-width: 1.75; }.lt-toast-ring__track { stroke: var(--lt-ring-track); }.lt-toast-ring__arc {stroke: var(--lt-ring);stroke-linecap: round;stroke-dasharray: 100 120;stroke-dashoffset: 0;animation-name: lt-toast-ring;animation-timing-function: linear;animation-fill-mode: forwards;}@keyframes lt-toast-ring { to { stroke-dashoffset: -100; } }@media (prefers-reduced-motion: reduce) { .lt-toast-ring__arc { animation: none; } }body .toast-card .toast-content button { border-radius: 50%; }body .toast-card .toast-content > div { align-items: center; }body .toast-card .toast-content > div > div:first-child { position: relative; width: 22px; height: 22px; margin-top: 0; }body .toast-card .toast-content > div > div:first-child > svg { opacity: 0; }body .toast-card .toast-content > div > div:first-child::before {content: "";position: absolute;inset: 0;background: var(--lt-badge);-webkit-mask: var(--lt-badge-mask) center / contain no-repeat;mask: var(--lt-badge-mask) center / contain no-repeat;}body .toast-card { --lt-badge: var(--control-muted, var(--muted, #77796e)); --lt-badge-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath d='M12 7.6v.01M12 11v5.6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3Ccircle cx='12' cy='12' r='11' fill='white' mask='url(%23m)'/%3E%3C/svg%3E"); }body .toast-card[data-tone="success"] { --lt-badge: var(--control-ink, var(--ink, #20211d)); --lt-badge-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath d='M7.9 12.3l2.8 2.8 5.4-5.6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3Ccircle cx='12' cy='12' r='11' fill='white' mask='url(%23m)'/%3E%3C/svg%3E"); }body .toast-card[data-tone="error"] { --lt-badge: #b44737; --lt-badge-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3Ccircle cx='12' cy='12' r='11' fill='white' mask='url(%23m)'/%3E%3C/svg%3E"); }body .toast-card[data-tone="warning"] { --lt-badge: #a8741f; --lt-badge-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath d='M12 7.2v5.6M12 16.5v.01' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3Ccircle cx='12' cy='12' r='11' fill='white' mask='url(%23m)'/%3E%3C/svg%3E"); }