/* BLACKSAW2081 LAB v2.8.52
   Naprawa dolnej belki i prześwitu pod ramką.
*/

/* Cała dolna część ramy idzie wyżej. */
.phase-toast > .frame-bottom-left,
.phase-toast > .frame-bottom-right{
  bottom:10px !important;
}

/* Dolna belka idzie wyżej i łączy się z narożnikami. */
.phase-toast > .bs-nine-edge-bottom{
  bottom:34px !important;
  left:124px !important;
  right:124px !important;
  height:12px !important;
}

/* Teksturowane tło schodzi niżej, aż pod dolną belkę.
   Dzięki temu nie widać planszy pomiędzy tłem i ramą. */
.phase-toast > .blacksaw-frame-content{
  bottom:18px !important;
}

/* Pasek czasu zostaje nad dolną belką, bez nakładania się na grafikę. */
.phase-toast > .message-progress{
  bottom:39px !important;
}

/* Dodatkowe zabezpieczenie przed prześwitem w dolnej części. */
.phase-toast::after{
  content:"" !important;
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  bottom:18px !important;
  height:28px !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,rgba(5,6,8,.08),rgba(3,4,6,.30)),
    url('../images/ui/frame_background.png') center bottom/cover no-repeat !important;
}

@media(max-width:720px){
  .phase-toast > .frame-bottom-left,
  .phase-toast > .frame-bottom-right{
    bottom:8px !important;
  }

  .phase-toast > .bs-nine-edge-bottom{
    bottom:27px !important;
  }

  .phase-toast > .blacksaw-frame-content{
    bottom:15px !important;
  }

  .phase-toast > .message-progress{
    bottom:32px !important;
  }

  .phase-toast::after{
    left:19px !important;
    right:19px !important;
    bottom:15px !important;
    height:24px !important;
  }
}