/* eListView Toggle - Grid/List View Switcher */

.view-toggle-buttons {
    display: flex;
    border: 1px solid var(--gray-300);
    border-radius: var(--radius-md);
    padding: var(--radius-xs);
    background: var(--gray-200);
    position: relative;

    --eBlockDirection: row !important;
}

.view-toggle-buttons::before {
    content: '';
    position: absolute;
    background: var(--white);
    border-radius: var(--radius-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
}

.view-toggle-buttons[data-active="list"]::before {
    left: 4px;
    width: calc(50% - 6px);
    height: calc(100% - 8px);
    top: 4px;
}

.view-toggle-buttons[data-active="grid"]::before {
    left: calc(50% + 2px);
    width: calc(50% - 6px);
    height: calc(100% - 8px);
    top: 4px;
}