.page-dots{position:fixed;top:50%;right:max(4px,calc(var(--gutter) / 2 - 10px));z-index:5;display:none;flex-direction:column;translate:var(--cart-shift, 0px) -50%;opacity:0;transition:opacity .35s var(--nav-ease)}@media(min-width:1000px)and (hover:hover){.page-dots{display:flex}}.page-dots[data-shown]{opacity:1}.page-dots a{position:relative;display:grid;place-items:center;width:20px;height:22px;color:var(--ink)}.page-dots a:before{content:"";width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--ink) 22%,transparent);transition:background .18s var(--nav-ease),scale .45s var(--nav-spring)}.page-dots a[aria-current]:before{background:var(--ink)}.page-dots a:hover:before{scale:1.35}.page-dots a:focus-visible{outline:2px solid var(--ink);outline-offset:0;border-radius:4px}.page-dots span{position:absolute;top:50%;right:26px;padding:5px 10px;border-radius:99px;background:var(--ink);color:var(--paper);font:500 12px/1.2 var(--font-display);white-space:nowrap;translate:4px -50%;opacity:0;pointer-events:none;transition:opacity .18s var(--nav-ease),translate .35s var(--nav-spring)}.page-dots a:is(:hover,:focus-visible) span{opacity:1;translate:0 -50%}@media(prefers-reduced-motion:reduce){.page-dots,.page-dots a:before,.page-dots span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/page-dots.css.map */