[data-v-1825c4a7]:root{--primary-color:$base-color!important;--highlight-text-color:$base-color!important}.task[data-v-1825c4a7]{background:#fff;border-radius:7px;cursor:pointer;padding:15px}div[data-v-1825c4a7]::-webkit-scrollbar{width:8px}div[data-v-1825c4a7]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}div[data-v-1825c4a7]::-webkit-scrollbar-thumb{background:#888;border-radius:4px}div[data-v-1825c4a7]::-webkit-scrollbar-thumb:hover{background:#555}[data-v-7a3f6330]:root{--primary-color:$base-color!important;--highlight-text-color:$base-color!important}.box[data-v-7a3f6330]{background:#f2f4f5;box-shadow:0 4px 7px #00000008;display:block;height:100dvh;max-width:40%;padding:20px;position:fixed;right:-500px;transition:right .26s;width:500px}@media (max-width:599px){.box[data-v-7a3f6330]{max-width:80%}}.box.active[data-v-7a3f6330]{right:0}@media (max-width:900px){.box[data-v-7a3f6330]{grid-template-columns:80px 1fr}}@media (max-width:599px){.box[data-v-7a3f6330]{grid-template-columns:60px 1fr}}.box .box-menu[data-v-7a3f6330]{background:#f8f8f8;border-radius:12px 0 0 12px;height:100%;padding-top:15px;position:relative}.box .box-menu .footer[data-v-7a3f6330]{border-top:2px solid #eee;bottom:15px;padding-top:15px;position:absolute;width:100%}.box .box-content[data-v-7a3f6330]{padding:30px}@media (max-width:599px){.box .box-content[data-v-7a3f6330]{padding-left:20px}}.task[data-v-7a3f6330]{background:#fff;border-radius:7px;padding:15px}