[data-theme=blue]{--bg-color: #4C9EEA}[data-theme=orange]{--bg-color: #FFBB5C}.toast--box{position:relative;max-width:calc(100% - 30px);width:auto;padding:12px 16px;margin:0 auto;border-radius:6px;background:var(--bg-color);color:#fff;font-size:14px;line-height:1.5;box-shadow:0 1px 8px #0000001f;opacity:0;will-change:opacity,transform;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center;pointer-events:auto;touch-action:manipulation;z-index:9999}.toast--show{animation:toastFadeIn .25s cubic-bezier(.2,0,.1,1) forwards}.toast--hide{animation:toastFadeOut .2s cubic-bezier(.2,0,.1,1) forwards}.toast--con{display:flex;align-items:center;justify-content:flex-start;width:100%}.toast--icon{flex-shrink:0;width:20px;height:20px;margin-right:8px}.toast--icon img{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain}.toast--msg{flex:1;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0;max-width:100%}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.toast--top.toast--show{animation:toastTopFadeIn .3s ease-out forwards}.toast--bottom.toast--show{animation:toastBottomFadeIn .3s ease-out forwards}@keyframes toastTopFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastBottomFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width: 768px){.toast--box{max-width:320px;padding:12px 20px}}@media (prefers-color-scheme: dark){.toast--box{box-shadow:0 2px 12px #0000004d}}@media (prefers-reduced-motion: reduce){.toast--box,.toast--show,.toast--hide{animation-duration:.01ms!important;transition-duration:.01ms!important}}