[data-v-57f4d600]{color:#fff}[panel][data-v-57f4d600]{max-width:300px;width:25vw;min-width:200px;padding:5px;border-radius:5px;border:2px solid black;position:fixed;top:20%;right:0%;background-color:#fff;z-index:10;transition:transform .2s ease-in-out}[panel]>div[data-v-57f4d600]:nth-child(2){content:"P";background-color:#fff;width:40px;height:40px;position:absolute;top:0%;left:0%;transform:translate(-100%);border-radius:5px;border:2px solid black;font-size:24px;cursor:pointer;color:#000}[panel]>div>div[data-v-57f4d600]{display:flex;cursor:pointer;padding:5px;align-items:center}[panel]>div>div[data-v-57f4d600]:hover,[panel]>div>div[sel][data-v-57f4d600]{background-color:#333;color:#fff}[panel]>div>div>div[data-v-57f4d600]{flex:1}[panel]>div>div>div>div[data-v-57f4d600]{display:flex}[panel]>div>div>div>div>div[data-v-57f4d600]{flex:1;height:20px;border:1px solid black}[panel]>div>div>div>div>div[data-v-57f4d600]:nth-child(1){background-color:var(--light-color)}[panel]>div>div>div>div>div[data-v-57f4d600]:nth-child(2){background-color:var(--dark-color)}[panel]>div>div>div>div>div[data-v-57f4d600]:nth-child(3){background-color:var(--contrast-color)}[panel]>div>div>div>div>div[data-v-57f4d600]:nth-child(4){background-color:var(--black-color)}