#toast{
  position:fixed;top:20px;right:20px;bottom:auto;left:auto;
  width:370px;max-width:calc(100vw - 32px);box-sizing:border-box;
  padding:40px 20px 18px 72px;min-height:88px;
  border:1px solid rgba(255,255,255,.85);border-radius:18px;
  background:rgba(248,250,253,.94);color:#263b50;
  box-shadow:0 12px 38px #102e4926,0 2px 7px #102e4914,inset 0 0 0 1px #dae3ed66;
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:13px;font-weight:400;line-height:1.55;text-align:left;
  overflow-wrap:anywhere;white-space:pre-line;transform:none;z-index:10000;
}
#toast::before{content:"TALENTO UPO";position:absolute;top:17px;left:72px;font-size:10px;font-weight:700;letter-spacing:.8px;color:#405b73}
#toast::after{content:"";position:absolute;left:18px;top:20px;width:38px;height:44px;border-radius:10px;background:#fff url("../../logos/UPO.png") center/28px auto no-repeat;box-shadow:0 1px 5px #17334f14}
#toast.toast-visible{animation:notification-enter .38s cubic-bezier(.2,.8,.2,1) both}
#toast.toast-leaving{animation:notification-leave .3s cubic-bezier(.4,0,1,1) both;pointer-events:none}
@keyframes notification-enter{from{opacity:0;transform:translateX(calc(100% + 28px))}to{opacity:1;transform:translateX(0)}}
@keyframes notification-leave{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(100% + 28px))}}
@media(max-width:600px){#toast{top:max(12px,env(safe-area-inset-top));right:16px;padding-right:16px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#toast.toast-visible,#toast.toast-leaving{animation:none;transform:none}#toast.toast-visible{opacity:1}#toast.toast-leaving{opacity:0}}