@import url("../../shared/css/base.css");

@import url("../../shared/css/components/top-bar.css");
@import url("../../shared/css/components/popup-menu.css");
@import url("../../shared/css/components/dropdown.css");
@import url("../../shared/css/components/switch.css");

@import url("activity-section.css");
@import url("task-card.css");


.screen.home {
    height: fit-content;
}

.home .settings-icon {
    -webkit-mask: url("../../shared/icons/ic_sharp-settings.svg") no-repeat center / contain;
    mask: url("../../shared/icons/ic_sharp-settings.svg") no-repeat center / contain;
}

.home .brain-icon {
    width: 28px;
    height: 28px;

    background-color: var(--pale-sage);
    -webkit-mask: url("../../shared/icons/fluent_brain-sparkle-16-filled.svg") no-repeat center / contain;
    mask: url("../../shared/icons/fluent_brain-sparkle-16-filled.svg") no-repeat center / contain;
}

.top-text {
    margin-left: 40px;
}


.home-tasks-top {
    margin: 20px 10px 14px 10px;
    justify-content: right;
    font-weight: 650;
    color: var(--pale-sage);
}

.home-tasks-top p {
    margin-top: -3px;
}

.task-toggle {
    gap: 12px;
}

.task-toggle .top-icon {    
    margin-top: -3px;
    background-color: var(--warm-white);
    width: 25px;
    height: 25px;
    margin-right: -5px;

    -webkit-mask: url("../../shared/icons/boxicons_list-x.svg") no-repeat center / contain;
    mask: url("../../shared/icons/boxicons_list-x.svg") no-repeat center / contain;
}

.home-tasks {
    gap: 26px;
}

.home-tasks .btn-empty {
    margin-top: 7px;
}