.ring-angle-viewer{--angle-line-width: 12px;--angle-line-width-active: 36px;--angle-aspect-ratio: 1;display:block;position:relative;scroll-margin-top:var(--header-height, 0px);padding-bottom:calc(var(--outer) * 1.75)}.ring-angle-viewer__stage{position:relative;aspect-ratio:var(--angle-aspect-ratio);overflow:hidden}.ring-angle-viewer__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .6s ease-in-out}.ring-angle-viewer__image.is-entering,.ring-angle-viewer__image.is-leaving{opacity:0}.ring-angle-viewer__controls{position:absolute;left:0;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.ring-angle-viewer__view{display:inline-flex;align-items:center;gap:8px;padding:2px 0;border:0;background:none;color:var(--text);font-family:var(--FONT-STACK-HEADING);font-size:var(--font-body-medium, .875rem);line-height:1.4;letter-spacing:0;text-transform:none;cursor:pointer;opacity:.65;transition:opacity .3s ease}.ring-angle-viewer__line{display:block;width:var(--angle-line-width-active);max-width:var(--angle-line-width);height:1px;background:currentColor;transition:max-width .4s cubic-bezier(.4,0,.22,1)}.ring-angle-viewer__view:hover,.ring-angle-viewer__view:focus-visible,.ring-angle-viewer__view.is-active{opacity:1}.ring-angle-viewer__view.is-active{font-style:italic}.ring-angle-viewer__view.is-active .ring-angle-viewer__line{max-width:var(--angle-line-width-active)}.ring-angle-viewer__view[hidden],.ring-angle-viewer__controls[hidden]{display:none}.ring-angle-viewer__notice{margin:12px 0 0;padding:10px 12px;border:1px dashed var(--border);font-size:var(--font-body-x-small)}.ring-angle-viewer__notice p{margin:0 0 4px}.ring-angle-viewer__disclaimer{margin:12px 0 0;color:var(--text-light);font-size:var(--font-body-small, .825rem);text-align:center}.ring-angle-viewer__mini{display:none}@media only screen and (max-width:749px){.ring-angle-viewer__mini{display:block;position:fixed;top:calc(var(--header-height, 0px) + 16px);right:16px;z-index:3;width:96px;padding:0;border:1px solid var(--border);background:var(--bg);opacity:0;pointer-events:none;transform:translateY(-15px);transition:opacity .3s ease,transform .4s ease}.ring-angle-viewer__mini.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.ring-angle-viewer__mini img{display:block;width:100%;height:auto;aspect-ratio:var(--angle-aspect-ratio);object-fit:contain}}@media only screen and (min-width:750px){.ring-angle-viewer{position:sticky;top:calc(var(--header-height, 0px) + 30px);align-self:start}}@media(prefers-reduced-motion:reduce){.ring-angle-viewer__image,.ring-angle-viewer__view,.ring-angle-viewer__line,.ring-angle-viewer__mini{transition:none}}@media only screen and (max-width:749px){.ring-angle-viewer--desktop-only,.product__images--angle-viewer-mobile{display:none}}@media only screen and (min-width:750px){.ring-angle-viewer--mobile-only,.product__images--angle-viewer-desktop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/ring-angle-viewer.css.map */