.toasts{inset:auto 0 calc(var(--nav-h) + var(--fab) + var(--sp-4) + 12px + env(safe-area-inset-bottom)) 0;z-index:40;max-width:var(--col-w);padding:0 var(--gutter);pointer-events:none;justify-items:center;margin-inline:auto;display:grid;position:fixed}.toast,.toast-ghost{align-items:center;gap:var(--sp-3);width:100%;min-height:var(--touch);padding:var(--sp-1) var(--sp-4);background:var(--s1);border:1px solid var(--line);border-radius:var(--radius);display:flex;position:relative;overflow:hidden}.toast{pointer-events:auto;animation:toast-in calc(.2s * var(--motion)) ease-out}.toast-ghost{grid-area:1/1;animation:.12s ease-in forwards toast-out}.toast__body{flex-direction:column;flex:1;min-width:0;display:flex}.toast__text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.toast__text--1{-webkit-line-clamp:1;line-clamp:1}.toast__rebote{-webkit-line-clamp:1;line-clamp:1;color:var(--text-2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:399px){.toast{flex-wrap:wrap;row-gap:0}.toast__body{padding-top:var(--sp-1);flex:100%}.toast__action{margin-left:auto}}.toast__action{min-height:var(--touch);padding:0 var(--sp-2);color:var(--agua);text-underline-offset:3px;font-weight:600;text-decoration:underline}.toast__bar{background:var(--agua);transform-origin:0;height:2px;animation:linear forwards toast-bar;position:absolute;inset:auto 0 0}.toast--paused .toast__bar{animation-play-state:paused}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}}@keyframes toast-out{to{opacity:0}}@keyframes toast-bar{to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:.12s ease-out toast-fade}.toast__bar{animation:none}}:root[data-motion=off] .toast{animation:.12s ease-out toast-fade}:root[data-motion=off] .toast__bar{animation:none}@keyframes toast-fade{0%{opacity:0}}.toasts--sheet{inset:auto 0 calc(var(--sp-4) + env(safe-area-inset-bottom)) 0}:root.sheet-open .toasts--root .toast,:root.sheet-open .toasts--root .toast-ghost{opacity:0;pointer-events:none}.toasts--sheet .toast--agua:not(:has(.toast__action)){pointer-events:none}.sheet:has(.sheet__foot) .toasts--sheet{bottom:calc(5.25rem + env(safe-area-inset-bottom))}
