@paddingSide: 8px;

.breadcrumbsWrapper {
    width: 100%;
    display: inline-flex;
    align-items: center;
    padding: 4px @paddingSide;
    margin-left: -@paddingSide;
    border-radius: 2px;

    :global(.ant-typography) {
        white-space: nowrap;
    }

    .scrollbarHidden::-webkit-scrollbar {
        display: none;
    }
      
      /* Hide scrollbar for IE, Edge add Firefox */
    .scrollbarHidden {
        -ms-overflow-style: none;
        scrollbar-width: none; /* Firefox */
    }

    &:hover {
        background: hsl(216, 20%, 97%);
        transition: 0.2s all;
    }
}