.zeela-debug{
  position:fixed;
  bottom:0;
  overflow:auto;
  max-width:100%;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  color:white;
}[dir] .zeela-debug{
  padding:18px 27px;
  border:solid 1px transparent;
  background-color:rgba(0, 0, 0, 0.5);
}[dir=ltr] .zeela-debug{
  right:0;
}[dir=rtl] .zeela-debug{
  left:0;
}

.zeela-debug a{
    color:inherit;
  }

.zeela-debug label{
    width:300px;
    vertical-align:top;
    font-size:18px;
  }

[dir] .zeela-debug label{
    margin-top:5px;
    padding:5px 0;
    cursor:pointer;
  }

[dir] .zeela-debug input[type="checkbox"]{
    margin-top:10px;
    cursor:pointer;
  }

[dir=ltr] .zeela-debug input[type="checkbox"]{
  margin-right:10px;
  }

[dir=rtl] .zeela-debug input[type="checkbox"]{
    margin-left:10px;
  }

[dir] .zeela-debug .description{
    margin-top:18px;
  }

.zeela-debug__row{
  display:flex;
}

.zeela-debug__close{
  position:absolute;
  top:0;
  display:block;
  width:40px;
  height:40px;
  text-indent:-999px;
}

[dir] .zeela-debug__close{
  cursor:pointer;
  border:0;
  background:transparent;
}

[dir=ltr] .zeela-debug__close{
  right:0;
}

[dir=rtl] .zeela-debug__close{
  left:0;
}

.zeela-debug__close:before,
  .zeela-debug__close:after{
    position:absolute;
    top:50%;
    width:18px;
    height:3px;
    content:"";
  }

[dir] .zeela-debug__close:before, [dir] .zeela-debug__close:after{
    background-color:white;
  }

[dir=ltr] .zeela-debug__close:before, [dir=ltr] .zeela-debug__close:after{
  left:50%;
  transform:translate(-50%, -50%) rotate(45deg);
  }

[dir=rtl] .zeela-debug__close:before, [dir=rtl] .zeela-debug__close:after{
    right:50%;
    transform:translate(50%, -50%) rotate(-45deg);
  }

[dir=ltr] .zeela-debug__close:after{
  transform:translate(-50%, -50%) rotate(-45deg);
  }

[dir=rtl] .zeela-debug__close:after{
    transform:translate(50%, -50%) rotate(45deg);
  }