.StickyHeader {
    background-color: #fff;
    box-shadow: $dropdown-box-shadow;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(-100px);
    transition: all ease-in-out 0.3s;
    z-index: 1000;

    &-active {
        opacity: 1;
        transform: translateY(0);
    }
}

.ComparisonHeader {
    display: flex;
    flex-direction: row;

    &-songs {
        display: flex;
        flex: 1;
        flex-direction: row;
        margin-right: auto;
    }

    &-filters {
        @include vertical-align;
        display: flex;
        flex-direction: row;
    }

    &-filter {
        font-weight: 500;
        margin-left: 8px;
    }

    .filter-value + .filter-value {
        @include divider(2px);
        padding-left: 10px;
    }

    .SelectedSong {
        border: none;
        flex: none;
        margin: 0;
        max-width: 25%;

        &-dot {
            margin-right: -4px;
            z-index: 1;
            > circle {
                stroke: #fff;
                stroke-width: 1rem;
            }
        }

        &-artwork {
            height: 2rem;
            width: 2rem;
        }

        &-title {
            display: block;
            font-size: 1rem;
            margin: 0;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        &-artist {
            display: none;
        }
    }
}