/* toast · Componentes (MIRÓ Labs). Diseño de coss ui (MIT, © coss.com, antes Origin UI).
   Generado por tools/build_css.py desde toast.tw.json. No editar a mano. Necesita tokens.css. */
.c-toast__content{pointer-events:auto}
.c-toast{position:absolute}
.c-toast-viewport{position:fixed;z-index:60}
.c-toast{z-index:calc(9999 - var(--toast-index))}
.c-toast-viewport{margin-inline:auto;display:flex}
.c-toast__content{display:flex}
.c-toast__main{display:flex}
.c-toast__text{display:flex}
.c-toast{height:var(--toast-calc-height)}
.c-toast-viewport{width:calc(100% - var(--toast-inset)*2)}
.c-toast{width:100%}
.c-toast-viewport{max-width:calc(var(--spacing)*90)}
.c-toast__text{flex-direction:column}
.c-toast__content{align-items:center;justify-content:space-between}
.c-toast__text{gap:calc(var(--spacing)*.5)}
.c-toast__content{gap:calc(var(--spacing)*1.5)}
.c-toast__main{gap:calc(var(--spacing)*2)}
.c-toast__content{overflow:hidden}
.c-toast{border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;background-color:var(--popover)}
@supports (color:color-mix(in lab, red, red)){
.c-toast{background-color:color-mix(in srgb,var(--popover),var(--color-black)calc(1%*max(0,var(--toast-index,0))))}
}
.c-toast__content{padding-inline:calc(var(--spacing)*3.5);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
.c-toast__title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
.c-toast__description{color:var(--muted-foreground)}
.c-toast{color:var(--popover-foreground);--tw-shadow-alpha:5%;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000000d),0 4px 6px -4px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
@supports (color:lab(0% 0 0)){
.c-toast{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,lab(0% 0 0/.05)),0 4px 6px -4px var(--tw-shadow-color,lab(0% 0 0/.05))}
}
.c-toast__content{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;transition-duration:.25s}
.c-toast{-webkit-user-select:none;user-select:none;--toast-calc-height:var(--toast-frontmost-height,var(--toast-height));--toast-gap:calc(var(--spacing)*3)}
.c-toast-viewport{--toast-inset:calc(var(--spacing)*4)}
.c-toast{--toast-peek:calc(var(--spacing)*3);--toast-scale:calc(max(0,1 - (var(--toast-index)*.1)));--toast-shrink:calc(1 - var(--toast-scale));transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,height .15s,background-color .5s}
.c-toast:not(:is(.dark *)){background-clip:padding-box}
.c-toast:before{content:var(--tw-content);pointer-events:none;content:var(--tw-content);position:absolute;content:var(--tw-content);inset:calc(var(--spacing)*0);content:var(--tw-content);border-radius:calc(var(--radius-lg) - 1px);content:var(--tw-content);--tw-shadow:0 1px var(--tw-shadow-color,#0000000a)}
@supports (color:color-mix(in lab, red, red)){
.c-toast:before{--tw-shadow:0 1px var(--tw-shadow-color,color-mix(in oklab,var(--color-black)4%,transparent))}
}
.c-toast:before{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.c-toast:after{content:var(--tw-content);position:absolute;content:var(--tw-content);left:calc(var(--spacing)*0);content:var(--tw-content);height:calc(var(--toast-gap) + 1px);content:var(--tw-content);width:100%}
.c-toast__content[data-behind]{opacity:0}
.c-toast__content[data-behind]:not([data-expanded]){pointer-events:none}
.c-toast[data-expanded]{background-color:var(--popover)}
.c-toast__content[data-expanded]{opacity:1}
.c-toast[data-position][data-expanded]{transform:translateX(var(--toast-swipe-movement-x))translateY(var(--toast-calc-offset-y))}
.c-toast[data-position*=bottom]{top:auto}
.c-toast-viewport[data-position*=bottom]{bottom:var(--toast-inset)}
.c-toast[data-position*=bottom]{bottom:calc(var(--spacing)*0);transform-origin:50% calc(50% + 50%*min(var(--toast-index,0),1));transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index)*var(--toast-peek)) - (var(--toast-shrink)*var(--toast-calc-height))))scale(var(--toast-scale));--toast-calc-offset-y:calc(var(--toast-offset-y)*-1 + var(--toast-index)*var(--toast-gap)*-1 + var(--toast-swipe-movement-y))}
.c-toast[data-position*=bottom]:after{content:var(--tw-content);bottom:100%}
.c-toast[data-position*=bottom][data-starting-style]{transform:translateY(calc(100% + var(--toast-inset)))}
.c-toast[data-position*=bottom][data-ending-style]:not([data-limited]):not([data-swipe-direction]){transform:translateY(calc(100% + var(--toast-inset)))}
.c-toast-viewport[data-position*=right]{right:var(--toast-inset)}
.c-toast[data-position*=right]{right:calc(var(--spacing)*0);left:auto}
@media (min-width:40rem){
.c-toast-viewport{--toast-inset:calc(var(--spacing)*8)}
}
.c-toast:is(.dark *){background-color:var(--popover)}
@supports (color:color-mix(in lab, red, red)){
.c-toast:is(.dark *){background-color:color-mix(in srgb,var(--popover),var(--color-black)calc(6%*max(0,var(--toast-index,0))))}
}
.c-toast:is(.dark *):before{content:var(--tw-content);--tw-shadow:0 -1px var(--tw-shadow-color,#ffffff0f)}
@supports (color:color-mix(in lab, red, red)){
.c-toast:is(.dark *):before{--tw-shadow:0 -1px var(--tw-shadow-color,color-mix(in oklab,var(--color-white)6%,transparent))}
}
.c-toast:is(.dark *):before{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.c-toast:is(.dark *)[data-expanded]{background-color:var(--popover)}
.c-toast__content svg{pointer-events:none;flex-shrink:0}
.c-toast__content>svg{height:1lh;width:calc(var(--spacing)*4)}
/* propio */
.c-toast-viewport{list-style:none;margin:0;padding:0}
.c-toast{list-style:none}
.c-toast[data-starting-style],.c-toast[data-ending-style]{opacity:0}
.c-toast__icon{flex:none;width:1rem;height:1lh}
.c-toast[data-type=success] .c-toast__icon{color:var(--success)}
.c-toast[data-type=error] .c-toast__icon{color:var(--destructive)}
.c-toast[data-type=info] .c-toast__icon{color:var(--info)}
.c-toast[data-type=warning] .c-toast__icon{color:var(--warning)}