@import "tailwindcss";
@plugin "daisyui" {
    themes: all;
}

html, body, #app {
    width: 100%;
    height: 100%;
}

html {
    --swiper-pagination-color: var(--color-primary);
    --swiper-navigation-color: var(--color-primary);
    --swiper-pagination-bullet-inactive-color: var(--color-base-content);
    --swiper-pagination-fraction-color: var(--color-neutral-content);
    --product_list_title_max_lines: 1;
}

.swiper-pagination-bullets {
    border-radius: var(--radius-selector);
    padding: 5px 0;
}

#app {
    position: relative;
    /*padding-top: var(--tg-content-safe-area-inset-top);*/
    padding-bottom: var(--tg-content-safe-area-inset-bottom);
    padding-left: var(--tg-content-safe-area-inset-left);
    padding-right: var(--tg-content-safe-area-inset-right);
}

.app-container {
    /*padding-top: var(--tg-safe-area-inset-top);*/
    padding-bottom: var(--tg-safe-area-inset-bottom);
    padding-left: var(--tg-safe-area-inset-left);
    padding-right: var(--tg-safe-area-inset-right);
}

.safe-top {
    padding-top: calc(var(--tg-content-safe-area-inset-top) + var(--tg-safe-area-inset-top));
}

.swiper-pagination-bullets > .swiper-pagination-bullet {
    background-color: red;
    color: red;
}

.swiper-pagination-bullets {
    top: 10px;
}