.color-button[data-v-b1b2f560]{border:1px solid transparent;cursor:pointer;height:24px;transition:transform .15s ease-in-out;width:24px}.color-button[data-v-b1b2f560]:hover{transform:scale(1.1)}html:not(.dark) .color-picker-label[data-v-b1b2f560]{color:#1f2937}html:not(.dark) .white-border[data-v-b1b2f560]{border:1px solid #222}html.dark .color-picker-label[data-v-b1b2f560]{color:#fff}html.dark .white-border[data-v-b1b2f560]{border:1px solid #fff}html:not(.dark) .edit-menu-container[data-v-70ea4699]{background-color:#fff;border:1px solid #e5e7eb;color:#1f2937}html:not(.dark) .edit-label[data-v-70ea4699]{color:#1f2937}html:not(.dark) .edit-input[data-v-70ea4699]{background-color:#fff;border:1px solid #d1d5db;color:#000}html:not(.dark) .edit-input[data-v-70ea4699]:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 .25rem #3b82f640;color:#000}html.dark .edit-menu-container[data-v-70ea4699]{background-color:#374151;border:1px solid #4b5563;color:#fff}html.dark .edit-label[data-v-70ea4699]{color:#fff}html.dark .edit-input[data-v-70ea4699]{background-color:#374151;border:1px solid #4b5563;color:#fff}html.dark .edit-input[data-v-70ea4699]:focus{background-color:#374151;border-color:#6366f1;box-shadow:0 0 0 .25rem #6366f140;color:#fff}html:not(.dark) .edit-button[data-v-525d4564]{background-color:#f3f4f6;border:1px solid #d1d5db;color:#000}html:not(.dark) .edit-button[data-v-525d4564]:hover{background-color:#e5e7eb}html.dark .edit-button[data-v-525d4564]{background-color:#374151;border:1px solid #4b5563;color:#fff}html.dark .edit-button[data-v-525d4564]:hover{background-color:#4b5563}.kachel-container[data-v-50a6b542]{border:2px solid transparent;border-top:5px solid var(--task-color);transition:all .3s ease-in-out;width:350px}html:not(.dark) .kachel-container[data-v-50a6b542]{background-color:#e5e7eb;color:#000}html:not(.dark) .kachel-time[data-v-50a6b542],html:not(.dark) .kachel-title[data-v-50a6b542]{color:#000}html.dark .kachel-container[data-v-50a6b542]{background-color:#4b5563;color:#fff}html.dark .kachel-time[data-v-50a6b542],html.dark .kachel-title[data-v-50a6b542]{color:#fff}@media (min-width:2000px){.custom-col5[data-v-a987c5f6]{flex:0 0 20%;max-width:20%}}