:host {
  @apply flex flex-col box-border;
}

.task-list {
  @apply pt-4;
}

.task-list.today-list ::ng-deep page-task-list-item.Completed {
  .date,
  .icon,
  .shirt-size,
  .task-content {
    @apply opacity-30;
  }
}

.task-list ::ng-deep page-task-list-item.Removed {
  .date,
  .shirt-size,
  .task-content {
    @apply opacity-30 line-through;
  }
}

:host ::ng-deep ui-scroll-container .scroll-container {
  @apply flex flex-col;
  max-height: calc(100vh - 39rem) !important;
}
