.pp-editor-active {
    display: block;
}

.pp-editor-inactive {
    display: none;
}

.pp-script-active {
    background: #E85DB6;
}

.pp-script-inactive {
    background: none;
}

#pp-add-script:hover {
    font-size: 1.2rem;
    cursor: pointer;
}

#pp-script-list li,
#pp-save,
#pp-hints,
#pp-start,
.convert-lang {
    padding: 0 0.25rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#pp-script-list li:hover {
    background: #E85DB6;
    cursor: pointer;
}

.pp-script-delete {
    display: none;
    padding-right: 0.25rem;
}

#pp-script-list li:hover~.pp-script-delete,
#pp-script-list li:hover+.pp-script-delete,
#pp-script-list li:hover>.pp-script-delete {
    display: inline-block;
}

.pp-script-delete:hover {
    font-size: 1.1rem;
}

#pp-col-adjust-code,
#pp-col-adjust-canvas,
#pp-col-adjust-none {
    width: 0.75rem;
    border-right: 1px solid black;
    border-left: 1px solid black;
    background: #252525;
    color: white;
    font-weight: 900;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#pp-col-adjust-code:hover,
#pp-col-adjust-canvas:hover {
    cursor: col-resize;
}

.text-vert {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: block;
    white-space: nowrap;
    top: 30%;
    position: relative;
}

#pp-save,
#pp-start,
#pp-hints,
.convert-lang {
    text-align: center;
    background-clip: content-box;
    background-color: #7d087d;
    color: white;
    font-size: 1rem;
    font-weight: 700;
}

#pp-start:hover,
#pp-save:hover,
#pp-sprite-edit:hover,
#pp-hints:hover,
.convert-lang:hover {
    cursor: pointer;
    background-color: #630663;
}

#pp-save:active,
#pp-start:active,
#pp-hints:active,
.convert-lang:active {
    background-color: #440444;
}

.convert-lang {
    background-color: #1acca1;
}

.convert-lang:hover {
    background-color: #16a582;
}

.convert-lang:active {
    background-color: #137c62;
}

.blocklyToolboxDiv {
    background-color: #f6f6ff;
}

.undo-redo {
    opacity: 0.4;
    color: #676767;
}

.undo-redo:hover {
    opacity: 0.5;
    cursor: pointer;
}

.undo-redo:active {
    opacity: 0.6;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #1bbc9b;
    border: 1rem solid #1bbc9b;
    padding: 1rem;
    border-radius: 100px;
}

.pjsconsole {
    display: none !important;
}