pkrstarsbot/www/twitch_extension/css/style.css

.pp-offcanvas-body {
    position: absolute !Important;
    top: 50% !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

.pp-offcanvas-content {
    overflow: hidden !important;
    width: 10vw !important;
}

.pp-offcanvas-custom-content {
    margin-bottom: 2vw;
    font-size: 1vw;
}

.pp-offcanvas-custom-content i {
    font-size: 2vw;
}

img#sidebarLogo {
    width: 6vw;
    height: 6vw;
    max-width: 512px;
    max-height: 512px;
}

.pp-offcanvas-custom-content:hover i,
.pp-offcanvas-custom-content:hover p {
    color: #00aedb;
}

.pp-offcanvas-custom-content i {
    color: #ffffff;
}

#slideOut {
    right: 0;
    color: #ffffff;
    background: #444;
}

.slideToggle {
    width: .8vw;
    height: 10vw;
}

.slideToggle i {
    font-size: 1.4vw;
}

#slideIn {
    left: 0;
    width: .8vw;
    height: 10vw;
    background: black;
    color: #ffffff;
}

#slideIn i {
    position: relative !important;
}

.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.centerBoth {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.4vw;
}

#modal-5fb29d747a583 .pp-modal.layout-standard {
    width: 30vw !important;
    height: 20vw !important;
}

.fl-node-5fb29d747a583 .pp-modal .pp-modal-title,
#modal-5fb29d747a583 .pp-modal .pp-modal-title {
    padding: .5vw .5vw !important;
    font-size: 1.2vw !important;
}

.pp-infobox-icon-inner span:before {
    font-size: 2vw !important;
}

span.pp-infobox-title-prefix {
    font-size: 1vw;
}

.pp-infobox-title {
    font-size: 1vw;
}

.pp-infobox-description {
    font-size: .8vw;
}

.modalClose {
    right: -.5vw;
    top: -.5vw;
    position: absolute;
}

.pp-modal-close.box-top-right {
    top: -.6vw !important;
    right: -.6vw !important;
}

.pp-modal-close {
    border-radius: 0 !important;
    width: 1.2vw !important;
    height: 1.2vw !important;
    padding: .55vw !important;
}

.pp-modal-close .bar-wrap {
    display: contents !important;
}

.pp-modal-close .bar-wrap .bar-1 {
    top: .55vw !important;
}

.pp-modal-close .bar-wrap .bar-2 {
    top: .55vw !important;
}

.pp-infobox-wrap {
    margin-right: .1vw;
    margin-left: .2vw;
    margin-top: .1vw;
    margin-bottom: .1vw;
}

.pp-modal {
    margin: 0 !important;
}

.pp-modal-container {
    overflow: hidden !important;
}

.pp-modal-wrap {
    z-index: 99 !important;
}

.pp-modal-wrap {
    overflow: hidden !important;
}

#slideInOverlay i {
    color: white;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pp-accordion-item {
    margin-bottom: .2vw !important;
}

.pp-accordion-button {
    padding: 0 1vw 0 1vw !important;
}

.pp-accordion-item .pp-accordion-content {
    padding: 0 1vw 0 1vw;
}

td.min {
    width: 1%;
    white-space: nowrap;
}

/*#afTable td {*/
/*    width: 33%;*/
/*    white-space: nowrap;*/
/*    padding: .1vw;*/
/*}*/

/*#afTable td, .pp-modal p {*/
/*    font-size: .7vw;*/
/*    margin: 0;*/
/*}*/

.streamerInfoTable td {
    width: 33%;
    white-space: nowrap;
    padding: .1vw;
}

.streamerInfoTable td, .pp-modal p {
    font-size: .7vw;
    margin: 0;
}

.streamerInfoTable {
    margin: .5vw 0 0.5vw 0;
}

/*#afTable {*/
/*    margin: .5vw 0 0.5vw 0;*/
/*}*/

.pp-accordion-item .pp-accordion-content {
    padding: .5vw 1vw .5vw 1vw !important;
}

.pp-accordion-button-label {
    font-size: .8vw;
}

.pp-modal .pp-modal-title,
#modal-5fb29d747a583 .pp-modal .pp-modal-title {
    font-size: 1vw !important;
}

.pp-modal .pp-modal-content {
    width: 30vw !important;
    height: 17.5vw !important;
}


.mask {
    display: none;
    /*This hides the mask*/
}

.ajax {
    background-position-x: left;
    background-position-y: center;
    position: relative;
    background-image: url(https://zinomedia.de/wp_hq/pkrstarsbotextension/wp-content/uploads/sites/8/2020/11/ajax-loader-1.gif);
    background-size: 1vw 1vw;
    z-index: 1000;
    background-repeat: no-repeat;
}

.pp-modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}