.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.right-panel-scroll.scrollbar {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 6rem);
    display: grid;
    gap: 8px;
    padding-inline:3.5rem .75rem;padding-block-end:1rem
}


.right-panel-scroll.flex {
    display: flex;
    flex-wrap: wrap;
    gap: 0
}

.right-panel-scroll:not(.scrollbar) {
    display: grid;
    gap: 8px;
    padding-inline:3.5rem .75rem;padding-block-end:1rem
}


.gallery-grid-skeleton {
    width: 10rem;
    min-height: 10rem;
    transition: all 200ms ease-in-out;
    position: relative;
    background-color: var(--falcon-600);
    isolation: isolate;
    overflow: hidden;
    display: none;
}

.gallery-grid-item {
    width: 10rem;
    min-height: 10rem;
    transition: all 200ms ease-in-out;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: none;
}


.gallery-grid-item.show, .gallery-grid-skeleton.show {
    display: block;
}

.gallery-grid-item.show, .gallery-grid-skeleton.show{
    grid-row-end: initial !important;
}

.gallery-grid-item > img {
    width: 10rem;
}

.gallery-grid-skeleton::after{
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
    animation: load 1s infinite;
}

@keyframes load {
    100% {
        transform: translateX(100%);
    }
}