@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.login[data-v-4b8038d8]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.form[data-v-4b8038d8]{width:450px;background:#fff;border-radius:7px;padding:15px 0;transition:.6s;display:flex;flex-direction:column}@media(max-width:550px){.form[data-v-4b8038d8]{width:95%}}.form .top[data-v-4b8038d8]{padding:5px 20px;position:relative;display:flex;flex-direction:column;row-gap:7px;text-align:center;align-items:center;justify-content:center}.form .top .logo[data-v-4b8038d8]{width:130px;height:50px;position:relative}.form .top .logo img[data-v-4b8038d8]{position:absolute;left:0;width:100%;height:100%}.form .inputs[data-v-4b8038d8]{overflow:hidden;padding:20px 30px;width:100%;transition:.8s}.form .inputs .flex[data-v-4b8038d8]{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:10px;column-gap:10px}.form .inputs label[data-v-4b8038d8]{display:block;font-size:.85rem;color:#0f2f64}.form .inputs input[data-v-4b8038d8],.form .inputs textarea[data-v-4b8038d8]{outline:none;resize:none;display:block;margin:10px 0;padding:7px 10px;width:100%;border:1px solid #ccc;border-radius:4px;font-size:.8rem}.form .inputs button[data-v-4b8038d8]{outline:none;margin:10px 0 15px 0;display:flex;align-items:center;padding:8px 20px;cursor:pointer;border-radius:4px;font-size:.8rem;-moz-column-gap:15px;column-gap:15px;background:#0f2f64;position:relative;overflow:hidden;border:none;width:100%;justify-content:center;color:#fff}[data-v-afbee0f0]{margin:0;padding:0;font-family:Poppins;box-sizing:border-box}.page[data-v-afbee0f0]{display:flex}.page .container[data-v-afbee0f0]{position:relative;width:calc(100% - 300px);height:100vh;overflow-y:auto}.overlay[data-v-afbee0f0]{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.deletepop[data-v-afbee0f0]{padding:20px;font-size:.85rem;width:-moz-fit-content;width:fit-content;background:#fff;border-radius:5px}.deletepop label[data-v-afbee0f0]{color:#0f2f64;display:block;margin:0 0 10px}.deletepop .btns[data-v-afbee0f0]{width:100%;display:flex;align-items:center;justify-content:space-evenly}.deletepop .btns button[data-v-afbee0f0]{padding:3px 10px;font-size:.8rem}.addpop[data-v-afbee0f0]{padding:20px;background:#fff;font-size:.85rem;width:-moz-fit-content;width:fit-content;width:450px;border-radius:5px}.addpop label[data-v-afbee0f0]{color:#0f2f64}.addpop label.head[data-v-afbee0f0]{font-size:.9rem;text-align:center;display:block;padding:0 0 10px;margin-bottom:10px;width:100%;border-bottom:1px solid #dbdbdb}.addpop .flex[data-v-afbee0f0]{display:grid;grid-template-columns:49% 49%;justify-content:space-between;align-items:center}.addpop input[data-v-afbee0f0],.addpop select[data-v-afbee0f0]{display:block;padding:9px 10px;border:1px solid #ccc;width:100%;border-radius:5px;margin:10px 0;outline:none}.addpop .btns[data-v-afbee0f0]{width:100%;display:flex;align-items:center;justify-content:space-evenly;margin:15px 0 0}.addpop .btns button[data-v-afbee0f0]{padding:3px 10px;font-size:.8rem}.nodata[data-v-afbee0f0]{width:100%;text-align:center;font-size:.8rem;color:#0f2f64}.contain[data-v-afbee0f0]{padding:20px}.contain .chart-analytics[data-v-afbee0f0]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;-moz-column-gap:10px;column-gap:10px}.contain .chart-analytics .analytic[data-v-afbee0f0]{font-size:.9rem;background:#dbdbdb;padding:5px 10px;border-radius:5px}.contain .chart-analytics .analytic label[data-v-afbee0f0]{color:#252525;display:block;font-weight:500;text-transform:uppercase;margin:7px 0}.contain .chart-analytics .analytic .count-chart[data-v-afbee0f0]{padding:5px;display:grid;justify-content:space-between;grid-template-columns:20% 70%;align-items:baseline}.contain .chart-analytics .analytic .count-chart .count[data-v-afbee0f0]{font-size:2.6rem;font-weight:400}.contain .chart-analytics .analytic .count-chart .chart[data-v-afbee0f0]{width:100%;height:100px;position:relative;display:flex}.contain .chart-analytics .analytic .count-chart .chart img[data-v-afbee0f0]{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contain .system-status[data-v-afbee0f0]{margin:10px 0;font-size:.9rem;display:grid;grid-template-columns:1fr 1fr 1fr;-moz-column-gap:20px;column-gap:20px}.contain .system-status label[data-v-afbee0f0]{font-weight:500;display:block;margin:5px 0}.contain .system-status input[data-v-afbee0f0]{accent-color:#5c7cb0}.contain .system-status .status[data-v-afbee0f0]{display:grid;align-items:center;grid-template-columns:30% 70%}.contain .system-status .status label[data-v-afbee0f0]{font-weight:400;display:block}[data-v-29a0af56]{margin:0;padding:0;font-family:Poppins;box-sizing:border-box}.page[data-v-29a0af56]{display:flex}.page .container[data-v-29a0af56]{position:relative;width:calc(100% - 300px);height:100vh;overflow-y:auto}.overlay[data-v-29a0af56]{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.deletepop[data-v-29a0af56]{padding:20px;font-size:.85rem;width:-moz-fit-content;width:fit-content;background:#fff;border-radius:5px}.deletepop label[data-v-29a0af56]{color:#0f2f64;display:block;margin:0 0 10px}.deletepop .btns[data-v-29a0af56]{width:100%;display:flex;align-items:center;justify-content:space-evenly}.deletepop .btns button[data-v-29a0af56]{padding:3px 10px;font-size:.8rem}.addpop[data-v-29a0af56]{padding:20px;background:#fff;font-size:.85rem;width:-moz-fit-content;width:fit-content;width:450px;border-radius:5px}.addpop label[data-v-29a0af56]{color:#0f2f64}.addpop label.head[data-v-29a0af56]{font-size:.9rem;text-align:center;display:block;padding:0 0 10px;margin-bottom:10px;width:100%;border-bottom:1px solid #dbdbdb}.addpop .flex[data-v-29a0af56]{display:grid;grid-template-columns:49% 49%;justify-content:space-between;align-items:center}.addpop input[data-v-29a0af56],.addpop select[data-v-29a0af56]{display:block;padding:9px 10px;border:1px solid #ccc;width:100%;border-radius:5px;margin:10px 0;outline:none}.addpop .btns[data-v-29a0af56]{width:100%;display:flex;align-items:center;justify-content:space-evenly;margin:15px 0 0}.addpop .btns button[data-v-29a0af56]{padding:3px 10px;font-size:.8rem}.nodata[data-v-29a0af56]{width:100%;text-align:center;font-size:.8rem;color:#0f2f64}.contain[data-v-29a0af56]{padding:20px}.contain .top[data-v-29a0af56]{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px 0}.contain .top div[data-v-29a0af56]{font-size:.8rem;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.contain .top div svg[data-v-29a0af56]{width:20px;height:20px;fill:#252525;flex-shrink:0}.contain .top div.add[data-v-29a0af56]{padding:5px 10px;border-radius:5px;background:#5c7cb0;color:#fff;cursor:pointer}.contain .top div.add svg[data-v-29a0af56]{fill:#fff;width:15px;height:15px}.contain .table .headings[data-v-29a0af56]{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr .8fr;margin:0 0 10px;-moz-column-gap:20px;column-gap:20px;padding:0 10px}.contain .table .headings .heading h3[data-v-29a0af56]{font-size:.9rem;font-weight:500;margin:5px 0;color:#252525}.contain .table .record[data-v-29a0af56]{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr .8fr;margin:10px 0;padding:7px 10px;border-radius:7px;-moz-column-gap:20px;column-gap:20px;transition:.8s}.contain .table .record .data h3[data-v-29a0af56]{font-size:.8rem;font-weight:400;margin:5px 0;line-height:1.7rem;color:#252525;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:flex;align-items:center}.contain .table .record .data h3 span[data-v-29a0af56]{width:10px;height:10px;display:block;margin:0 7px 0 0;background:#0aee81;border-radius:100%}.contain .table .record .data h3 span.queued[data-v-29a0af56]{background:orange}.contain .table .record .data.action[data-v-29a0af56],.contain .table .record .data.play[data-v-29a0af56]{display:flex;-moz-column-gap:10px;column-gap:10px;align-items:center}.contain .table .record .data.action .icon[data-v-29a0af56],.contain .table .record .data.play .icon[data-v-29a0af56]{cursor:pointer;width:30px;height:30px;position:relative}.contain .table .record .data.action .icon img[data-v-29a0af56],.contain .table .record .data.play .icon img[data-v-29a0af56]{position:absolute;width:100%;height:100%}.contain .table .record .data.action[data-v-29a0af56]{font-size:.8rem;position:relative}.contain .table .record .data.action .actions[data-v-29a0af56]{display:flex;-moz-column-gap:10px;column-gap:10px;position:absolute;right:100%;opacity:0;transition:.4s;pointer-events:none}.contain .table .record .data.action .actions label[data-v-29a0af56]{background:#dbdbdb;padding:3px 10px;border-radius:4px;cursor:pointer}.contain .table .record .data.action .actions.active[data-v-29a0af56]{opacity:1;pointer-events:all}[data-v-da31551c]{margin:0;padding:0;font-family:Poppins;box-sizing:border-box}.page[data-v-da31551c]{display:flex}.page .container[data-v-da31551c]{position:relative;width:calc(100% - 300px);height:100vh;overflow-y:auto}.overlay[data-v-da31551c]{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.deletepop[data-v-da31551c]{padding:20px;font-size:.85rem;width:-moz-fit-content;width:fit-content;background:#fff;border-radius:5px}.deletepop label[data-v-da31551c]{color:#0f2f64;display:block;margin:0 0 10px}.deletepop .btns[data-v-da31551c]{width:100%;display:flex;align-items:center;justify-content:space-evenly}.deletepop .btns button[data-v-da31551c]{padding:3px 10px;font-size:.8rem}.addpop[data-v-da31551c]{padding:20px;background:#fff;font-size:.85rem;width:-moz-fit-content;width:fit-content;width:450px;border-radius:5px}.addpop label[data-v-da31551c]{color:#0f2f64}.addpop label.head[data-v-da31551c]{font-size:.9rem;text-align:center;display:block;padding:0 0 10px;margin-bottom:10px;width:100%;border-bottom:1px solid #dbdbdb}.addpop .flex[data-v-da31551c]{display:grid;grid-template-columns:49% 49%;justify-content:space-between;align-items:center}.addpop input[data-v-da31551c],.addpop select[data-v-da31551c]{display:block;padding:9px 10px;border:1px solid #ccc;width:100%;border-radius:5px;margin:10px 0;outline:none}.addpop .btns[data-v-da31551c]{width:100%;display:flex;align-items:center;justify-content:space-evenly;margin:15px 0 0}.addpop .btns button[data-v-da31551c]{padding:3px 10px;font-size:.8rem}.nodata[data-v-da31551c]{width:100%;text-align:center;font-size:.8rem;color:#0f2f64}.contain[data-v-da31551c]{padding:20px}.contain .top[data-v-da31551c]{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px 0}.contain .top div[data-v-da31551c]{font-size:.8rem;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.contain .top div svg[data-v-da31551c]{width:20px;height:20px;fill:#252525;flex-shrink:0}.contain .top div.add[data-v-da31551c]{padding:5px 10px;border-radius:5px;background:#5c7cb0;color:#fff;cursor:pointer}.contain .top div.add svg[data-v-da31551c]{fill:#fff;width:15px;height:15px}.contain .tabs[data-v-da31551c]{display:flex;-moz-column-gap:20px;column-gap:20px;font-size:.8rem;margin:20px 0}.contain .tabs .tab[data-v-da31551c]{text-transform:uppercase;font-weight:400;padding:7px 0;cursor:pointer}.contain .tabs .tab.active[data-v-da31551c]{border-bottom:1px solid #0f2f64}.contain .table .headings[data-v-da31551c]{display:grid;grid-template-columns:1.4fr 1fr .8fr .8fr 1.2fr .5fr;margin:0 0 10px;-moz-column-gap:20px;column-gap:20px;padding:0 10px}.contain .table .headings .heading h3[data-v-da31551c]{font-size:.9rem;font-weight:500;margin:5px 0;color:#252525}.contain .table .record[data-v-da31551c]{display:grid;grid-template-columns:1.4fr 1fr .8fr .8fr 1.2fr .5fr;margin:10px 0;padding:7px 10px;border-radius:7px;-moz-column-gap:20px;column-gap:20px;transition:.8s}.contain .table .record[data-v-da31551c]:hover{background:#f1f1f1}.contain .table .record .data h3[data-v-da31551c]{font-size:.8rem;font-weight:400;margin:5px 0;line-height:1.7rem;color:#252525;display:flex;align-items:center}.contain .table .record .data h3 span[data-v-da31551c]{width:10px;height:10px;display:block;margin:0 7px 0 0;background:#0aee81;border-radius:100%}.contain .table .record .data h3 span.queued[data-v-da31551c]{background:orange}.contain .table .record .data h3 span.true[data-v-da31551c]{background:#0aee81}.contain .table .record .data h3 span.false[data-v-da31551c]{background:salmon}.contain .table .record .data.action[data-v-da31551c],.contain .table .record .data.play[data-v-da31551c]{display:flex;-moz-column-gap:10px;column-gap:10px;align-items:center}.contain .table .record .data.action .icon[data-v-da31551c],.contain .table .record .data.play .icon[data-v-da31551c]{cursor:pointer;width:30px;height:30px;position:relative}.contain .table .record .data.action .icon img[data-v-da31551c],.contain .table .record .data.play .icon img[data-v-da31551c]{position:absolute;width:100%;height:100%}.contain .table .record .data.action[data-v-da31551c]{font-size:.8rem;position:relative}.contain .table .record .data.action .actions[data-v-da31551c]{display:flex;-moz-column-gap:10px;column-gap:10px;position:absolute;right:100%;opacity:0;transition:.4s;pointer-events:none}.contain .table .record .data.action .actions label[data-v-da31551c]{background:#dbdbdb;padding:3px 10px;border-radius:4px;cursor:pointer}.contain .table .record .data.action .actions.active[data-v-da31551c]{opacity:1;pointer-events:all}[data-v-1aebe29d]{margin:0;padding:0;font-family:Poppins;box-sizing:border-box}.page[data-v-1aebe29d]{display:flex}.page .container[data-v-1aebe29d]{position:relative;width:calc(100% - 300px);height:100vh;overflow-y:auto}.overlay[data-v-1aebe29d]{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.deletepop[data-v-1aebe29d]{padding:20px;font-size:.85rem;width:-moz-fit-content;width:fit-content;background:#fff;border-radius:5px}.deletepop label[data-v-1aebe29d]{color:#0f2f64;display:block;margin:0 0 10px}.deletepop .btns[data-v-1aebe29d]{width:100%;display:flex;align-items:center;justify-content:space-evenly}.deletepop .btns button[data-v-1aebe29d]{padding:3px 10px;font-size:.8rem}.addpop[data-v-1aebe29d]{padding:20px;background:#fff;font-size:.85rem;width:-moz-fit-content;width:fit-content;width:450px;border-radius:5px}.addpop label[data-v-1aebe29d]{color:#0f2f64}.addpop label.head[data-v-1aebe29d]{font-size:.9rem;text-align:center;display:block;padding:0 0 10px;margin-bottom:10px;width:100%;border-bottom:1px solid #dbdbdb}.addpop .flex[data-v-1aebe29d]{display:grid;grid-template-columns:49% 49%;justify-content:space-between;align-items:center}.addpop input[data-v-1aebe29d],.addpop select[data-v-1aebe29d]{display:block;padding:9px 10px;border:1px solid #ccc;width:100%;border-radius:5px;margin:10px 0;outline:none}.addpop .btns[data-v-1aebe29d]{width:100%;display:flex;align-items:center;justify-content:space-evenly;margin:15px 0 0}.addpop .btns button[data-v-1aebe29d]{padding:3px 10px;font-size:.8rem}.nodata[data-v-1aebe29d]{width:100%;text-align:center;font-size:.8rem;color:#0f2f64}.contain[data-v-1aebe29d]{padding:20px}.contain .top[data-v-1aebe29d]{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px 0}.contain .top div[data-v-1aebe29d]{font-size:.8rem;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.contain .top div svg[data-v-1aebe29d]{width:20px;height:20px;fill:#252525;flex-shrink:0}.contain .top div.add[data-v-1aebe29d]{padding:5px 10px;border-radius:5px;background:#5c7cb0;color:#fff;cursor:pointer}.contain .top div.add svg[data-v-1aebe29d]{fill:#fff;width:15px;height:15px}.contain .table .headings[data-v-1aebe29d]{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;margin:0 0 10px;-moz-column-gap:20px;column-gap:20px;padding:0 10px}.contain .table .headings .heading h3[data-v-1aebe29d]{font-size:.9rem;font-weight:500;margin:5px 0;color:#252525}.contain .table .record[data-v-1aebe29d]{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;margin:10px 0;padding:7px 10px;border-radius:7px;-moz-column-gap:20px;column-gap:20px;transition:.8s}.contain .table .record[data-v-1aebe29d]:hover{background:#f1f1f1}.contain .table .record .data h3[data-v-1aebe29d]{font-size:.8rem;font-weight:400;margin:5px 0;line-height:1.7rem;color:#252525;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:flex;align-items:center}.contain .table .record .data h3 span[data-v-1aebe29d]{width:10px;height:10px;display:block;margin:0 7px 0 0;background:#0aee81;border-radius:100%}.contain .table .record .data h3 span.queued[data-v-1aebe29d]{background:orange}.contain .table .record .data h3 span.true[data-v-1aebe29d]{background:#0aee81}.contain .table .record .data h3 span.false[data-v-1aebe29d]{background:salmon}.contain .table .record .data.action[data-v-1aebe29d],.contain .table .record .data.play[data-v-1aebe29d]{display:flex;-moz-column-gap:10px;column-gap:10px;align-items:center}.contain .table .record .data.action .icon[data-v-1aebe29d],.contain .table .record .data.play .icon[data-v-1aebe29d]{cursor:pointer;width:30px;height:30px;position:relative}.contain .table .record .data.action .icon img[data-v-1aebe29d],.contain .table .record .data.play .icon img[data-v-1aebe29d]{position:absolute;width:100%;height:100%}.contain .table .record .data.action[data-v-1aebe29d]{font-size:.8rem;position:relative}.contain .table .record .data.action .actions[data-v-1aebe29d]{display:flex;-moz-column-gap:10px;column-gap:10px;position:absolute;right:100%;opacity:0;transition:.4s;pointer-events:none}.contain .table .record .data.action .actions label[data-v-1aebe29d]{background:#dbdbdb;padding:3px 10px;border-radius:4px;cursor:pointer}.contain .table .record .data.action .actions.active[data-v-1aebe29d]{opacity:1;pointer-events:all}[data-v-0dc4c188]{margin:0;padding:0;font-family:Poppins;box-sizing:border-box}.page[data-v-0dc4c188]{display:flex}.page .container[data-v-0dc4c188]{position:relative;width:calc(100% - 300px);height:100vh;overflow-y:auto}.overlay[data-v-0dc4c188]{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.deletepop[data-v-0dc4c188]{padding:20px;font-size:.85rem;width:-moz-fit-content;width:fit-content;background:#fff;border-radius:5px}.deletepop label[data-v-0dc4c188]{color:#0f2f64;display:block;margin:0 0 10px}.deletepop .btns[data-v-0dc4c188]{width:100%;display:flex;align-items:center;justify-content:space-evenly}.deletepop .btns button[data-v-0dc4c188]{padding:3px 10px;font-size:.8rem}.addpop[data-v-0dc4c188]{padding:20px;background:#fff;font-size:.85rem;width:-moz-fit-content;width:fit-content;width:450px;border-radius:5px}.addpop label[data-v-0dc4c188]{color:#0f2f64}.addpop label.head[data-v-0dc4c188]{font-size:.9rem;text-align:center;display:block;padding:0 0 10px;margin-bottom:10px;width:100%;border-bottom:1px solid #dbdbdb}.addpop .flex[data-v-0dc4c188]{display:grid;grid-template-columns:49% 49%;justify-content:space-between;align-items:center}.addpop input[data-v-0dc4c188],.addpop select[data-v-0dc4c188]{display:block;padding:9px 10px;border:1px solid #ccc;width:100%;border-radius:5px;margin:10px 0;outline:none}.addpop .btns[data-v-0dc4c188]{width:100%;display:flex;align-items:center;justify-content:space-evenly;margin:15px 0 0}.addpop .btns button[data-v-0dc4c188]{padding:3px 10px;font-size:.8rem}.nodata[data-v-0dc4c188]{width:100%;text-align:center;font-size:.8rem;color:#0f2f64}.contain[data-v-0dc4c188]{padding:20px}.contain .top[data-v-0dc4c188]{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px 0}.contain .top div[data-v-0dc4c188]{font-size:.8rem;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.contain .top div svg[data-v-0dc4c188]{width:20px;height:20px;fill:#252525;flex-shrink:0}.contain .top div.add[data-v-0dc4c188]{padding:5px 10px;border-radius:5px;background:#5c7cb0;color:#fff;cursor:pointer}.contain .top div.add svg[data-v-0dc4c188]{fill:#fff;width:15px;height:15px}.contain .table .headings[data-v-0dc4c188]{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;margin:0 0 10px;-moz-column-gap:20px;column-gap:20px;padding:0 10px}.contain .table .headings .heading h3[data-v-0dc4c188]{font-size:.9rem;font-weight:500;margin:5px 0;color:#252525}.contain .table .record[data-v-0dc4c188]{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;margin:10px 0;padding:7px 10px;border-radius:7px;-moz-column-gap:20px;column-gap:20px;transition:.8s}.contain .table .record[data-v-0dc4c188]:hover{background:#f1f1f1}.contain .table .record .data h3[data-v-0dc4c188]{font-size:.8rem;font-weight:400;margin:5px 0;line-height:1.7rem;color:#252525;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.contain .table .record .data.action[data-v-0dc4c188],.contain .table .record .data.play[data-v-0dc4c188]{display:flex;-moz-column-gap:10px;column-gap:10px;align-items:center}.contain .table .record .data.action .icon[data-v-0dc4c188],.contain .table .record .data.play .icon[data-v-0dc4c188]{cursor:pointer;width:30px;height:30px;position:relative}.contain .table .record .data.action .icon img[data-v-0dc4c188],.contain .table .record .data.play .icon img[data-v-0dc4c188]{position:absolute;width:100%;height:100%}.contain .table .record .data.action[data-v-0dc4c188]{font-size:.8rem;position:relative}.contain .table .record .data.action .actions[data-v-0dc4c188]{display:flex;-moz-column-gap:10px;column-gap:10px;position:absolute;right:100%;opacity:0;transition:.4s;pointer-events:none}.contain .table .record .data.action .actions label[data-v-0dc4c188]{background:#dbdbdb;padding:3px 10px;border-radius:4px;cursor:pointer}.contain .table .record .data.action .actions.active[data-v-0dc4c188]{opacity:1;pointer-events:all}[data-v-1f9adaab]{margin:0;padding:0;font-family:Poppins;box-sizing:border-box}.page[data-v-1f9adaab]{display:flex}.page .container[data-v-1f9adaab]{position:relative;width:calc(100% - 300px);height:100vh;overflow-y:auto}.overlay[data-v-1f9adaab]{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.deletepop[data-v-1f9adaab]{padding:20px;font-size:.85rem;width:-moz-fit-content;width:fit-content;background:#fff;border-radius:5px}.deletepop label[data-v-1f9adaab]{color:#0f2f64;display:block;margin:0 0 10px}.deletepop .btns[data-v-1f9adaab]{width:100%;display:flex;align-items:center;justify-content:space-evenly}.deletepop .btns button[data-v-1f9adaab]{padding:3px 10px;font-size:.8rem}.addpop[data-v-1f9adaab]{padding:20px;background:#fff;font-size:.85rem;width:-moz-fit-content;width:fit-content;width:450px;border-radius:5px}.addpop label[data-v-1f9adaab]{color:#0f2f64}.addpop label.head[data-v-1f9adaab]{font-size:.9rem;text-align:center;display:block;padding:0 0 10px;margin-bottom:10px;width:100%;border-bottom:1px solid #dbdbdb}.addpop .flex[data-v-1f9adaab]{display:grid;grid-template-columns:49% 49%;justify-content:space-between;align-items:center}.addpop input[data-v-1f9adaab],.addpop select[data-v-1f9adaab]{display:block;padding:9px 10px;border:1px solid #ccc;width:100%;border-radius:5px;margin:10px 0;outline:none}.addpop .btns[data-v-1f9adaab]{width:100%;display:flex;align-items:center;justify-content:space-evenly;margin:15px 0 0}.addpop .btns button[data-v-1f9adaab]{padding:3px 10px;font-size:.8rem}.nodata[data-v-1f9adaab]{width:100%;text-align:center;font-size:.8rem;color:#0f2f64}.contain[data-v-1f9adaab]{padding:20px}.contain .top[data-v-1f9adaab]{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px 0}.contain .top div[data-v-1f9adaab]{font-size:.8rem;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.contain .top div svg[data-v-1f9adaab]{width:20px;height:20px;fill:#252525;flex-shrink:0}.contain .top div.add[data-v-1f9adaab]{padding:5px 10px;border-radius:5px;background:#5c7cb0;color:#fff;cursor:pointer}.contain .top div.add svg[data-v-1f9adaab]{fill:#fff;width:15px;height:15px}.contain .properties .property[data-v-1f9adaab]{margin-bottom:10px;font-size:.9rem;font-weight:600}.contain .properties .property span[data-v-1f9adaab]{font-weight:300}.contain .properties .wrap-property[data-v-1f9adaab]{display:grid;grid-template-columns:40% 10%;-moz-column-gap:30px;column-gap:30px;margin-bottom:10px;align-items:center}.contain .properties .wrap-property .property[data-v-1f9adaab]{margin:0}.contain .tabs[data-v-1f9adaab]{display:flex;-moz-column-gap:20px;column-gap:20px;font-size:.8rem;margin:20px 0}.contain .tabs .tab[data-v-1f9adaab]{text-transform:uppercase;font-weight:400;padding:7px 0;cursor:pointer}.contain .tabs .tab.active[data-v-1f9adaab]{border-bottom:1px solid #0f2f64}.contain .table .record[data-v-1f9adaab]{display:grid;grid-template-columns:.5fr 4fr 1fr;margin:10px 0;padding:7px 10px;border-radius:7px;-moz-column-gap:20px;column-gap:20px;transition:.8s}.contain .table .record .index[data-v-1f9adaab]{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:100%;font-size:.8rem;border:2px solid #252525}.contain .table .record .details[data-v-1f9adaab]{display:grid;grid-template-columns:1fr 1fr}.contain .table .record .details h3[data-v-1f9adaab]{font-size:.7rem;font-weight:500;margin:5px 0;color:#5c7cb0;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:flex;align-items:center}.contain .table .record .details h3 span[data-v-1f9adaab]{color:#252525;font-weight:400;margin:0 0 0 5px}.contain .table .record .option[data-v-1f9adaab]{display:flex;-moz-column-gap:10px;column-gap:10px}[data-v-5b78999c]{margin:0;padding:0;font-family:Poppins;box-sizing:border-box}.page[data-v-5b78999c]{display:flex}.page .container[data-v-5b78999c]{position:relative;width:calc(100% - 300px);height:100vh;overflow-y:auto}.overlay[data-v-5b78999c]{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.deletepop[data-v-5b78999c]{padding:20px;font-size:.85rem;width:-moz-fit-content;width:fit-content;background:#fff;border-radius:5px}.deletepop label[data-v-5b78999c]{color:#0f2f64;display:block;margin:0 0 10px}.deletepop .btns[data-v-5b78999c]{width:100%;display:flex;align-items:center;justify-content:space-evenly}.deletepop .btns button[data-v-5b78999c]{padding:3px 10px;font-size:.8rem}.addpop[data-v-5b78999c]{padding:20px;background:#fff;font-size:.85rem;width:-moz-fit-content;width:fit-content;width:450px;border-radius:5px}.addpop label[data-v-5b78999c]{color:#0f2f64}.addpop label.head[data-v-5b78999c]{font-size:.9rem;text-align:center;display:block;padding:0 0 10px;margin-bottom:10px;width:100%;border-bottom:1px solid #dbdbdb}.addpop .flex[data-v-5b78999c]{display:grid;grid-template-columns:49% 49%;justify-content:space-between;align-items:center}.addpop input[data-v-5b78999c],.addpop select[data-v-5b78999c]{display:block;padding:9px 10px;border:1px solid #ccc;width:100%;border-radius:5px;margin:10px 0;outline:none}.addpop .btns[data-v-5b78999c]{width:100%;display:flex;align-items:center;justify-content:space-evenly;margin:15px 0 0}.addpop .btns button[data-v-5b78999c]{padding:3px 10px;font-size:.8rem}.nodata[data-v-5b78999c]{width:100%;text-align:center;font-size:.8rem;color:#0f2f64}.table .record[data-v-5b78999c]{display:grid;grid-template-columns:.5fr 2.5fr 1fr 1fr;margin:10px 0;padding:7px 10px;border-radius:7px;-moz-column-gap:20px;column-gap:20px;transition:.8s}.table .record .index[data-v-5b78999c]{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:100%;font-size:.8rem;border:2px solid #252525}.table .record .descript h3[data-v-5b78999c],.table .record h3[data-v-5b78999c]{font-size:.8rem;font-weight:600;margin:3px 0;color:#252525}.table .record .details[data-v-5b78999c]{display:grid;grid-template-columns:1fr}.table .record .details h3[data-v-5b78999c]{font-size:.7rem;font-weight:500;margin:2px 0;color:#5c7cb0}.table .record .details h3 span[data-v-5b78999c]{color:#252525;font-weight:400;margin:0 0 0 5px}.table .record .details .wrap-detail[data-v-5b78999c]{display:flex;align-items:center}.table .record .details .wrap-detail label[data-v-5b78999c]{margin-left:30px;cursor:pointer;font-weight:600;font-size:.8rem}.table .record .option[data-v-5b78999c]{display:flex;-moz-column-gap:10px;column-gap:10px}[data-v-e615768e]{margin:0;padding:0;font-family:Poppins;box-sizing:border-box}.page[data-v-e615768e]{display:flex}.page .container[data-v-e615768e]{position:relative;width:calc(100% - 300px);height:100vh;overflow-y:auto}.overlay[data-v-e615768e]{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.deletepop[data-v-e615768e]{padding:20px;font-size:.85rem;width:-moz-fit-content;width:fit-content;background:#fff;border-radius:5px}.deletepop label[data-v-e615768e]{color:#0f2f64;display:block;margin:0 0 10px}.deletepop .btns[data-v-e615768e]{width:100%;display:flex;align-items:center;justify-content:space-evenly}.deletepop .btns button[data-v-e615768e]{padding:3px 10px;font-size:.8rem}.addpop[data-v-e615768e]{padding:20px;background:#fff;font-size:.85rem;width:-moz-fit-content;width:fit-content;width:450px;border-radius:5px}.addpop label[data-v-e615768e]{color:#0f2f64}.addpop label.head[data-v-e615768e]{font-size:.9rem;text-align:center;display:block;padding:0 0 10px;margin-bottom:10px;width:100%;border-bottom:1px solid #dbdbdb}.addpop .flex[data-v-e615768e]{display:grid;grid-template-columns:49% 49%;justify-content:space-between;align-items:center}.addpop input[data-v-e615768e],.addpop select[data-v-e615768e]{display:block;padding:9px 10px;border:1px solid #ccc;width:100%;border-radius:5px;margin:10px 0;outline:none}.addpop .btns[data-v-e615768e]{width:100%;display:flex;align-items:center;justify-content:space-evenly;margin:15px 0 0}.addpop .btns button[data-v-e615768e]{padding:3px 10px;font-size:.8rem}.nodata[data-v-e615768e]{width:100%;text-align:center;font-size:.8rem;color:#0f2f64}.table .record[data-v-e615768e]{display:grid;grid-template-columns:.5fr 2.5fr 1fr 1fr;margin:10px 0;padding:7px 10px;border-radius:7px;-moz-column-gap:20px;column-gap:20px;transition:.8s}.table .record .index[data-v-e615768e]{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:100%;font-size:.8rem;border:2px solid #252525}.table .record .descript h3[data-v-e615768e],.table .record h3[data-v-e615768e]{font-size:.8rem;font-weight:600;margin:3px 0;color:#252525}.table .record .details[data-v-e615768e]{display:grid;grid-template-columns:1fr}.table .record .details h3[data-v-e615768e]{font-size:.7rem;font-weight:500;margin:2px 0;color:#5c7cb0}.table .record .details h3 span[data-v-e615768e]{color:#252525;font-weight:400;margin:0 0 0 5px}.table .record .details .wrap-detail[data-v-e615768e]{display:flex;align-items:center}.table .record .details .wrap-detail label[data-v-e615768e]{margin-left:30px;cursor:pointer;font-weight:600;font-size:.8rem}.table .record .option[data-v-e615768e]{display:flex;-moz-column-gap:10px;column-gap:10px}[data-v-324ea5ca]{margin:0;padding:0;font-family:Poppins;box-sizing:border-box}.page[data-v-324ea5ca]{display:flex}.page .container[data-v-324ea5ca]{position:relative;width:calc(100% - 300px);height:100vh;overflow-y:auto}.overlay[data-v-324ea5ca]{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.deletepop[data-v-324ea5ca]{padding:20px;font-size:.85rem;width:-moz-fit-content;width:fit-content;background:#fff;border-radius:5px}.deletepop label[data-v-324ea5ca]{color:#0f2f64;display:block;margin:0 0 10px}.deletepop .btns[data-v-324ea5ca]{width:100%;display:flex;align-items:center;justify-content:space-evenly}.deletepop .btns button[data-v-324ea5ca]{padding:3px 10px;font-size:.8rem}.addpop[data-v-324ea5ca]{padding:20px;background:#fff;font-size:.85rem;width:-moz-fit-content;width:fit-content;width:450px;border-radius:5px}.addpop label[data-v-324ea5ca]{color:#0f2f64}.addpop label.head[data-v-324ea5ca]{font-size:.9rem;text-align:center;display:block;padding:0 0 10px;margin-bottom:10px;width:100%;border-bottom:1px solid #dbdbdb}.addpop .flex[data-v-324ea5ca]{display:grid;grid-template-columns:49% 49%;justify-content:space-between;align-items:center}.addpop input[data-v-324ea5ca],.addpop select[data-v-324ea5ca]{display:block;padding:9px 10px;border:1px solid #ccc;width:100%;border-radius:5px;margin:10px 0;outline:none}.addpop .btns[data-v-324ea5ca]{width:100%;display:flex;align-items:center;justify-content:space-evenly;margin:15px 0 0}.addpop .btns button[data-v-324ea5ca]{padding:3px 10px;font-size:.8rem}.nodata[data-v-324ea5ca]{width:100%;text-align:center;font-size:.8rem;color:#0f2f64}.table .record[data-v-324ea5ca]{display:grid;grid-template-columns:.5fr 2.5fr 1fr 1fr;margin:10px 0;padding:7px 10px;border-radius:7px;-moz-column-gap:20px;column-gap:20px;transition:.8s}.table .record .index[data-v-324ea5ca]{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:100%;font-size:.8rem;border:2px solid #252525}.table .record .descript h3[data-v-324ea5ca],.table .record h3[data-v-324ea5ca]{font-size:.8rem;font-weight:600;margin:3px 0;color:#252525}.table .record .details[data-v-324ea5ca]{display:grid;grid-template-columns:1fr}.table .record .details h3[data-v-324ea5ca]{font-size:.7rem;font-weight:500;margin:2px 0;color:#5c7cb0}.table .record .details h3 span[data-v-324ea5ca]{color:#252525;font-weight:400;margin:0 0 0 5px}.table .record .details .wrap-detail[data-v-324ea5ca]{display:flex;align-items:center}.table .record .details .wrap-detail label[data-v-324ea5ca]{margin-left:30px;cursor:pointer;font-weight:600;font-size:.8rem}.table .record .option[data-v-324ea5ca]{display:flex;-moz-column-gap:10px;column-gap:10px}[data-v-0fcd12d2]{margin:0;padding:0;font-family:Poppins;box-sizing:border-box}.page[data-v-0fcd12d2]{display:flex}.page .container[data-v-0fcd12d2]{position:relative;width:calc(100% - 300px);height:100vh;overflow-y:auto}.overlay[data-v-0fcd12d2]{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.deletepop[data-v-0fcd12d2]{padding:20px;font-size:.85rem;width:-moz-fit-content;width:fit-content;background:#fff;border-radius:5px}.deletepop label[data-v-0fcd12d2]{color:#0f2f64;display:block;margin:0 0 10px}.deletepop .btns[data-v-0fcd12d2]{width:100%;display:flex;align-items:center;justify-content:space-evenly}.deletepop .btns button[data-v-0fcd12d2]{padding:3px 10px;font-size:.8rem}.addpop[data-v-0fcd12d2]{padding:20px;background:#fff;font-size:.85rem;width:-moz-fit-content;width:fit-content;width:450px;border-radius:5px}.addpop label[data-v-0fcd12d2]{color:#0f2f64}.addpop label.head[data-v-0fcd12d2]{font-size:.9rem;text-align:center;display:block;padding:0 0 10px;margin-bottom:10px;width:100%;border-bottom:1px solid #dbdbdb}.addpop .flex[data-v-0fcd12d2]{display:grid;grid-template-columns:49% 49%;justify-content:space-between;align-items:center}.addpop input[data-v-0fcd12d2],.addpop select[data-v-0fcd12d2]{display:block;padding:9px 10px;border:1px solid #ccc;width:100%;border-radius:5px;margin:10px 0;outline:none}.addpop .btns[data-v-0fcd12d2]{width:100%;display:flex;align-items:center;justify-content:space-evenly;margin:15px 0 0}.addpop .btns button[data-v-0fcd12d2]{padding:3px 10px;font-size:.8rem}.nodata[data-v-0fcd12d2]{width:100%;text-align:center;font-size:.8rem;color:#0f2f64}.contain[data-v-0fcd12d2]{padding:20px}.contain .top[data-v-0fcd12d2]{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px 0}.contain .top div[data-v-0fcd12d2]{font-size:.8rem;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.contain .top div svg[data-v-0fcd12d2]{width:20px;height:20px;fill:#252525;flex-shrink:0}.contain .top div.add[data-v-0fcd12d2]{padding:5px 10px;border-radius:5px;background:#5c7cb0;color:#fff;cursor:pointer}.contain .top div.add svg[data-v-0fcd12d2]{fill:#fff;width:15px;height:15px}.contain .properties .property[data-v-0fcd12d2]{margin-bottom:10px;font-size:.9rem;font-weight:600}.contain .properties .property span[data-v-0fcd12d2]{font-weight:300}.contain .properties .wrap-property[data-v-0fcd12d2]{display:grid;grid-template-columns:40% 10%;-moz-column-gap:30px;column-gap:30px;margin-bottom:10px;align-items:center}.contain .properties .wrap-property .property[data-v-0fcd12d2]{margin:0}.contain .tabs[data-v-0fcd12d2]{display:flex;-moz-column-gap:20px;column-gap:20px;font-size:.8rem;margin:20px 0}.contain .tabs .tab[data-v-0fcd12d2]{text-transform:uppercase;font-weight:400;padding:7px 0;cursor:pointer}.contain .tabs .tab.active[data-v-0fcd12d2]{border-bottom:1px solid #0f2f64}.contain .table .record[data-v-0fcd12d2]{display:grid;grid-template-columns:.5fr 2.5fr 1fr 1fr;margin:10px 0;padding:7px 10px;border-radius:7px;-moz-column-gap:20px;column-gap:20px;transition:.8s}.contain .table .record .index[data-v-0fcd12d2]{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:100%;font-size:.8rem;border:2px solid #252525}.contain .table .record .descript h3[data-v-0fcd12d2],.contain .table .record h3[data-v-0fcd12d2]{font-size:.8rem;font-weight:600;margin:3px 0;color:#252525}.contain .table .record .details[data-v-0fcd12d2]{display:grid;grid-template-columns:1fr}.contain .table .record .details h3[data-v-0fcd12d2]{font-size:.7rem;font-weight:500;margin:2px 0;color:#5c7cb0}.contain .table .record .details h3 span[data-v-0fcd12d2]{color:#252525;font-weight:400;margin:0 0 0 5px}.contain .table .record .details .wrap-detail[data-v-0fcd12d2]{display:flex;align-items:center}.contain .table .record .details .wrap-detail label[data-v-0fcd12d2]{margin-left:30px;cursor:pointer;font-weight:600;font-size:.8rem}.contain .table .record .option[data-v-0fcd12d2]{display:flex;-moz-column-gap:10px;column-gap:10px}*{margin:0;padding:0;font-family:Poppins;box-sizing:border-box}.page{display:flex}.page .container{position:relative;width:calc(100% - 300px);height:100vh;overflow-y:auto}.overlay{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.deletepop{padding:20px;font-size:.85rem;width:-moz-fit-content;width:fit-content;background:#fff;border-radius:5px}.deletepop label{color:#0f2f64;display:block;margin:0 0 10px}.deletepop .btns{width:100%;display:flex;align-items:center;justify-content:space-evenly}.deletepop .btns button{padding:3px 10px;font-size:.8rem}.addpop{padding:20px;background:#fff;font-size:.85rem;width:-moz-fit-content;width:fit-content;width:450px;border-radius:5px}.addpop label{color:#0f2f64}.addpop label.head{font-size:.9rem;text-align:center;display:block;padding:0 0 10px;margin-bottom:10px;width:100%;border-bottom:1px solid #dbdbdb}.addpop .flex{display:grid;grid-template-columns:49% 49%;justify-content:space-between;align-items:center}.addpop input,.addpop select{display:block;padding:9px 10px;border:1px solid #ccc;width:100%;border-radius:5px;margin:10px 0;outline:none}.addpop .btns{width:100%;display:flex;align-items:center;justify-content:space-evenly;margin:15px 0 0}.addpop .btns button{padding:3px 10px;font-size:.8rem}.nodata{width:100%;text-align:center;font-size:.8rem;color:#0f2f64}.sidebar{width:300px;height:100vh;padding:10px 30px;background:#dbdbdb;position:relative;border-right:1px solid hsla(0,0%,44%,.106)}.sidebar .logo{width:150px;height:70px;margin:0 auto 20px;position:relative}.sidebar .logo img{position:absolute;left:0;width:100%;height:100%}.sidebar .links{font-size:.9rem}.sidebar .links label{font-weight:500;margin:15px 0}.sidebar .links a{text-decoration:none;outline:none;display:block;margin:20px 0;font-size:.8rem;display:flex;align-items:center;-moz-column-gap:20px;column-gap:20px;width:100%;color:#252525}.sidebar .links a svg{width:20px;height:20px;fill:#252525;flex-shrink:0}.sidebar .links a.router-link-active{color:#5c7cb0}.sidebar .links a.router-link-active svg{fill:#5c7cb0}.sidebar .links .grp-links a{padding:0 0 0 20px}.sidebar .system-status{position:absolute;bottom:0;right:0;width:100%;background:#dbdbdb;padding:10px 20px;font-size:.9rem}.sidebar .system-status label{font-weight:500;display:block;margin:5px 0}.sidebar .system-status input{width:100%;accent-color:#5c7cb0}.sidebar .system-status .status{display:grid;align-items:center;grid-template-columns:30% 70%}.sidebar .system-status .status label{font-weight:400}[data-v-a230a5cc]{margin:0;padding:0;font-family:Poppins;box-sizing:border-box}.page[data-v-a230a5cc]{display:flex}.page .container[data-v-a230a5cc]{position:relative;width:calc(100% - 300px);height:100vh;overflow-y:auto}.overlay[data-v-a230a5cc]{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.deletepop[data-v-a230a5cc]{padding:20px;font-size:.85rem;width:-moz-fit-content;width:fit-content;background:#fff;border-radius:5px}.deletepop label[data-v-a230a5cc]{color:#0f2f64;display:block;margin:0 0 10px}.deletepop .btns[data-v-a230a5cc]{width:100%;display:flex;align-items:center;justify-content:space-evenly}.deletepop .btns button[data-v-a230a5cc]{padding:3px 10px;font-size:.8rem}.addpop[data-v-a230a5cc]{padding:20px;background:#fff;font-size:.85rem;width:-moz-fit-content;width:fit-content;width:450px;border-radius:5px}.addpop label[data-v-a230a5cc]{color:#0f2f64}.addpop label.head[data-v-a230a5cc]{font-size:.9rem;text-align:center;display:block;padding:0 0 10px;margin-bottom:10px;width:100%;border-bottom:1px solid #dbdbdb}.addpop .flex[data-v-a230a5cc]{display:grid;grid-template-columns:49% 49%;justify-content:space-between;align-items:center}.addpop input[data-v-a230a5cc],.addpop select[data-v-a230a5cc]{display:block;padding:9px 10px;border:1px solid #ccc;width:100%;border-radius:5px;margin:10px 0;outline:none}.addpop .btns[data-v-a230a5cc]{width:100%;display:flex;align-items:center;justify-content:space-evenly;margin:15px 0 0}.addpop .btns button[data-v-a230a5cc]{padding:3px 10px;font-size:.8rem}.nodata[data-v-a230a5cc]{width:100%;text-align:center;font-size:.8rem;color:#0f2f64}.field[data-v-a230a5cc]{margin:0!important;font-size:.8rem}.field .control[data-v-a230a5cc]{font-size:.9rem}.topbar[data-v-a230a5cc]{padding:10px 30px;width:100%;display:flex;align-items:center;justify-content:space-between;background:#dbdbdb;z-index:9;border-bottom:1px solid hsla(0,0%,44%,.106);position:sticky;top:0}.topbar .profile[data-v-a230a5cc]{display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px;cursor:pointer;position:relative}.topbar .profile .profile-img[data-v-a230a5cc]{width:30px;height:30px;border-radius:100%;overflow:hidden;position:relative}.topbar .profile .profile-img img[data-v-a230a5cc]{position:absolute;width:100%;height:100%;left:0;top:0;-o-object-fit:cover;object-fit:cover}.topbar .profile button[data-v-a230a5cc]{outline:none;text-decoration:none;display:flex;align-items:center;padding:5px 20px;cursor:pointer;border-radius:4px;font-size:.8rem;-moz-column-gap:10px;column-gap:10px;background:#0f2f64;border:none;justify-content:center;color:#fff;white-space:nowrap;position:absolute;right:100%;opacity:0;transition:.8s;pointer-events:none}.topbar .profile button.active[data-v-a230a5cc]{pointer-events:all;right:120%;opacity:1}.op-context-panel{display:none!important}.wecodefy-player-wrapper{display:flex;height:100%;width:100%;align-items:center;position:relative}.wecodefy-player-wrapper .wecodefy-player-loading-wrapper{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000;z-index:999}.wecodefy-player-wrapper #wecodefy-player-container{height:100%;width:100%;--op-accent-color:var(--wecodefy-secondary-color,#9fc953)}