.bb-gallery__main{position:relative;padding:0;color:inherit;cursor:zoom-in;-webkit-appearance:none;appearance:none}.bb-gallery__main.is-image-loading>img,.bb-gallery__dialog-viewport.is-image-loading>img{opacity:.65}.bb-gallery__loading{position:absolute;top:50%;left:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fffffff2;color:var(--bb-darkblue, #0a4472);transform:translate(-50%,-50%);pointer-events:none}.bb-gallery__loading[hidden]{display:none}.bb-gallery__loading:before{content:"";width:20px;height:20px;box-sizing:border-box;border:2px solid var(--bb-blue20, #d7eef9);border-top-color:var(--bb-darkblue, #0a4472);border-radius:50%;animation:bb-gallery-image-loading .75s linear infinite}.bb-gallery__loading.is-error{width:max-content;max-width:90%;height:auto;padding:10px 14px;border-radius:8px;font:400 14px/20px var(--bb-font-body, "Inter", sans-serif);text-align:center}.bb-gallery__loading.is-error:before{display:none}@keyframes bb-gallery-image-loading{to{transform:rotate(360deg)}}.bb-gallery__main:hover{box-shadow:0 0 0 2px #36ace329}.bb-gallery__main:focus-visible,.bb-gallery__dialog button:focus-visible{outline:2px solid var(--bb-focus, #0a4472);outline-offset:3px}.bb-gallery__zoom-affordance{position:absolute;right:var(--bb-geometry-12);bottom:var(--bb-geometry-12);display:inline-flex;align-items:center;justify-content:center;width:var(--bb-control-primary-min, 44px);height:var(--bb-control-primary-min, 44px);border-radius:999px;color:var(--bb-darkblue, #0a4472);background:#fffffff0;box-shadow:0 2px 8px #182a4424;pointer-events:none}.bb-gallery__zoom-affordance svg,.bb-gallery__dialog-close svg,.bb-gallery__dialog-nav svg{width:var(--bb-geometry-20);height:var(--bb-geometry-20)}.bb-gallery__dialog{--bb-gallery-stage-width: min(80vw, 960px);--bb-gallery-stage-height: min(88dvh, 960px);width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:var(--bb-title, #2a4670);background:transparent;overflow:visible}.bb-gallery__dialog::backdrop{background:var(--bb-dark, #182a44);opacity:.82}.bb-gallery__dialog-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100vw;height:100dvh;max-width:none;max-height:none;box-sizing:border-box}.bb-gallery__dialog-close,.bb-gallery__dialog-nav{display:inline-flex;align-items:center;justify-content:center;width:var(--bb-control-primary-min, 44px);height:var(--bb-control-primary-min, 44px);padding:0;border:0;border-radius:999px;color:var(--bb-darkblue, #0a4472);background:var(--bb-white, #fff);cursor:pointer}.bb-gallery__dialog-close{position:fixed;top:max(var(--bb-geometry-16),env(safe-area-inset-top));right:max(var(--bb-geometry-16),env(safe-area-inset-right));z-index:2;box-shadow:0 2px 8px #182a4429}.bb-gallery__dialog-nav--next svg{transform:rotate(180deg)}.bb-gallery__dialog-nav{position:fixed;top:50%;z-index:2;transform:translateY(-50%);box-shadow:0 2px 8px #182a4429}.bb-gallery__dialog-nav:active{transform:translateY(-50%)}.bb-gallery__dialog-nav--prev{left:calc(50% - min(40vw,480px) - var(--bb-control-primary-min, 44px) - var(--bb-geometry-16))}.bb-gallery__dialog-nav--next{right:calc(50% - min(40vw,480px) - var(--bb-control-primary-min, 44px) - var(--bb-geometry-16))}.bb-gallery__dialog-viewport{position:fixed;top:50%;left:50%;width:var(--bb-gallery-stage-width);height:var(--bb-gallery-stage-height);max-width:var(--bb-gallery-stage-width);max-height:var(--bb-gallery-stage-height);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--bb-geometry-12);background:transparent;touch-action:none;cursor:zoom-in;transform:translate(-50%,-50%)}.bb-gallery__dialog-viewport.is-zoomed{cursor:grab}.bb-gallery__dialog-viewport.is-dragging{cursor:grabbing}.bb-gallery__dialog-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center;transition:transform .18s var(--ease-out-quart, cubic-bezier(.25, 1, .5, 1))}@media(max-width:860px){.bb-gallery__dialog{--bb-gallery-stage-width: calc(100vw - var(--bb-geometry-12));--bb-gallery-stage-height: calc(100dvh - var(--bb-geometry-12))}.bb-gallery__dialog-close{top:max(var(--bb-geometry-12),env(safe-area-inset-top));right:max(var(--bb-geometry-12),env(safe-area-inset-right))}.bb-gallery__dialog-nav--prev{left:max(var(--bb-geometry-12),env(safe-area-inset-left))}.bb-gallery__dialog-nav--next{right:max(var(--bb-geometry-12),env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){.bb-gallery__loading:before{animation:none}.bb-gallery__dialog-image{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bb-product-gallery-zoom.css.map */