.StickyHeader {
    background-color: var(--gray-0);
    box-shadow: var(--gray-100);
    opacity: 0;
    position: fixed;
    left: 230px; // Main nav width
    right: 0;
    top: 0;
    transform: translateY(-100px);
    transition: all ease-in-out 0.3s;
    z-index: 1000;

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

    &-sticky-item {
        align-items: center;
        display: inherit;
        padding: 1rem 1rem 0;
    }
}