.panel{
    // width: 100%;
    width: calc(100%);
    height: calc(100%);
    padding: 10px 10px 0 7px;
    font-size: $small-font-size; //FIXME: remove this
    white-space: normal;
    &__title {
        font-size: 13px;
        text-transform: uppercase;
        margin: 4px 0 12px 5px;
    }

    &__subtitle {
        font-size: 11px;
        text-transform: uppercase;
        margin: 4px 0 6px 5px;
    }
} 

.sliding-column {
    transition: all .25s;    
    transition-timing-function: ease-out;

    width: calc(2 * #{$stream-column-width});
    height: calc(100%);
    position: relative;
    left: 0;

    &__right-display {
        transition-timing-function: ease-out;
        position: relative;
        left: -$stream-column-width;
    }
}

.stream-overlay {
    float: right;
    width: $stream-column-width;
    height: calc(100%);
}
