/* Copyright (C) 2016 NooBaa */

bucket-summary {
    .column();
    position: relative;
    min-height: 186px;

    .summary  {
        opacity: 0;

        &.visible {
            opacity: 1;
            transition: opacity 250ms ease-out;
        }
    }

    .avil-legend .legend-item .legend-label {
        flex-basis: 210px;
    }

    .storage-bar .bar-line {
        height: 4px;
    }

    .data-usage-chart,
    .raw-usage-chart {
        width: 60px;
        height: 60px;
    }

    .data-usage-chart {
        > .usage-bars {
            transform: scale(60, 60)
        }

        .usage-bar {
            height: 0;
            y: 1;
            transition: all 350ms ease-out;
        }

        &.disabled {
            opacity: .2;

            .usage-bar {
                transition: none;
            }
        }
    }
}
