/* Main scroller */
body:not(.wp-admin) {
    & .scroller--inner {
        padding-block: 1rem;
        display: flex;
        flex-wrap: wrap;
        column-gap: var(--column-gap);
    }
    
    & .scroller[data-animated="true"] {
        overflow: hidden;
    }
    
    & .scroller[data-animated="true"] .scroller--inner {
        width: max-content;
        flex-wrap: nowrap;
        animation: 
        scroll 
        var(--_animation-duration, 20s)
        var(--_animation-direction, forwards) 
        linear 
        infinite;
    }

    /* Mask */
    & .scroller.mask {
        -webkit-mask: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
        mask: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
    }

    /* Single Scroller */
    & .single-scroller {
        display: flex;
        align-items: center;
    }
}

/* Change direction */
.scroller[data-direction="right"] {
    --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
    --_animation-direction: forwards;
}

/* Admin styles */
body.wp-admin {
    & .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after, .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after, .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after {
        outline: 2px solid #A822FB;
    }
}