/* Small celebratory fireworks replace the former topic-word and shape pop-outs. */
.pf-v5-c-login__container::before,.pf-v5-c-login__container::after,
.pf-v5-c-login__main-body::before,.pf-v5-c-login__main-body::after,
.pf-v5-c-form::before,.pf-v5-c-form::after{
  content:"";position:fixed;left:50%;top:50%;z-index:1;width:5px;height:5px;padding:0;
  border:0;border-radius:50%;background:currentColor;pointer-events:none;opacity:0;
  box-shadow:0 -13px 0 -1px currentColor,9px -9px 0 -1px currentColor,13px 0 0 -1px currentColor,
    9px 9px 0 -1px currentColor,0 13px 0 -1px currentColor,-9px 9px 0 -1px currentColor,
    -13px 0 0 -1px currentColor,-9px -9px 0 -1px currentColor;
  filter:drop-shadow(0 2px 2px rgba(23,43,49,.12));
  animation:yookan-small-firework 1.35s cubic-bezier(.16,.78,.25,1) both;
}
.pf-v5-c-login__container::before{--burst-x:-310px;--burst-y:-190px;color:#e85c50;animation-delay:.08s}
.pf-v5-c-login__container::after{--burst-x:300px;--burst-y:-185px;color:#147d73;animation-delay:.2s}
.pf-v5-c-login__main-body::before{--burst-x:-340px;--burst-y:35px;color:#8367c7;animation-delay:.32s}
.pf-v5-c-login__main-body::after{--burst-x:345px;--burst-y:25px;color:#db8c00;animation-delay:.44s}
.pf-v5-c-form::before{--burst-x:-275px;--burst-y:205px;color:#2784c4;animation-delay:.56s}
.pf-v5-c-form::after{--burst-x:280px;--burst-y:210px;color:#d04e86;animation-delay:.68s}
@keyframes yookan-small-firework{
  0%,22%{opacity:0;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(.15)}
  45%{opacity:.95;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(.6)}
  78%{opacity:.75}
  100%{opacity:0;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(1.35)}
}
@media(max-width:700px){
  .pf-v5-c-login__container::before{--burst-x:-120px;--burst-y:-290px}.pf-v5-c-login__container::after{--burst-x:115px;--burst-y:-280px}
  .pf-v5-c-login__main-body::before{--burst-x:-125px;--burst-y:-180px}.pf-v5-c-login__main-body::after{--burst-x:125px;--burst-y:-150px}
  .pf-v5-c-form::before{--burst-x:-115px;--burst-y:265px}.pf-v5-c-form::after{--burst-x:115px;--burst-y:280px}
}
@media(prefers-reduced-motion:reduce){
  .pf-v5-c-login__container::before,.pf-v5-c-login__container::after,
  .pf-v5-c-login__main-body::before,.pf-v5-c-login__main-body::after,
  .pf-v5-c-form::before,.pf-v5-c-form::after{animation:none;opacity:0}
}