.fl-wrapper {
  position: fixed;
  z-index: 10;
  width: 24em;
  transition: all 1s ease-in-out;
}
@media only screen and (width <= 480px) {
  .fl-wrapper {
    width: 90%;
    left: 5%;
    right: 5%;
  }
}
.fl-wrapper[data-position^=top-] {
  top: 0.5em;
}
.fl-wrapper[data-position^=bottom-] {
  bottom: 0.5em;
}
.fl-wrapper[data-position$=-right] {
  right: 0.5em;
}
.fl-wrapper[data-position$=-right] .fl-container {
  transform: translateX(110%);
}
.fl-wrapper[data-position$=-left] {
  left: 0.5em;
}
.fl-wrapper[data-position$=-left] .fl-container {
  transform: translateX(-110%);
}
.fl-wrapper[data-position$=-center] {
  left: 50%;
  transform: translateX(-50%);
}
.fl-wrapper[data-position=top-center] .fl-container {
  transform: translateY(-100vh);
}
.fl-wrapper[data-position=bottom-center] .fl-container {
  transform: translateY(100vh);
}/*# sourceMappingURL=wrapper.css.map */