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