/* Party achievement presentation lives in new.css. These state selectors are
 * kept here because this stylesheet loads later in the legacy client. */
#achievement.party-achievement-toast {
  width: min(390px, calc(100% - 24px));
  height: auto;
  bottom: auto;
  visibility: visible;
  background: linear-gradient(145deg, rgba(22, 15, 8, .97), rgba(5, 5, 9, .97));
}

#achievement.party-achievement-toast.visible {
  visibility: visible;
  opacity: 1;
}

#achievement.party-achievement-toast.hidden {
  visibility: hidden;
  opacity: 0;
}