product-modal.product-media-modal[open]{z-index:2147483647!important}
product-modal .product-media-modal__content{position:absolute;inset:8rem 0 max(12px,env(safe-area-inset-bottom));padding:0;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;scroll-behavior:auto}
product-modal .product-media-modal__content>[data-media-id]{display:none!important}
product-modal .product-media-modal__content>[data-media-id].active{display:block!important}
product-modal.domo-image-view .product-media-modal__content{overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;contain:layout paint}
product-modal.domo-image-view .product-media-modal__content>img.active{position:absolute;margin:0!important;max-width:none!important;max-height:none!important;min-width:0!important;object-fit:contain;transform-origin:center;will-change:transform;pointer-events:none;border:0;box-shadow:none;border-radius:6px;transition:none!important}
product-modal.domo-image-view .product-media-modal__content.is-zoomed{cursor:grab}
product-modal.domo-image-view .product-media-modal__content.is-dragging{cursor:grabbing}
product-modal .domo-zoom-controls{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:4px;padding:4px;max-width:calc(100vw - 100px);border:1px solid rgba(var(--color-foreground),.12);border-radius:30px;background:rgba(var(--color-foreground),.055)}
product-modal .domo-zoom-controls button{font:inherit;font-size:13px;line-height:1.3;min-height:40px;padding:10px 16px;border:0;color:rgb(var(--color-foreground));background:transparent;border-radius:24px;cursor:pointer;white-space:nowrap;transition:background .18s,color .18s}
product-modal .domo-zoom-controls button[aria-pressed=true]{color:rgb(var(--color-background));background:rgb(var(--color-foreground))}
product-modal .domo-zoom-controls button:focus-visible{outline:3px solid #ed3f51;outline-offset:3px}
product-modal .product-media-modal__toggle{top:max(18px,env(safe-area-inset-top));right:16px;width:44px;height:44px;z-index:4}
product-modal[open] .product-media-modal__dialog{animation:domo-zoom-reveal .16s ease-out}
@keyframes domo-zoom-reveal{from{opacity:.65}to{opacity:1}}
@media(max-width:749px){product-modal .domo-zoom-controls{left:14px;transform:none}product-modal .domo-zoom-controls button{padding:10px 13px}product-modal .product-media-modal__content{top:8rem}}
@media(prefers-reduced-motion:reduce){product-modal[open] .product-media-modal__dialog{animation:none}product-modal .domo-zoom-controls button{transition:none}}