@layer colors,config,root,reboot,layout,content,forms;@layer components{.toast-title{flex:auto}.toast-row{gap:var(--cui-toast-padding-x);align-items:center;display:flex}.toast-description{flex:auto}.toast[data-coreui-limited]{opacity:0;translate:var(--cui-toast-limited-translate,0 50%);display:none}.toast-container-bottom-start,.toast-container-bottom-center,.toast-container-bottom-end{--cui-toast-limited-translate:0 -50%}.toast-container-stack{--cui-toast-stack-peek:.75rem;--cui-toast-stack-scale:.1;--cui-toast-stack-visible:3;--cui-toast-stack-ratio:calc(1 - var(--cui-toast-stack-scale));--cui-toast-stack-depth:calc(var(--cui-toast-stack-front-height) + var(--cui-toast-stack-peek) / var(--cui-toast-stack-scale));--cui-toast-stack-last:calc(min(var(--cui-toast-stack-count), var(--cui-toast-stack-visible)) - 1);width:var(--cui-toast-max-width);max-width:100%;height:calc(var(--cui-toast-stack-depth) * (1 - pow(var(--cui-toast-stack-ratio), var(--cui-toast-stack-last))) + var(--cui-toast-stack-front-height) * pow(var(--cui-toast-stack-ratio), var(--cui-toast-stack-last)));pointer-events:auto}@media (prefers-reduced-motion:no-preference){.toast-container-stack{transition-timing-function:var(--cui-toast-transition-timing);transition-duration:var(--cui-toast-transition-duration);transition-property:height}}.toast-container-stack>.toast{z-index:calc(var(--cui-toast-stack-count) - var(--cui-toast-stack-index));height:var(--cui-toast-stack-front-height);transform-origin:top;scale:pow(var(--cui-toast-stack-ratio), var(--cui-toast-stack-index));margin-block-end:0;position:absolute;inset-block-start:calc(var(--cui-toast-stack-depth) * (1 - pow(var(--cui-toast-stack-ratio), var(--cui-toast-stack-index))));inset-inline:0;overflow:hidden}@media (prefers-reduced-motion:no-preference){.toast-container-stack>.toast:not(.toast-instant){transition-timing-function:var(--cui-toast-transition-timing);transition-duration:var(--cui-toast-transition-duration);transition-behavior:allow-discrete;transition-property:opacity,translate,display,inset-block-start,height,scale}.toast-container-stack>.toast:not(.toast-instant)>*{transition-timing-function:var(--cui-toast-transition-timing);transition-duration:var(--cui-toast-transition-duration);transition-property:opacity}}.toast-container-stack>.toast:not([data-coreui-stack-index="0"]){--cui-toast-leave-translate:0 0;--cui-toast-limited-translate:0 0}.toast-container-stack>.toast:not([data-coreui-stack-index="0"])>*{opacity:0}.toast-container-stack>.toast[data-coreui-stack-hidden]{pointer-events:none;opacity:0}.toast-container-stack:is(:hover,:focus-within){height:calc(var(--cui-toast-stack-heights) + (var(--cui-toast-stack-count) - 1) * var(--cui-toast-spacing))}.toast-container-stack:is(:hover,:focus-within)>.toast{height:var(--cui-toast-height);inset-block-start:calc(var(--cui-toast-stack-before) + var(--cui-toast-stack-index) * var(--cui-toast-spacing));scale:1}.toast-container-stack:is(:hover,:focus-within)>.toast>*{opacity:1}.toast-container-stack:is(:hover,:focus-within)>.toast[data-coreui-stack-hidden]:not([data-coreui-limited]){pointer-events:auto;opacity:1}.toast-container-bottom-start.toast-container-stack>.toast,.toast-container-bottom-center.toast-container-stack>.toast,.toast-container-bottom-end.toast-container-stack>.toast{transform-origin:bottom;inset-block-start:auto;inset-block-end:calc(var(--cui-toast-stack-depth) * (1 - pow(var(--cui-toast-stack-ratio), var(--cui-toast-stack-index))))}@media (prefers-reduced-motion:no-preference){.toast-container-bottom-start.toast-container-stack>.toast:not(.toast-instant),.toast-container-bottom-center.toast-container-stack>.toast:not(.toast-instant),.toast-container-bottom-end.toast-container-stack>.toast:not(.toast-instant){transition-timing-function:var(--cui-toast-transition-timing);transition-duration:var(--cui-toast-transition-duration);transition-behavior:allow-discrete;transition-property:opacity,translate,display,inset-block-end,height,scale}}.toast-container-bottom-start.toast-container-stack:is(:hover,:focus-within)>.toast,.toast-container-bottom-center.toast-container-stack:is(:hover,:focus-within)>.toast,.toast-container-bottom-end.toast-container-stack:is(:hover,:focus-within)>.toast{inset-block-end:calc(var(--cui-toast-stack-before) + var(--cui-toast-stack-index) * var(--cui-toast-spacing))}}@layer custom,helpers,utilities;
