html[data-theme=theme1]{--color-primary:#0068b7;--color-secondary:#e5eff8;--color-tertiary:#f5f5f5;--color-text-gray:#6a6a6a;--color-warning:#eb3323;--color-bg-warning:#fff3f2;--color-bg-gray:#f5f5f5;--color-border-gray-dark:#e6e6e6;--color-border-gray-light:#b9b8b8;--duration-fast:250ms;--duration-normal:350ms;--duration-slow:500ms;--duration-slower:700ms;--ease-out-expo:cubic-bezier(0.16,1,0.3,1)}::view-transition-group(product-modal-image){z-index:10}::view-transition-group(product-modal-image-open){animation-duration:var(--duration-slow);animation-timing-function:var(--ease-out-expo)}::view-transition-group(product-modal-image-close){animation-duration:var(--duration-slow);animation-timing-function:var(--ease-out-expo)}::view-transition-new(product-modal-image-open){animation:modal-transition var(--duration-fast) both;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%;height:100%;aspect-ratio:4/3}::view-transition-old(product-modal-image-open){display:none}::view-transition-old(product-modal-image-close){display:none}::view-transition-new(product-modal-image-close){animation:modal-transition var(--duration-fast) both;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%;height:100%}@media (width < 960px){::view-transition-new(product-modal-image-open){-o-object-fit:cover;object-fit:cover}::view-transition-new(product-modal-image-close){display:block;animation:modal-transition var(--duration-fast) both}}@keyframes modal-transition{0%{opacity:1}to{opacity:1}}html.transition-product-modal-image-close{.transition-close-hidden{opacity:0}}