[data-fixed-scroll-columns] {
    &.c-is-fixed-column {
        position: fixed;
        overflow-y: auto;
        scrollbar-width: none;
        /**
         * scrollTop issues for flex-column in combination with overflow-scroll behaviour!
         * If you remove this, this block always jumps to "scrollTop: 0" when the page is scrolling
         * Best is not to combine these classes with a scrollable column at all!
         */
        &.d-grid,
        &.d-flex.flex-column {
            /** Overwrite the flex/grid display */
            display: block !important;
            > *:not(:last-child) {
                &.gap-1 {
                    margin-bottom: .25rem;
                }
                &.gap-2 {
                    margin-bottom: .5rem;
                }
                &.gap-3 {
                    margin-bottom: 1rem;
                }
                &.gap-4 {
                    margin-bottom: 1.5rem;
                }
                &.gap-5 {
                    margin-bottom: 3rem;
                }
            }
        }
    }
    &.can-scroll-up,
    &.c-is-fixed-column {
        scrollbar-width: none;
        border-top: 3px dashed rgba(0, 0, 0, .1);
    }
    &.can-scroll-down,
    &.c-is-fixed-column {
        scrollbar-width: none;
        border-bottom: 3px dashed rgba(0, 0, 0, .1);
    }
}