#settings-container{position:absolute;left:-416px;top:calc(50% - 246px);transition:0.5s left}
#settings-container.show{left:calc(50% - 208px)}
#settings-container.hide{left:100%}
#settings-tabs{padding:0 8px}
#settings-tabs .tab{text-decoration:none;display:inline-block;padding:4px;margin:2px 2px 0 2px;border-radius:2px;border-bottom-left-radius:0;border-bottom-right-radius:0;cursor:pointer;background:#bdbdbd;color:#000;text-overflow:ellipsis;overflow:hidden;max-width:80%;vertical-align:top}
#settings-tabs .tab:hover:not(.selected){color:rgba(0,0,0,0.5)}
#settings-tabs .tab:last-child{float:right}
#settings-tabs .tab.selected{background:#eef1e7}
#settings{border-radius:2px;background:#eef1e7;padding:24px 8px 8px 8px;text-align:left}
#settings-inner{width:400px;height:400px;overflow:auto}
#settings-inner input[type=range]{width:50%}
#settings-inner .clickable{display:inline-block;padding:4px;text-decoration:underline;cursor:pointer}
#settings-inner .clickable:hover{color:#aaa}
.skin-box{display:inline-block;padding:2px;margin:0 1px;background:rgba(0,0,0,.4);border-radius:2px;vertical-align:middle}
.skin-box div{display:block;width:20px;height:20px}
.skin-box.selected div{width:32px;height:32px}
.dye-box{display:inline-block;padding:2px;margin:0 1px;background:rgba(0,0,0,0);border-radius:2px;vertical-align:middle}
.dye-box div{display:block;width:20px;height:20px}
.dye-box.selected div{width:32px;height:32px}
#settings-inner span:not(.key-name):not(.button){display:inline-block;padding:4px;margin-left:4px;border-radius:2px}
#settings-inner span.selected,#settings-tabs .tab.key-selected{background:#91c9f7 !important}
#settings-inner .key-name,#settings-inner .key-item{display:inline-block;width:25%;background:rgba(0,0,0,0.1);border-top-left-radius:2px;border-bottom-left-radius:2px;padding:4px;margin-top:2px;text-align:right}
#settings-inner .key-name:first-child{margin-top:0}
#settings-inner .key{display:inline-block;width:50%;background:#fff;padding:4px;text-align:center}
#settings-inner .key.error{background:#d83b3b;color:#fff}
#settings-inner .key.selected{background:#3facf9;color:#fff}
#settings-inner .key-item{border-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;text-align:center}
#settings-inner .ev-name{width:50%}
#settings-inner .ev-input{width:50%;border:0}
#settings-inner .button{display:inline-block;background:rgba(0,0,0,0.2);border-radius:2px;padding:4px;margin-top:2px;cursor:pointer}
#settings-inner .button:hover{background:rgba(0,0,0,0.1)}
#settings-inner .button.remove{background:#de6464;color:#fff}
#settings-inner .button.remove:hover{background:rgba(222,100,100,0.75)}
#settings-inner .var-type{cursor:pointer}