@layer components{.plScrollPagerClass{position:fixed;z-index:var(--pl-z-pager);display:none;align-items:center;justify-content:center;box-sizing:border-box;height:1.5rem;font-size:.9rem;opacity:.68;margin:0;padding:0;border:0;background:none;line-height:1;pointer-events:none;transition:height .12s ease,font-size .12s ease,opacity .12s ease}.plScrollPagerClass.plScrollPagerVeiledClass{opacity:0}.plScrollPagerClass.plScrollPagerNearClass,.plScrollPagerClass:hover{height:2.1rem;font-size:1rem;opacity:1}.plScrollPagerPillClass{display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;padding:.1em 1.1em;color:var(--pl-accent);background:none;border:1px solid transparent;border-radius:var(--pl-radius-box)}.plScrollPagerClass:hover .plScrollPagerPillClass,.plScrollPagerNearClass .plScrollPagerPillClass{background:var(--pl-bg-menu);border-color:var(--pl-hover-underline-color);box-shadow:var(--pl-shadow-pop)}.plScrollPagerClass:active .plScrollPagerPillClass{color:var(--pl-on-accent);background:var(--pl-accent);border-color:var(--pl-accent-strong)}.plScrollPagerClass .pl-ic{font-size:1.5em}.plScrollPagerUpClass .pl-ic{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.plScrollPagerClass{transition:none}}}
/*# sourceMappingURL=scroll-pager.css.map */