.vwible-video{
  position: fixed;
  bottom: 24px;
  left: 24px;
  width: var(--vwible-width, 360px);
  aspect-ratio: 16 / 9;
  z-index: var(--vwible-z, 999999);
  display: block;
}

.vwible-frame{
  width: 100%;
  height: 100%;
  border-radius: var(--vwible-radius, 12px);
  overflow: hidden;
  background: #000;
}

.vwible-frame iframe{
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.vwible-video .vwible-close{
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  bottom: auto !important;

  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  border-radius: 10px !important;

  background: rgba(0,0,0,.55) !important;
  color: #ffffff !important;

  font-size: 16px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  text-align: center !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  cursor: pointer !important;

  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;

  appearance: none !important;
  -webkit-appearance: none !important;
}

.vwible-video .vwible-close:hover{
  background: rgba(0,0,0,.75) !important;
}

.vwible-video .vwible-close:focus,
.vwible-video .vwible-close:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

/* Neutraliza pseudo-elementos de temas */
.vwible-video .vwible-close::before,
.vwible-video .vwible-close::after{
  content: none !important;
}

@media (max-width: 1199px){
  .vwible-video{
    display: none !important;
  }
}