#debug-flyout {
  position: fixed;
  right: 0px;
  top: 20vh;
  background-color: #fff;
  z-index: 9999;
  transform: translateX(100%);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  #debug-flyout, #debug-flyout #df-title {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75); }
  #debug-flyout.open {
    transform: translateX(10%); }
  #debug-flyout #df-title {
    font-size: 20px;
    transform: rotate(90deg);
    position: absolute;
    top: 65px;
    left: -83px;
    padding: .5em;
    background-color: #fff; }
  #debug-flyout #df-container {
    width: 20vw;
    min-height: 30vh;
    border: none;
    outline: none;
    padding-right: 10%; }

/*# sourceMappingURL=debug-flyout.css.map */