:root{--demo-coral-solid:#eb5e41;--demo-coral-emphasized:#de5045;--demo-coral-muted:#ffdbda;--demo-coral-subtle:#ffe5e4;--demo-coral-fg:#c9453b;--demo-coral-contrast:white;--demo-coral-focus-ring:#ffb2a8;--demo-neutral-solid:#8d8d86;--demo-neutral-emphasized:#82827c;--demo-neutral-muted:#e2e1de;--demo-neutral-subtle:#f1f0ef;--demo-neutral-fg:#21201c;--demo-neutral-fg-muted:#61605b;--demo-neutral-contrast:white;--demo-neutral-focus-ring:#bcbbb5;--demo-border:#e9e8e6;--demo-border-muted:#f9f9f8;--demo-border-emphasized:#dad9d6;--demo-error:#f44;--demo-bg-popover:white;--demo-bg-thumb:white;--demo-bg-checkbox:white;--demo-popover-z-index:50;--demo-shadow-xs:0 1px 2px 0 #0000000d;--demo-shadow-sm:0 1px 3px 0 #00000014, 0 1px 2px -1px #00000014;--demo-shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000f;--demo-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--demo-shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--demo-shadow-2xl:0 25px 50px -12px #00000026;--demo-json-string:#c9453b;--demo-json-number:#0550ae;--demo-json-boolean:#b35900;--demo-json-key:#116329;--demo-json-accent:#6f42c1}.dark{--demo-coral-solid:#eb5e41;--demo-coral-emphasized:#ef6b4e;--demo-coral-muted:#722b25;--demo-coral-subtle:#55221e;--demo-coral-fg:#f47a5c;--demo-coral-contrast:white;--demo-coral-focus-ring:#e2503f;--demo-neutral-solid:#6f6d66;--demo-neutral-emphasized:#7c7b74;--demo-neutral-muted:#31312e;--demo-neutral-subtle:#222221;--demo-neutral-fg:#eeeeec;--demo-neutral-fg-muted:#a9a9a3;--demo-neutral-contrast:white;--demo-neutral-focus-ring:#62605b;--demo-border:#2a2a28;--demo-border-muted:#191918;--demo-border-emphasized:#3b3a37;--demo-error:#f44;--demo-bg-popover:#111110;--demo-bg-thumb:#111110;--demo-bg-checkbox:#111110;--demo-shadow-xs:0 1px 2px 0 #00000026;--demo-shadow-sm:0 1px 3px 0 #0003, 0 1px 2px -1px #00000026;--demo-shadow-md:0 4px 6px -1px #0003, 0 2px 4px -2px #0000001f;--demo-shadow-lg:0 10px 15px -3px #0003, 0 4px 6px -4px #0000001a;--demo-shadow-xl:0 20px 25px -5px #00000040, 0 8px 10px -6px #0000001a;--demo-shadow-2xl:0 25px 50px -12px #00000059;--demo-json-string:#ff7b72;--demo-json-number:#79c0ff;--demo-json-boolean:#ffa657;--demo-json-key:#7ee787;--demo-json-accent:#d2a8ff}.Root{width:100%;min-width:20rem;translate:var(--x) var(--y);scale:var(--scale);z-index:var(--z-index);height:var(--height);opacity:var(--opacity);will-change:translate, opacity, scale;background:var(--demo-bg-popover);color:var(--demo-neutral-fg);--toast-trigger-bg:var(--demo-neutral-muted);--toast-accent:var(--demo-neutral-fg);border-radius:.5rem;flex-direction:column;align-items:flex-start;gap:.25rem;padding-block:1rem;padding-inline:1rem 2.5rem;transition:translate .4s cubic-bezier(.21,1.02,.73,1),scale .4s cubic-bezier(.21,1.02,.73,1),opacity .4s cubic-bezier(.21,1.02,.73,1),height .4s cubic-bezier(.21,1.02,.73,1),box-shadow .2s cubic-bezier(.21,1.02,.73,1);display:flex;position:relative}.Root[data-placement^=top]{box-shadow:0 -4px 12px #0000001a,0 0 1px #0003}.Root[data-placement^=bottom]{box-shadow:0 4px 12px #0000001a,0 0 1px #0003}.Root[data-state=closed]{transition:translate .4s cubic-bezier(.06,.71,.55,1),scale .4s cubic-bezier(.06,.71,.55,1),opacity .2s cubic-bezier(.06,.71,.55,1)}.Root[data-type=info]{--toast-accent:#2563eb}.Root[data-type=loading]{--toast-accent:var(--demo-neutral-emphasized,#6b7280)}.Root[data-type=success]{color:#fff;--toast-accent:white;--toast-trigger-bg:#ffffff26;background:#16a34a}.Root[data-type=error]{color:#fff;--toast-accent:white;--toast-trigger-bg:#ffffff26;background:#dc2626}.Root[data-type=warning]{color:#fff;--toast-accent:white;--toast-trigger-bg:#ffffff26;background:#ea580c}.Title{align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex}.Description{opacity:.8;margin:0;font-size:.875rem;line-height:1.25rem;display:inline}.Indicator{width:1.25rem;height:1.25rem;color:var(--toast-accent);flex-shrink:0}.Indicator svg{width:100%;height:100%}.Indicator[data-type=loading]{animation:1s linear infinite spin}.ActionTrigger{-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;border:1px solid var(--demo-border-emphasized,currentColor);color:inherit;background:0 0;border-radius:.25rem;justify-content:center;align-items:center;gap:.375rem;margin-top:.5rem;padding-block:.25rem;padding-inline:.625rem;font-family:inherit;font-size:.75rem;font-weight:500;line-height:1rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ActionTrigger:hover{background:var(--toast-trigger-bg)}.ActionTrigger:focus-visible{outline-offset:2px;outline:2px solid}.CloseTrigger{top:.25rem;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:background .2s;display:inline-flex;position:absolute;inset-inline-end:.25rem}.CloseTrigger svg{flex-shrink:0;width:1.25rem;height:1.25rem}.CloseTrigger:hover{opacity:1;background:var(--toast-trigger-bg)}.CloseTrigger:focus-visible{outline-offset:-1px;outline:2px solid}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}