/* [project]/node_modules/@brand-order/web-ui/dist/MobileCarouselPagination.css [app-client] (css) */
._root_1hk8h_1 {
  background: #0009;
  border-radius: 11px;
  align-items: center;
  gap: 2px;
  padding: 2px 8px;
  display: inline-flex;
}

._root_1hk8h_1 ._current_1hk8h_9 {
  color: var(--white, #fff);
  text-align: center;
}

._root_1hk8h_1 ._separator_1hk8h_13, ._root_1hk8h_1 ._total_1hk8h_17 {
  color: var(--bo-text-neutral-quaternary);
  text-align: center;
}

/* [project]/node_modules/@brand-order/web-ui/dist/BannerCarouselPagination.css [app-client] (css) */
@layer base;

@layer components {
  :where(._root_noepa_2) {
    background: #0009;
    border-radius: 11px;
    align-items: center;
    gap: 8px;
    min-height: 22px;
    padding: 0 8px;
    display: inline-flex;
  }

  :where(._root_noepa_2)._clickable_noepa_11 {
    cursor: pointer;
  }

  :where(._root_noepa_2) ._count_noepa_14 {
    align-items: center;
    gap: 2px;
    display: inline-flex;
  }

  :where(._root_noepa_2) ._count_noepa_14 ._current_noepa_19, :where(._root_noepa_2) ._count_noepa_14 ._separator_noepa_20, :where(._root_noepa_2) ._count_noepa_14 ._total_noepa_21 {
    line-height: 1;
  }

  :where(._root_noepa_2) ._icon_noepa_24 {
    --icon-size: 9px;
    shape-rendering: crispedges;
    flex-shrink: 0;
    display: block;
  }

  :where(._root_noepa_2) ._current_noepa_19 {
    color: var(--white, #fff);
    text-align: center;
  }

  :where(._root_noepa_2) ._separator_noepa_20, :where(._root_noepa_2) ._total_noepa_21 {
    color: var(--bo-text-neutral-quaternary);
    text-align: center;
  }
}

/*# sourceMappingURL=node_modules_%40brand-order_web-ui_dist_0rscwv0._.css.map*/