.petabot-iframe {
  position: fixed;
  right: 10px;
  left: unset;
  bottom: 10px;
  transform: unset;
  width: 112px;
  height: 128px;
  border: none;
  z-index: 9999999999;
  overflow: visible;
  background: transparent;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.petabot-iframe.expanded {
  width: 475px;
  height: 685px;
}

.petabot-iframe.petabot-position-left {
  left: 10px;
  right: unset;
  transform: unset;
}

.petabot-iframe.petabot-position-center {
  left: 50%;
  right: unset;
  transform: translateX(-50%);
}

.petabot-iframe.petabot-position-right {
  left: unset;
  right: 10px;
  transform: unset;
}

@media screen and (max-width: 480px) {
  .petabot-iframe.expanded {
    width: calc(100vw - 20px);
    height: calc(100dvh - 40px);
  }
}

@media screen and (max-width: 768px) and (min-width: 481px) {
  .petabot-iframe.expanded {
    max-width: 450px;
  }
}