@layer theme,base;@layer components{:root:has([data-action-dock]){--reclee-toast-bottom:51px}@media not (min-width:48rem){:root:has([data-action-dock]){--reclee-toast-bottom:62px}}.reclee-toast{width:var(--reclee-toast-width,max-content);max-width:var(--reclee-toast-width,min(440px, calc(100vw - 32px)));border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:var(--popover);min-height:44px;color:var(--popover-foreground);box-shadow:inset 0 2px 0 var(--reclee-toast-tone,transparent);font-family:var(--font-sans);border-bottom:0;align-items:center;gap:10px;padding:7px 8px 7px 14px;font-size:13px;font-weight:500;line-height:1.35;animation:.32s cubic-bezier(.22,1,.36,1) both reclee-toast-rise;display:flex}.reclee-toast[data-removed=true]{animation:.2s cubic-bezier(.4,0,1,1) forwards reclee-toast-sink}.reclee-toast[data-type=success]{--reclee-toast-tone:var(--color-success)}.reclee-toast[data-type=error]{--reclee-toast-tone:var(--color-destructive)}.reclee-toast[data-type=warning]{--reclee-toast-tone:var(--color-warning)}.reclee-toast[data-type=info]{--reclee-toast-tone:var(--color-info)}.reclee-toast [data-icon]{flex-shrink:0;display:flex}.reclee-toast [data-content]{flex-direction:column;flex:1;gap:2px;min-width:0;animation:.28s ease-out 80ms both reclee-toast-body;display:flex}.reclee-toast [data-description]{color:var(--muted-foreground);font-size:12.5px;font-weight:400}.reclee-toast [data-button],.reclee-toast [data-cancel]{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--background);height:30px;color:var(--primary);font:inherit;cursor:pointer;flex-shrink:0;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;transition:background-color .15s;display:inline-flex}.reclee-toast [data-cancel]{color:var(--muted-foreground)}.reclee-toast [data-button]:hover,.reclee-toast [data-cancel]:hover{background:color-mix(in oklab, var(--primary) 6%, var(--background))}.reclee-toast [data-close-button]{border-radius:calc(var(--radius) - 2px);width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;flex-shrink:0;order:1;justify-content:center;align-items:center;margin-left:-4px;transition:background-color .15s,color .15s;display:inline-flex}.reclee-toast [data-close-button]:hover{background:var(--muted);color:var(--foreground)}.reclee-toast [data-close-button] svg{width:14px;height:14px}.reclee-toast.reclee-toast-undone{--reclee-toast-tone:var(--muted-foreground)}.reclee-toast-undone [data-icon]{color:var(--muted-foreground)}.reclee-toast-undone [data-icon] svg{width:16px;height:16px}.reclee-toast-repeat [data-title]:after{content:var(--reclee-toast-count);border-radius:calc(var(--radius) - 4px);background:var(--muted);height:20px;color:var(--foreground);vertical-align:1px;align-items:center;margin-left:8px;padding:0 7px;font-size:11.5px;font-weight:600;display:inline-flex}@media not (min-width:600px){.reclee-toast{border-inline:0;border-radius:0;max-width:none}:root[data-toast-anchor=tab] .reclee-toast,:root[data-toast-anchor=modal] .reclee-toast{border-inline:1px solid var(--border)}:root[data-toast-anchor=tab] .reclee-toast{border-radius:var(--radius) var(--radius) 0 0}}.reclee-toast-timed [data-button]:before{content:"";background:conic-gradient(currentColor var(--reclee-toast-left), color-mix(in oklab, currentColor 18%, transparent) 0);width:14px;height:14px;animation:reclee-toast-ring var(--reclee-toast-duration,5s) linear forwards;border-radius:50%;-webkit-mask:radial-gradient(circle,#0000 4.5px,#000 5px);mask:radial-gradient(circle,#0000 4.5px,#000 5px)}.reclee-toast-timed[data-expanded=true] [data-button]:before{animation-play-state:paused}@keyframes reclee-toast-rise{0%{clip-path:inset(100% 0 0);transform:translateY(6px)}to{clip-path:inset(0)}}@keyframes reclee-toast-sink{0%{clip-path:inset(0)}to{clip-path:inset(100% 0 0);transform:translateY(6px)}}@keyframes reclee-toast-body{0%{opacity:0}}@keyframes reclee-toast-ring{to{--reclee-toast-left:0%}}@media (prefers-reduced-motion:reduce){.reclee-toast,.reclee-toast [data-content],.reclee-toast-timed [data-button]:before{transition:none!important;animation:none!important}}}@layer utilities;@property --reclee-toast-left{syntax:"<percentage>";inherits:false;initial-value:100%}