:root, :host {
    /**
     * Task non-working time z index
     */
    --b-task-non-working-time-z-index   : 0;

    /**
     * Task non-working time font size
     */
    --b-task-non-working-time-font-size : 0.9em;

    /**
     * Task non-working time text color
     */
    --b-task-non-working-time-color      : var(--b-text-3);

    /**
     * Task non-working time background
     */
    --b-task-non-working-time-background : color-mix(in srgb, var(--b-neutral-95), transparent 50%);
}

/* Both modes */
.b-task-non-working-time {
    display         : flex;
    position        : absolute;
    justify-content : center;
    align-items     : center;
    pointer-events  : all;
    gap             : 0.5em;
    overflow        : hidden;

    color           : var(--b-task-non-working-time-color);
    background      : var(--b-task-non-working-time-background);
    font-size       : var(--b-task-non-working-time-font-size);
    z-index         : var(--b-task-non-working-time-z-index);
    transition      : var(--b-sch-event-transition);

    .b-animating & {
        transition : var(--b-sch-event-animating-transition);
    }

    &.b-released {
        display    : none;
        transition : none;
    }
}

/* Bar mode */
.b-gantt-task > .b-task-non-working-time {
    top            : 0;
    height         : 100%;
    font-size      : .8em;
    color          : var(--b-neutral-40);
    pointer-events : none;

    i.fa {
        margin-inline-end : 0;
    }
}
