#bye-notify-root{position:fixed;right:20px;top:20px;width:min(350px,calc(100vw - 32px));z-index:2147480000;pointer-events:none;font-family:inherit}
.bye-notify-toast{display:flex;gap:12px;align-items:center;padding:14px 16px;background:#fff;color:#242424;border:1px solid #e6e6e6;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.13);text-decoration:none!important;pointer-events:auto;opacity:0;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease}
.bye-notify-toast.bye-notify-visible{opacity:1;transform:translateY(0)}
.bye-notify-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;background:#f5f5f5;border-radius:12px;font-size:19px}
.bye-notify-content{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.bye-notify-content strong{font-size:14px;font-weight:700;line-height:1.45;color:inherit}
.bye-notify-content>span{font-size:12px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="dark"] .bye-notify-toast{background:#252525;color:#f2f2f2;border-color:#444}
html[data-theme="dark"] .bye-notify-icon{background:#353535}
html[data-theme="dark"] .bye-notify-content>span{color:#b6b6b6}
@media(max-width:600px){#bye-notify-root{right:12px;top:12px;width:min(350px,calc(100vw - 24px))}.bye-notify-toast{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.bye-notify-toast{transition:none;transform:none}}