@import '../../../stylesheets/_breakpoints.scss';
.chart-facet {
    border-bottom: 1px solid #ffffff33;
    padding-bottom: 20px;
    margin-bottom: 20px;
    &-content {
        grid-column-start: 2;
        grid-column-end: 4;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}
.chart-heading {
    border-bottom: 1px solid #ffffff33;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: var(--spacing);

    .chart-created_at_date_by_source & {
        flex-direction: column;
        border: none;
    }
}
.chart-heading-withToggle {
    flex-direction: row;
    justify-content: space-between;
}
.chart-bar {
    // position: relative;
    // top: var(--halfSpacing);
}
.chart-control-button {
    display: flex;
    gap: 5px;
    align-items: center;
}

.chart-actions {
    display: flex;
    justify-content: center;
}

.chart-heading-facet {
    display: flex;
    align-items: center;
    gap: 20px;
}
.chart-cell-wrapper {
    position: relative;
}
.chart-cell {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;

    &-highlighted {
        box-shadow: 0px 0px 0px 3px #ffffff99;
        z-index: 10 !important;
    }
}
.chart-cell-inner {
    height: 100%;
    width: 100%;
    display: grid;
    place-items: center;
}

.tooltip-trigger-withBorder {
    border-bottom: 1px dotted #ffffff99;
}
