.pager{--mark-size: calc(36 * var(--px));--dot-size: calc(10 * var(--px));display:flex;align-items:center;justify-content:center;font-size:var(--text-body);font-variant-numeric:tabular-nums}.pager--counter{gap:var(--space-4)}.pager--plate{min-height:var(--space-40);padding-inline:var(--space-12);border:1px solid rgba(var(--color-foreground),var(--line-alpha));border-radius:var(--radius);background:rgb(var(--color-background));font-size:var(--text-label);line-height:var(--button-line)}.pager__mark{display:flex;align-items:center;justify-content:center;min-width:var(--mark-size);min-height:var(--mark-size);padding:0;border:0;border-radius:var(--radius);background:transparent;color:inherit;font:inherit;cursor:pointer}.pager__dot{position:relative;display:block;width:var(--dot-size);height:var(--dot-size);overflow:hidden;border-radius:var(--radius);background:color-mix(in srgb,currentColor calc(var(--alpha-70) * 100%),transparent)}.pager__mark[aria-current=true] .pager__dot{width:var(--space-24)}.pager__fill{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:currentColor;transform:scaleX(0);transform-origin:left center}.pager__mark[aria-current=true] .pager__fill{transform:scaleX(1)}.pager[data-run=playing] .pager__mark[aria-current=true] .pager__fill{animation:pager-fill calc(var(--pager-seconds) * 1s) linear forwards}.pager[data-hold] .pager__fill{animation-play-state:paused}@keyframes pager-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(forced-colors:active){.pager__dot{border:1px solid CanvasText}.pager__fill{background:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-pager.css.map */