:root{--toast-success-hue:150;--toast-failure-hue:20;--toast-warning-hue:205;--toast-padding:1.5em;--toast-margin:.5em;--secondary-hue:25;--toast-bg-color-fallback:hsl(var(--secondary-hue)15% 100%);--toast-text-color-fallback:hsl(var(--secondary-hue)10% 25%);--toast-opacity:.99;--toast-content-gap:1em}.toast{background-color:var(--toast-bg-color-fallback);padding:var(--toast-padding);box-shadow:hsl(var(--secondary-hue)10% 10%/10%)0px 1px 3px 0px,hsl(var(--secondary-hue)10% 10%/5%)0px 1px 2px 0px;color:var(--toast-text-color-fallback);opacity:var(--toast-opacity);border-radius:.5em;position:relative}.toast:hover{opacity:1;box-shadow:hsl(var(--secondary-hue)10% 10%/30%)0px 1px 3px 0px,hsl(var(--secondary-hue)10% 10%/15%)0px 1px 2px 0px}.toast+.toast{margin-top:var(--toast-margin)}.toast-message{gap:var(--toast-content-gap);align-items:top;display:flex}.toast-close-btn{cursor:pointer;width:1em;height:1em;color:inherit;background:0 0;border:none;padding:0;line-height:1;position:absolute;top:.5em;right:.5em}.toast-success{color:hsl(var(--toast-success-hue)97% 3%);background-color:hsl(var(--toast-success-hue)98% 99%)}.toast-success .icon--thumb{color:hsl(var(--toast-success-hue)90% 40%)}.toast-failure{color:hsl(var(--toast-failure-hue)97% 3%);background-color:hsl(var(--toast-failure-hue)98% 99%)}.toast-failure .icon--thumb{color:hsl(var(--toast-failure-hue)90% 40%)}.toast-warning{color:hsl(var(--toast-warning-hue)97% 3%);background-color:hsl(var(--toast-warning-hue)98% 99%)}.toast-warning .icon--thumb{color:hsl(var(--toast-warning-hue)90% 40%)}
.icon{fill:currentColor;width:1em;height:1em}.icon--lg{width:1.5em;height:1.5em}
:root{--toast-speed:.25s;--toast-list-scrollbar-width:.35em;--toast-list-width:400px;--toast-list-padding:1em}.toast-list{padding:var(--toast-list-padding);width:100%;max-width:var(--toast-list-width);max-height:100vh;position:fixed;overflow:hidden auto}.toast-list-top-left{top:0;left:0}.toast-list-top-right{top:0;right:0}.toast-list-bottom-left{bottom:0;left:0}.toast-list-bottom-right{bottom:0;right:0}@keyframes toast-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes toast-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.toast-list-top-left .toast,.toast-list-bottom-left .toast{animation:toast-in-left var(--toast-speed)}.toast-list-top-right .toast,.toast-list-bottom-right .toast{animation:toast-in-right var(--toast-speed)}.toast-list .toast{transition:transform var(--toast-speed),opacity var(--toast-speed),box-shadow var(--toast-speed)ease-in-out}