html ul:where(.sunp-page-indicator){display:flex;list-style-type:none;margin:0;padding:0;width:auto}html ul:where(.sunp-page-indicator) .sunp-page-indicator-dot{display:block}html ul:where(.sunp-page-indicator) .sunp-page-indicator-dot{background-color:var(--sunp-color,var(--sunp-color-weak));border-radius:var(--sunp-radius,1px);height:var(--sunp-size,3px);width:var(--sunp-size,3px)}html ul:where(.sunp-page-indicator) .sunp-page-indicator-dot-active{background-color:var(--sunp-active-color,var(--sunp-color-primary))}html ul:where(.sunp-page-indicator-horizontal){flex-direction:row;flex-wrap:nowrap}html ul:where(.sunp-page-indicator-horizontal) .sunp-page-indicator-dot{margin-right:var(--sunp-gap,3px)}html ul:where(.sunp-page-indicator-horizontal) .sunp-page-indicator-dot-active{width:var(--sunp-active-size,13px)}html ul:where(.sunp-page-indicator-horizontal)>:last-child.sunp-page-indicator-dot{margin-right:0}html ul:where(.sunp-page-indicator-vertical){flex-direction:column}html ul:where(.sunp-page-indicator-vertical) .sunp-page-indicator-dot{margin-bottom:var(--sunp-gap,3px)}html ul:where(.sunp-page-indicator-vertical) .sunp-page-indicator-dot-active{height:var(--sunp-active-size,13px)}html ul:where(.sunp-page-indicator-vertical)>:last-child.sunp-page-indicator-dot{margin-bottom:0}