.pjjs-wrap{
  position: relative;
  width: 100%;
  max-width: 100%;
  background: #000;
  border-radius: 14px;
  overflow: hidden;
}

.pjjs-video{
  width: 100%;
  height: auto;
  display: block;
  background: #000;
}

.pjjs-overlay-btn{
  position:absolute;
  inset:0;
  margin:auto;
  width: 180px;
  height: 54px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 700;
  background: rgba(0,0,0,.55);
  color: #fff;
  backdrop-filter: blur(6px);
  z-index: 6;
}

.pjjs-mini-toggle{
  position:absolute;
  top:10px;
  right:10px;
  z-index:7;
  border:0;
  padding:8px 10px;
  border-radius:999px;
  cursor:pointer;
  background: rgba(0,0,0,.55);
  color:#fff;
  backdrop-filter: blur(6px);
  font-weight:700;
  font-size:12px;
}

.pjjs-error{
  padding: 12px 14px;
  background: #fff1f2;
  border: 1px solid #fecdd3;
  color: #9f1239;
  border-radius: 10px;
}

/* MINI MODE */
.pjjs-wrap.pjjs-mini{
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 360px;
  max-width: calc(100vw - 36px);
  z-index: 999999;
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  border-radius: 14px;
}

.pjjs-wrap.pjjs-mini .pjjs-video{
  max-height: 210px;
}

@media (max-width: 480px){
  .pjjs-wrap.pjjs-mini{
    width: 92vw;
    right: 4vw;
    bottom: 14px;
  }
}