:where(.motile-toast-container){position:fixed;pointer-events:none;display:flex;flex-direction:column;gap:8px}:where(.motile-toast-container){top:0;left:0;right:0;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px 16px}@media (min-width:769px){:where(.motile-toast-container){top:0;left:auto;right:0;align-items:flex-end;padding:16px;max-width:400px}}:where(.motile-toast){pointer-events:auto;display:inline-flex;align-items:flex-start;width:calc(100vw - 32px);min-width:200px;padding:12px 16px;background:color-mix(in srgb,var(--motile-gray-900) 95%,transparent);border-radius:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;animation:slideDown .3s ease-out}@media (min-width:769px){:where(.motile-toast){width:auto;max-width:320px;animation:slideInRight .3s ease-out}}:where(.motile-toast--exiting){animation:fadeOut .15s ease-out forwards}:where(.motile-toast__icon){flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--motile-bg);margin-right:8px;margin-top:1px}:where(.motile-toast--success .motile-toast__icon){color:color-mix(in srgb,#22c55e 80%,var(--motile-bg))}:where(.motile-toast--error .motile-toast__icon){color:color-mix(in srgb,#ef4444 80%,var(--motile-bg))}:where(.motile-toast--warning .motile-toast__icon){color:color-mix(in srgb,#f59e0b 80%,var(--motile-bg))}:where(.motile-toast--info .motile-toast__icon){color:color-mix(in srgb,#3b82f6 80%,var(--motile-bg))}:where(.motile-toast__message){flex:1 1;min-width:0;font-size:14px;font-weight:500;line-height:1.4;color:var(--motile-bg);word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{to{opacity:0;transform:scale(.95)}}@media (prefers-reduced-motion:reduce){:where(.motile-toast){animation:none!important}}:where(.motile-toast *){-moz-user-select:none;user-select:none;-webkit-user-select:none}