.ring-pagination{--ring-dot-size: .8rem;--ring-size: 1.4rem;--ring-dot-gap: 1.2rem;--ring-controls-gap: 1.2rem;--ring-muted: rgba(var(--color-foreground), .3);--ring-hover: rgba(var(--color-foreground), .6);--ring-focus: rgb(var(--color-foreground));display:flex;align-items:center;width:max-content;max-width:100%;color:rgb(var(--color-foreground));-webkit-tap-highlight-color:transparent}.ring-pagination__arrow{display:flex;flex:none;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.ring-pagination__arrow--prev{margin-inline-end:-.5rem}.ring-pagination__arrow--next{margin-inline-start:-.5rem}.ring-pagination__arrow svg{display:block;width:.85rem;height:1.5rem;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter}.ring-pagination__divider{flex:none;width:1px;height:3.2rem;background-color:var(--ring-muted);pointer-events:none}.ring-pagination__dots{display:flex;align-items:center;gap:var(--ring-dot-gap);margin-inline:var(--ring-controls-gap)}.ring-pagination__dot{position:relative;flex:none;width:var(--ring-dot-size);height:var(--ring-dot-size);padding:0;border:0;border-radius:50%;background-color:var(--ring-muted);color:inherit;cursor:pointer}.ring-pagination__dot:after{content:"";position:absolute;top:50%;right:-.8rem;left:-.8rem;height:3.2rem;transform:translateY(-50%)}.ring-pagination__dot[aria-current=true]{width:var(--ring-size);height:var(--ring-size);background-color:transparent;cursor:default}.is-autoplaying .ring-pagination__dot[aria-current=true]{cursor:pointer}.ring-pagination__arrow:focus-visible,.ring-pagination__dot:focus-visible{outline:.2rem solid var(--ring-focus);outline-offset:.3rem;box-shadow:none}.ring-pagination__arrow:focus-visible{outline-offset:-.8rem}@media(hover:hover){.ring-pagination__arrow:hover{opacity:.7}.ring-pagination__dot:not([aria-current=true]):hover{background-color:var(--ring-hover)}}.ring-pagination__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;opacity:0;pointer-events:none;transform:rotate(-90deg)}.ring-pagination__dot[aria-current=true] .ring-pagination__ring{opacity:1}.ring-pagination__ring circle{fill:none;stroke-width:3.6}.ring-pagination__ring-track{stroke:var(--ring-muted)}.ring-pagination__ring-progress{stroke:currentColor;stroke-dasharray:39;stroke-dashoffset:0}.is-user-paused .ring-pagination__ring-progress{opacity:.65}@media(prefers-reduced-motion:no-preference){.ring-pagination__dot{transition:width .3s ease,height .3s ease,background-color .3s ease}.ring-pagination__dot[aria-current=true] .ring-pagination__ring{transition:opacity .3s ease}.is-autoplaying .ring-pagination__ring-progress{stroke-dashoffset:39}.is-autoplaying .ring-pagination__ring-progress.is-running{animation:ring-pagination-fill var(--ring-duration, 6s) linear forwards}.is-paused .ring-pagination__ring-progress.is-running{animation-play-state:paused}@keyframes ring-pagination-fill{0%{stroke-dashoffset:39}to{stroke-dashoffset:0}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-ring-pagination.css.map */