
.overlay {
    cursor: grabbing;
    border-radius: var(--mantine-radius-lg);

    @media (max-width: 48em) {
        @mixin dark {
            box-shadow: var(--dark-shadow);
        }
        @mixin light {
            box-shadow: var(--light-shadow);
        }
    }
}

.swiper-container :global(.swiper-scrollbar-drag) {
    @mixin dark {
        background-color: var(--mantine-color-dark-9);
    }
    @mixin light {
        background-color: grey;
    }
}

.swiper-container :global(.swiper-slide) {
    margin-bottom: var(--mantine-spacing-md);

    @media (min-width: 48em) {
        margin-bottom: calc(var(--mantine-spacing-sm) * 2);
    }
}
