.container {
    padding: var(--mantine-spacing-sm);
    border: dashed 1px var(--mantine-color-default-border);
    border-radius: var(--mantine-radius-lg);
}

.shadow {
    @mixin light {
        box-shadow: var(--light-shadow);
    }
    @mixin dark {
        box-shadow: var(--dark-shadow);
    }
}

.image-container {
    display: flex;
    max-height: rem(250);
    max-width: rem(250);
    height: 100%;
}

.products-swiper :global(.swiper-pagination) {
    @mixin light {
        background-color: var(--mantine-color-gray-2);
    }
    @mixin dark {
        background-color: var(--mantine-color-dark-6);
    }

    border: 1px solid var(--mantine-color-default-border);
    border-radius: var(--mantine-radius-lg);
    padding: 3px;
}
