/* Shared bottom-right rail for transient notices. New items rise above existing ones. */
.tw-notification-rail{
  --tw-notification-bottom:18px;
  position:fixed;
  right:18px;
  bottom:var(--tw-notification-bottom);
  z-index:2147483200;
  display:flex;
  flex-direction:column-reverse;
  align-items:flex-end;
  gap:10px;
  width:min(390px,calc(100vw - 36px));
  max-height:calc(100vh - var(--tw-notification-bottom) - 18px);
  pointer-events:none;
}
.tw-notification-rail>.tw-notification-item{
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:100%;
  max-width:100%;
  margin:0!important;
  transform-origin:bottom right;
}
.tw-notification-rail>.egg-toast{
  pointer-events:auto;
}
.tw-notification-rail>.discovery-toast{
  width:min(360px,100%);
}
.tw-notification-rail>.pin-pick-toast{
  pointer-events:none;
}
@media(max-width:640px){
  .tw-notification-rail{
    right:10px;
    width:calc(100vw - 20px);
    gap:8px;
  }
  .tw-notification-rail>.discovery-toast{
    width:100%;
  }
}
.tw-notification-rail>.egg-toast{
  animation:tw-notification-in .24s ease both;
}
.tw-notification-rail>.egg-toast.is-leaving{
  animation:tw-notification-out .24s ease both;
}
.tw-notification-rail>.discovery-toast{
  transform:translateY(-10px) scale(.97);
}
.tw-notification-rail>.discovery-toast.is-visible{
  transform:translateY(0) scale(1);
}
.tw-notification-rail>.discovery-toast.is-leaving{
  transform:translateY(-8px) scale(.98);
}
@keyframes tw-notification-in{
  from{opacity:0;transform:translateY(-10px) scale(.98)}
  to{opacity:1;transform:none}
}
@keyframes tw-notification-out{
  to{opacity:0;transform:translateY(-8px) scale(.98)}
}