@use '../../variables.scss' as vars;

$nodeIconSize: 16px;

:host {
    display: contents;
}

.chevron {
    display: inline-block;
    width: vars.$chevronWidth;
    min-width: vars.$chevronWidth;
    margin-right: 3px;
}

.node-icon {
    display: inline-flex;
    width: $nodeIconSize;
    height: $nodeIconSize;
    min-width: $nodeIconSize;
    max-width: $nodeIconSize;
    min-height: $nodeIconSize;
    max-height: $nodeIconSize;
}

.name {
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: vars.$defaultTextColor;
}

.mr-5 {
    margin-right: 5px;
}

.render-view-status {
    @include vars.ganttRenderViewStatus();
}