@media (width<640px){[data-slot=toast-viewport]{width:100%;max-width:none;margin:0;inset:0 0 auto}.cn-toast{top:0;bottom:auto;inset-inline:calc(var(--toast-index) * 12px);width:auto;height:var(--height);transform-origin:top;transform:translateY(calc(var(--toast-swipe-movement-y) + var(--toast-index) * 8px));border-width:0 0 1px;border-color:var(--border);border-radius:0 0 calc(min(1, var(--toast-index)) * 12px) calc(min(1, var(--toast-index)) * 12px);background-color:var(--popover);background-image:var(--material-popover-sheen);color:var(--foreground);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,height .15s,inset-inline .5s cubic-bezier(.22,1,.36,1),border-radius .5s cubic-bezier(.22,1,.36,1);box-shadow:0 12px 32px -12px #0009}.cn-toast[data-type=success]{background-color:var(--success-surface);border-color:oklch(from var(--success) l c h / .4);color:var(--success)}.cn-toast[data-type=warning]{background-color:var(--warning-surface);border-color:oklch(from var(--warning) l c h / .4);color:var(--warning)}.cn-toast[data-type=error]{background-color:var(--error-surface);border-color:oklch(from var(--destructive) l c h / .4);color:var(--destructive)}.cn-toast[data-type=info],.cn-toast[data-type=loading]{background-color:var(--info-surface);border-color:oklch(from var(--info) l c h / .4);color:var(--info)}.cn-toast[data-starting-style],.cn-toast[data-ending-style]:not([data-limited]):not([data-swipe-direction]){transform:translateY(calc(-100% - 32px))}.cn-toast[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 100% - 32px))}.cn-toast [data-slot=toast-content][data-behind],.cn-toast [data-slot=toast-content][data-behind]+[data-slot=toast-handle]{opacity:0}}