.c-bookmarks-list {
    width: calculateRem(215px);
    background-color: $ibexa-color-base-light;
    overflow: auto;
    flex-shrink: 0;
    margin-left: calculateRem(1px);

    &__item {
        cursor: pointer;
        display: flex;
        align-items: center;
        padding: calculateRem(7px) calculateRem(12px);
        font-size: calculateRem(16px);

        &--not-selectable {
            background-color: $ibexa-color-base-medium;
            cursor: not-allowed;
        }

        &--marked {
            background-color: $ibexa-color-base-medium;
            color: $ibexa-color-primary;
            font-weight: bold;
            
            .ez-icon {
                fill: $ibexa-color-primary;
            }
        }
    }

    &__item-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: calculateRem(185px);
        margin-left: calculateRem(5px);
    }

    &__spinner-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
