.Marker {
    border-left: 1px solid var(--gray-200);
    display: inline-block;
    height: 25px;
    min-height: 30px;
    position: absolute;
    transform: translateX(-1px);
    user-select: none;
    white-space: pre;
    z-index: 2;

    &.Marker-selected {
        border-left: 2px solid var(--gray-800);
    }

    &-content {
        background: var(--white);
        border: 1px solid var(--gray-200);
        border-bottom-right-radius: 4px;
        border-left: none;
        border-top-right-radius: 4px;
        bottom: 0;
        cursor: pointer;
        font-size: 10px;
        font-weight: 500;
        min-height: 20px;
        min-width: 20px;
        padding: 4px 0 0;
        position: absolute;
        text-align: center;

        &-selected {
            background: var(--gray-800);
            border: 1px solid var(--gray-800);
            border-left: 1px solid var(--gray-800);
            color: var(--white);

            /* stylelint-disable max-nesting-depth */
            & .Icons-close {
                height: 10px;
                width: 10px;
            }
        }

        &-hovered {
            background: var(--gray-200);
            border: 1px solid var(--gray-200);
            border-left: 1px solid var(--gray-200);
            color: var(--gray-800);
        }
    }

    &-store {
        min-height: 19px;
    }

    /* TODO use mixin when there will be more than 2 stores */
    &-spotify {
        background-image: url("images/Spotify.svg");
        background-size: cover;
        display: inline-block;
        height: 15px;
        margin-left: 4px;
        width: 15px;
    }

    &-apple-music {
        background-image: url("images/Apple.png");
        background-size: cover;
        display: inline-block;
        height: 15px;
        margin-left: 4px;
        width: 15px;
    }

    &-amazon-music {
        background-image: url("images/amazon_unlimited.png");
        background-size: cover;
        display: inline-block;
        height: 15px;
        margin-left: 4px;
        width: 15px;
    }

    &-value {
        padding: 0 4px;
        vertical-align: top;
        width: 16px;
    }

    &-size-2 {
        height: 49px;
    }

    &-size-3 {
        height: 68px;
    }
}