.smx-toast{--smx-bg:#fff;--smx-fg:#1d1b2e;--smx-muted:#6b6a80;--smx-border:#10102814;--smx-shadow:0 18px 40px -16px #10102859, 0 2px 6px #1010280f;--smx-track:#1010280f;box-sizing:border-box;border:1px solid var(--smx-border);background:var(--smx-bg);width:min(380px,100vw - 32px);color:var(--smx-fg);box-shadow:var(--smx-shadow);border-radius:14px;gap:12px;padding:14px 14px 16px;font-family:inherit;font-size:14px;line-height:20px;display:flex;position:relative;overflow:hidden}.dark .smx-toast,.smx-toast[data-theme=dark]{--smx-bg:#1b1b29;--smx-fg:#ecebf5;--smx-muted:#9a99b0;--smx-border:#ffffff14;--smx-shadow:0 18px 40px -16px #0009;--smx-track:#ffffff14}.smx-toast__icon{color:#fff;background:var(--smx-accent);width:32px;height:32px;box-shadow:0 6px 14px -6px var(--smx-accent);border-radius:10px;flex:none;place-items:center;display:grid}.smx-toast__icon svg{width:18px;height:18px}.smx-toast__icon--spin svg{animation:.9s linear infinite smx-spin}.smx-toast__body{flex:1;min-width:0;padding-top:5px}.smx-toast__title{overflow-wrap:anywhere;margin:0;font-weight:600}.smx-toast__description{color:var(--smx-muted);overflow-wrap:anywhere;margin:2px 0 0;font-size:13px}.smx-toast__action{border:1px solid var(--smx-border);color:var(--smx-accent);font:inherit;cursor:pointer;background:0 0;border-radius:8px;margin-top:10px;padding:5px 12px;font-size:13px;font-weight:600}.smx-toast__action:hover{background:var(--smx-track)}.smx-toast__close{width:26px;height:26px;color:var(--smx-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;margin:-2px -2px 0 0;display:grid}.smx-toast__close:hover{background:var(--smx-track);color:var(--smx-fg)}.smx-toast__close svg{width:14px;height:14px}.smx-toast :focus-visible{outline:2px solid var(--smx-accent);outline-offset:2px}.smx-toast__bar{background:var(--smx-track);height:3px;position:absolute;inset:auto 0 0}.smx-toast__bar:after{content:"";background:var(--smx-accent);transform-origin:0;animation:smx-countdown var(--smx-duration,4s) linear forwards;position:absolute;inset:0}.smx-toast:hover .smx-toast__bar:after,[data-sonner-toaster]:hover .smx-toast__bar:after{animation-play-state:paused}@keyframes smx-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes smx-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.smx-toast__bar:after{animation:none;transform:scaleX(0)}.smx-toast__icon--spin svg{animation-duration:2.4s}}