.image-page-arrow{z-index:2;color:#fff;border:1px solid var(--muted);background:var(--panel);opacity:1;cursor:pointer;width:44px;height:44px;font:inherit;border-radius:50%;place-items:center;padding:0;font-size:1.7rem;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 18px #00000057}.image-page-arrow svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;display:block}.image-page-arrow.is-previous{left:12px}.image-page-arrow.is-next{right:12px}.image-page-arrow:disabled{opacity:.38;cursor:default;box-shadow:none}.image-page-arrow:focus-visible{color:#fff;border-color:var(--button-glass-active-border);background:color-mix(in srgb, var(--panel) 80%, var(--purple));box-shadow:var(--button-glass-shadow);outline-offset:3px;outline:3px solid #78a8ffd1}@media (hover:hover) and (pointer:fine){.image-page-arrow:not(:disabled):hover{color:#fff;border-color:var(--button-glass-active-border);background:color-mix(in srgb, var(--panel) 80%, var(--purple));box-shadow:var(--button-glass-shadow);transition:transform var(--motion-press) ease;transform:translateY(-50%)scale(1.04)}}@media (prefers-reduced-motion:reduce){.image-page-arrow,.image-page-arrow:not(:disabled):hover{transition:none;transform:translateY(-50%)}}@media (width<=720px){.image-page-arrow.is-previous{left:8px}.image-page-arrow.is-next{right:8px}}