@import url("base.css");

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

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


.screen.home {
    height: 681px;
}

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

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

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

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

.home-tasks {
    gap: 23px;
    margin-top: 26px;
}

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