@property --action-fill{syntax:"<color>";inherits:false;initial-value:#fff}@property --action-edge-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --action-edge-to{syntax:"<color>";inherits:false;initial-value:#0000}[data-sonner-toaster] .prime-toast{--toast-border:#8fd3a4;--toast-bg:#f4fbf6;--toast-icon-from:#3cc463;--toast-icon-to:#1e9e48;--toast-solid-from:#2f9e57;--toast-solid-to:#15291f;--toast-accent:#1f7a3d;--toast-accent-dark:#7fd99b;width:var(--width);background:linear-gradient(var(--toast-bg), var(--toast-bg)) padding-box, linear-gradient(100deg, color-mix(in srgb, var(--toast-border) 30%, transparent), color-mix(in srgb, var(--toast-border) 30%, transparent)) border-box;color:#1c2520;border:1px solid #0000;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 14px 14px 16px;font-family:inherit;display:flex;box-shadow:0 12px 32px -14px #10281838}[data-sonner-toaster] .prime-toast[data-type=success]{--toast-border:#33b857;--toast-bg:#f1faf3;--toast-icon-from:#45c968;--toast-icon-to:#2aa14b;--toast-solid-from:#33b857;--toast-solid-to:#1f7a3d;--toast-accent:#1f7a3d;--toast-accent-dark:#6fe28e}[data-sonner-toaster] .prime-toast[data-type=info],[data-sonner-toaster] .prime-toast[data-type=loading]{--toast-border:#b9c1ca;--toast-bg:#f6f7f9;--toast-icon-from:#8e98a5;--toast-icon-to:#5f6b7a;--toast-solid-from:#8a94a1;--toast-solid-to:#5f6b7a;--toast-accent:#4b5563;--toast-accent-dark:#c7cdd5}[data-sonner-toaster] .prime-toast[data-type=warning]{--toast-border:#f5cf92;--toast-bg:#fff7ec;--toast-icon-from:#fdb64e;--toast-icon-to:#f68c2c;--toast-solid-from:#f8a93a;--toast-solid-to:#fd8a2c;--toast-accent:#b4590b;--toast-accent-dark:#fcc27a}[data-sonner-toaster] .prime-toast[data-type=error]{--toast-border:#f2aaa3;--toast-bg:#fff3f1;--toast-icon-from:#f2705f;--toast-icon-to:#d94338;--toast-solid-from:#ef5d45;--toast-solid-to:#d4163a;--toast-accent:#c0302a;--toast-accent-dark:#f9a19a}@media (width<=600px){[data-sonner-toaster] .prime-toast{width:calc(100% - var(--mobile-offset-left) * 2)}}[data-sonner-toaster] .prime-toast[data-expanded=false][data-front=false]{overflow:hidden}[data-sonner-toaster] .prime-toast[data-expanded=false][data-front=false]>*{opacity:0}[data-sonner-toaster] .prime-toast .prime-toast-icon{background:linear-gradient(135deg, var(--toast-icon-from), var(--toast-icon-to));color:#fff;width:28px;height:28px;box-shadow:inset 0 1px 0 #ffffff40, 0 2px 6px -2px var(--toast-icon-to);border-radius:8px;flex:none;align-self:center;place-items:center;display:grid;position:relative}[data-sonner-toaster] .prime-toast:not(:has(>.prime-toast-icon)):has(>[data-close-button]){--toast-bell:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.27 21a2 2 0 0 0 3.46 0'/%3E%3Cpath d='M3.26 15.33A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.67C19.41 13.96 18 12.5 18 8A6 6 0 0 0 6 8c0 4.5-1.41 5.96-2.74 7.33'/%3E%3C/svg%3E")}[data-sonner-toaster] .prime-toast:not(:has(>.prime-toast-icon)):not(:has(>.prime-toast-cancel)):has(>[data-close-button]){padding-left:56px}[data-sonner-toaster] .prime-toast:not(:has(>.prime-toast-icon)):has(>[data-close-button])>.prime-toast-content:before{content:"";border-radius:8px;width:28px;height:28px;position:absolute;top:50%;left:16px;translate:0 -50%}[data-sonner-toaster] .prime-toast:not(:has(>.prime-toast-icon)):has(>[data-close-button])>.prime-toast-content:after{content:"";border-radius:8px;width:28px;height:28px;position:absolute;top:50%;left:16px;translate:0 -50%}[data-sonner-toaster] .prime-toast:not(:has(>.prime-toast-icon)):has(>[data-close-button])>.prime-toast-content:before{background:linear-gradient(135deg, var(--toast-icon-from), var(--toast-icon-to));box-shadow:inset 0 1px 0 #ffffff40, 0 2px 6px -2px var(--toast-icon-to)}[data-sonner-toaster] .prime-toast:not(:has(>.prime-toast-icon)):has(>[data-close-button])>.prime-toast-content:after{-webkit-mask:var(--toast-bell) center / 15px no-repeat;-webkit-mask:var(--toast-bell) center / 15px no-repeat;mask:var(--toast-bell) center / 15px no-repeat;background:#fff}[data-sonner-toaster] .prime-toast .prime-toast-icon.prime-toast-avatar{box-shadow:none;background:0 0}[data-sonner-toaster] .prime-toast .prime-toast-loader{place-items:center;display:grid}[data-sonner-toaster] .prime-toast .prime-toast-content{flex-direction:column;flex:1;align-self:center;gap:2px;min-width:0;display:flex}[data-sonner-toaster] .prime-toast .prime-toast-title{color:#18211c;font-size:13.5px;font-weight:700;line-height:1.35}[data-sonner-toaster] .prime-toast .prime-toast-description{color:#4b5563;font-size:13px;line-height:1.45}[data-sonner-toaster] .prime-toast .prime-toast-action,[data-sonner-toaster] .prime-toast .prime-toast-cancel{--action-fill:#fff;--action-edge-from:color-mix(in srgb, var(--toast-accent) 22%, transparent);--action-edge-to:color-mix(in srgb, var(--toast-accent) 22%, transparent);background:linear-gradient(var(--action-fill), var(--action-fill)) padding-box, linear-gradient(180deg, var(--action-edge-from), var(--action-edge-to)) border-box;min-width:64px;height:32px;color:var(--toast-accent);font:inherit;letter-spacing:.005em;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px #1028180f, inset 0 -1px 0 color-mix(in srgb, var(--toast-accent) 8%, transparent);border:1px solid #0000;border-radius:9px;flex:none;justify-content:center;align-self:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:--action-fill .15s,--action-edge-from .15s,--action-edge-to .15s,box-shadow .15s,scale .12s;display:inline-flex}[data-sonner-toaster] .prime-toast .prime-toast-action:hover{--action-fill:color-mix(in srgb, var(--toast-accent) 7%, #fff);--action-edge-from:color-mix(in srgb, var(--toast-accent) 36%, transparent);--action-edge-to:color-mix(in srgb, var(--toast-accent) 36%, transparent);box-shadow:0 2px 6px -2px color-mix(in srgb, var(--toast-accent) 35%, transparent)}[data-sonner-toaster] .prime-toast .prime-toast-action:before,[data-sonner-toaster] .prime-toast .prime-toast-action:after{width:14px;height:14px;-webkit-mask:var(--action-icon) center / contain no-repeat;-webkit-mask:var(--action-icon) center / contain no-repeat;mask:var(--action-icon) center / contain no-repeat;background:currentColor;flex:none;transition:translate .15s,rotate .25s}[data-sonner-toaster] .prime-toast .prime-toast-action:is([data-icon=undo],[data-icon=retry]):before,[data-sonner-toaster] .prime-toast .prime-toast-action:is([data-icon=open],[data-icon=next]):after{content:""}[data-sonner-toaster] .prime-toast .prime-toast-action[data-icon]{padding-inline:12px}[data-sonner-toaster] .prime-toast .prime-toast-action[data-icon=undo]{--action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 0 11H11'/%3E%3C/svg%3E")}[data-sonner-toaster] .prime-toast .prime-toast-action[data-icon=retry]{--action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E")}[data-sonner-toaster] .prime-toast .prime-toast-action[data-icon=open]{--action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10'/%3E%3Cpath d='M7 17 17 7'/%3E%3C/svg%3E")}[data-sonner-toaster] .prime-toast .prime-toast-action[data-icon=next]{--action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E")}[data-sonner-toaster] .prime-toast .prime-toast-action[data-icon=next]:hover:after{translate:2px}[data-sonner-toaster] .prime-toast .prime-toast-action[data-icon=open]:hover:after{translate:1.5px -1.5px}[data-sonner-toaster] .prime-toast .prime-toast-action[data-icon=retry]:hover:before{rotate:30deg}[data-sonner-toaster] .prime-toast .prime-toast-action[data-icon=undo]:hover:before{translate:-2px}[data-sonner-toaster] .prime-toast :is(.prime-toast-action,.prime-toast-cancel):active{scale:.96}[data-sonner-toaster] .prime-toast .prime-toast-cancel{color:#5b6560;min-width:0;box-shadow:none;background:0 0;border-color:#0000;padding:0 10px;font-weight:500}[data-sonner-toaster] .prime-toast .prime-toast-cancel:hover{color:#1c2520;background:#1c25200f}[data-sonner-toaster] .prime-toast:has(.prime-toast-cancel){grid-template-columns:28px 1fr auto auto;gap:10px 12px;display:grid}[data-sonner-toaster] .prime-toast:has(.prime-toast-cancel) .prime-toast-icon{grid-area:1/1}[data-sonner-toaster] .prime-toast:has(.prime-toast-cancel) .prime-toast-content{grid-area:1/2/2/4}[data-sonner-toaster] .prime-toast:has(.prime-toast-cancel) .prime-toast-close{grid-area:1/4;justify-self:end}[data-sonner-toaster] .prime-toast:has(.prime-toast-cancel) .prime-toast-cancel{grid-area:2/2;justify-self:end}[data-sonner-toaster] .prime-toast:has(.prime-toast-cancel) .prime-toast-action{grid-area:2/3/3/5;justify-self:end}[data-sonner-toaster] .prime-toast:has(.prime-toast-action) .prime-toast-content{margin-right:2px}[data-sonner-toaster] .prime-toast .prime-toast-close[data-close-button]{color:#8a948f;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;order:99;align-self:center;place-items:center;width:22px;height:22px;margin:0 -2px 0 0;padding:0;transition:color .15s,background-color .15s;display:grid}[data-sonner-toaster] .prime-toast .prime-toast-close[data-close-button]:hover{color:#374151;background:#1c25200f}[data-sonner-toaster] .prime-toast :is(.prime-toast-action,.prime-toast-cancel,.prime-toast-close[data-close-button]):focus-visible{outline:2px solid color-mix(in srgb, var(--toast-accent) 60%, transparent);outline-offset:2px}[data-sonner-toaster][data-sonner-theme=dark] .prime-toast{background:linear-gradient(100deg, color-mix(in srgb, var(--toast-solid-from) 18%, transparent) 0%, color-mix(in srgb, var(--toast-solid-to) 6%, transparent) 65%) padding-box, linear-gradient(#0f1b15, #0f1b15) padding-box, linear-gradient(100deg, color-mix(in srgb, var(--toast-solid-from) 16%, transparent), color-mix(in srgb, var(--toast-solid-from) 16%, transparent)) border-box;color:#f3f6f4;box-shadow:0 14px 34px -14px #000000a6}[data-sonner-toaster][data-sonner-theme=dark] .prime-toast .prime-toast-icon{box-shadow:inset 0 1px 0 #fff3, 0 0 14px -3px color-mix(in srgb, var(--toast-icon-to) 70%, transparent)}[data-sonner-toaster][data-sonner-theme=dark] .prime-toast .prime-toast-title{color:#f3f6f4}[data-sonner-toaster][data-sonner-theme=dark] .prime-toast .prime-toast-description{color:#ffffffa8}[data-sonner-toaster][data-sonner-theme=dark] .prime-toast .prime-toast-action{--action-fill:color-mix(in srgb, var(--toast-accent-dark) 10%, #111d17);--action-edge-from:color-mix(in srgb, var(--toast-accent-dark) 22%, transparent);--action-edge-to:color-mix(in srgb, var(--toast-accent-dark) 22%, transparent);color:var(--toast-accent-dark);box-shadow:inset 0 1px #ffffff0f}[data-sonner-toaster][data-sonner-theme=dark] .prime-toast .prime-toast-action:hover{--action-fill:color-mix(in srgb, var(--toast-accent-dark) 17%, #111d17);--action-edge-from:color-mix(in srgb, var(--toast-accent-dark) 38%, transparent);--action-edge-to:color-mix(in srgb, var(--toast-accent-dark) 38%, transparent);box-shadow:0 0 12px -4px color-mix(in srgb, var(--toast-accent-dark) 60%, transparent)}[data-sonner-toaster][data-sonner-theme=dark] .prime-toast .prime-toast-cancel{color:#ffffffa8}[data-sonner-toaster][data-sonner-theme=dark] .prime-toast .prime-toast-cancel:hover{color:#fff;background:#ffffff14}[data-sonner-toaster][data-sonner-theme=dark] .prime-toast .prime-toast-close[data-close-button]{color:#ffffff80;background:0 0;border-color:#0000}[data-sonner-toaster][data-sonner-theme=dark] .prime-toast .prime-toast-close[data-close-button]:hover{color:#fff;background:#ffffff14}[data-sonner-toaster][data-sonner-theme=dark] .prime-toast :is(.prime-toast-action,.prime-toast-cancel,.prime-toast-close[data-close-button]):focus-visible{outline-color:var(--toast-accent-dark)}
