/* BLACKSAW2081 LAB v2.8.39 — naprawa komunikatów fazy */

/* Główny kontener ma dokładnie rozmiar ramki i nic nie wystaje na prawo. */
.phase-toast{
  width:min(560px,86vw) !important;
  min-width:0 !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  text-align:center !important;
}

/* Usuwamy zbędny prostokątny panel wystający spod ramy. */
.phase-toast > .blacksaw-frame-content{
  position:relative !important;
  z-index:3 !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  margin:30px 54px 32px !important;
  padding:18px 26px 26px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:8px !important;
  background:
    linear-gradient(145deg,rgba(39,20,20,.97),rgba(8,9,12,.98) 46%,rgba(27,8,12,.97)) !important;
  box-shadow:
    inset 0 0 28px rgba(238,20,71,.10),
    0 10px 24px rgba(0,0,0,.45) !important;
  text-align:center !important;
}

/* Wszystkie teksty centralnie, bez przesunięcia. */
.phase-toast > .blacksaw-frame-content > strong,
.phase-toast > .blacksaw-frame-content > span,
.phase-toast > .blacksaw-frame-content > small{
  display:block !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

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

.phase-toast > .blacksaw-frame-content > span{
  margin-top:0 !important;
  margin-bottom:8px !important;
}

.phase-toast > .blacksaw-frame-content > small{
  line-height:1.35 !important;
}

/* Pasek wyłącznie wewnątrz ramki. */
.phase-toast > .message-progress{
  position:absolute !important;
  left:110px !important;
  right:110px !important;
  bottom:28px !important;
  top:auto !important;
  z-index:6 !important;
  margin:0 !important;
}

/* Rama pozostaje symetryczna i nie wychodzi poza kontener. */
.phase-toast > .blacksaw-frame-corner{
  width:46% !important;
  height:auto !important;
  aspect-ratio:591/506 !important;
}

.phase-toast > .frame-top-left{
  left:-1% !important;
  top:-6% !important;
}
.phase-toast > .frame-top-right{
  right:-1% !important;
  top:-6% !important;
}
.phase-toast > .frame-bottom-left{
  left:-1% !important;
  bottom:-6% !important;
}
.phase-toast > .frame-bottom-right{
  right:-1% !important;
  bottom:-6% !important;
}

@media(max-width:720px){
  .phase-toast{
    width:min(92vw,520px) !important;
  }
  .phase-toast > .blacksaw-frame-content{
    margin:24px 42px 27px !important;
    padding:16px 18px 24px !important;
  }
  .phase-toast > .message-progress{
    left:84px !important;
    right:84px !important;
    bottom:24px !important;
  }
}