.rb{--rb-ink: #234a67;--rb-muted: #6f6558;--rb-rule: #e0d7c9;--rb-gold: #a38245;--rb-plate: #ffffff;--rb-radius: var(--sr-radius-sm)}.rb-stage{position:relative;background:var(--rb-plate);aspect-ratio:1;overflow:hidden}.rb-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0}.rb-stage img.on{opacity:1}.rb-stage--viewer{cursor:grab;touch-action:pan-y}.rb-stage--viewer.is-drag{cursor:grabbing}.rb-stage--viewer.is-zoomed{cursor:zoom-out;touch-action:none}.rb-view{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%;transition:transform .22s ease;will-change:transform}.rb-stage--viewer.is-drag .rb-view{transition:none}.rb-stage--viewer img{transition:opacity .16s linear}.rb-stage--viewer.is-drag img{transition:none}.rb-view__hint{position:absolute;left:50%;bottom:1.2rem;translate:-50% 0;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--rb-ink, #234a67);background:#ffffffd1;padding:.5rem 1.1rem;border-radius:2rem;pointer-events:none;transition:opacity .3s ease}.rb-stage--viewer.is-touched .rb-view__hint{opacity:0}.rb-render{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--rb-plate, #fff);pointer-events:none}.rb-render__spin{width:2.6rem;height:2.6rem;border-radius:50%;border:2px solid var(--rb-rule, #e0d7c9);border-top-color:var(--rb-gold, #a38245);animation:rb-spin .9s linear infinite}.rb-render__txt{font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:var(--rb-muted, #6f6558)}@keyframes rb-spin{to{transform:rotate(360deg)}}.rb-view__zoom{position:absolute;right:1rem;top:1rem;width:3.4rem;height:3.4rem;border-radius:50%;border:1px solid var(--rb-rule, #e3e3e3);background:#ffffffe6;cursor:pointer;padding:0}.rb-view__zoom:before,.rb-view__zoom:after{content:"";position:absolute;background:none}.rb-view__zoom:before{left:.9rem;top:.9rem;width:1.2rem;height:1.2rem;border:1.5px solid currentColor;border-radius:50%}.rb-view__zoom:after{left:2rem;top:2rem;width:.9rem;height:1.5px;background:currentColor;rotate:45deg;transform-origin:left center}.rb-view__zoom:hover{background:#fff}.rb-view__zoom[hidden]{display:none}.rb-angles{display:flex;gap:.8rem;margin-top:1rem;flex-wrap:wrap}.rb-angle{width:6.4rem;aspect-ratio:1;border:1px solid transparent;background:var(--rb-plate);padding:0;cursor:pointer}.rb-angle[aria-pressed=true]{border-color:var(--rb-gold)}.rb-angle img{width:100%;height:100%;object-fit:contain}@media(max-width:749px){.rb-angle{width:calc((100% - 3.2rem)/5)}}sr-rtw-gallery[hidden]{display:none!important}sr-rtw-gallery[data-active]~media-gallery{display:none!important}sr-rtw-gallery{display:block;width:100%}@media(min-width:64rem){sr-rtw-gallery[data-active]{width:79.5%;margin-inline:auto}}sr-rtw-gallery .rb-stage:focus-visible,sr-rtw-gallery .rb-angle:focus-visible,sr-rtw-gallery .rb-view__zoom:focus-visible{outline:2px solid var(--rb-ink);outline-offset:-2px}@media(prefers-reduced-motion:reduce){sr-rtw-gallery .rb-view,sr-rtw-gallery .rb-stage--viewer img,sr-rtw-gallery .rb-view__hint{transition:none}sr-rtw-gallery .rb-render__spin{display:none}}.rb-view__expand{background:rgb(var(--color-background, 246 241 233));color:rgb(var(--color-foreground, 35 74 103));border:.1rem solid rgb(var(--color-foreground, 35 74 103) / .1);border-radius:50%;display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;position:absolute;inset-inline-end:1.5rem;top:1.5rem;z-index:1;padding:0;cursor:pointer;opacity:1;transition:opacity .2s ease}.rb-view__expand .icon{width:1.8rem;height:1.8rem}.rb-view__expand[hidden]{display:none}.rb-view__expand:focus-visible{outline:2px solid var(--rb-ink, #234a67);outline-offset:2px}@media(hover:hover)and (pointer:fine){.rb-view__expand{opacity:0}.rb-stage:hover .rb-view__expand,.rb-stage:focus-within .rb-view__expand{opacity:1}}@media(prefers-reduced-motion:reduce){.rb-view__expand{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/sr-rtw-gallery.css.map */