.card-grid.binder-view {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    padding: 1rem;
    flex-wrap: nowrap;
    background-position: center;
    margin: auto;
}

.binder-left,
.binder-right {
    display: grid;
    gap: 1rem;
    width: 1010px;
    background-color: rgb(21, 24, 31);
    border-radius: 16px;
    position: relative;
    background-color: rgb(21, 24, 31);
    padding: 18px 17px 18px 44px;
}
/*
.binder-left {
    padding-left: 70px;
    padding-right: 90px;
}
.binder-right {
    padding-left: 90px;
    padding-right: 70px;
}
*/
.binder-left input{
    justify-items: end;

}
.binder-right input{
    justify-items: start;
}
#pagerControls {
margin: auto;
}


.binder-right::before {
    left: 20px;
}
.binder-left::before {
    right: 20px;
}

.left-folder::before,
.right-folder::before {
    content: "";
    position: absolute;
    top: 5px;
    width: 5px;
    height: 98%;
    background: linear-gradient(to right, rgba(217, 217, 217, 0.2) 0%, rgba(217, 217, 217, 0.3) 30%, rgba(217, 217, 217, 0.4) 50%, rgba(217, 217, 217, 0.3) 70%, rgba(217, 217, 217, 0) 100%);
    filter: blur(4px);
    pointer-events: none;
}