#boot{
  position:fixed;
  inset:0;
  z-index:100;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding:max(env(safe-area-inset-bottom),clamp(14px,3vmin,36px)) max(env(safe-area-inset-right),clamp(14px,3vmin,36px));
  background:#000;
  transition:opacity .8s ease .2s;
}
#boot .boot__animation{position:relative;display:block;width:186px;height:160px}
#boot img{position:absolute;inset:0;display:block;width:186px;height:160px;transition:opacity .35s ease}
#boot.is-leaving{opacity:0;pointer-events:none}
#boot.is-leaving img{opacity:0}

@media (prefers-reduced-motion:reduce){
  #boot,#boot img{transition-duration:.01ms!important;transition-delay:0ms!important}
}