magnify-image{--magnifier-border-color: #fff;--magnifier-shadow: 0 4px 12px rgba(0, 0, 0, .3);--magnifier-size: 180px;--zoom-level: 1.5;--transition-duration: .3s;--modal-bg: rgba(0, 0, 0, .9);--modal-controls-bg: rgba(255, 255, 255, .9)}magnify-image{display:inline-block;position:relative;max-width:100%;border-radius:inherit;cursor:zoom-in;transition:transform var(--transition-duration) ease}magnify-image:hover{transform:scale(1.02)}magnify-image[disable-modal]{cursor:crosshair}magnify-image[disable-modal]:hover{transform:none}magnify-image img{max-width:100%;height:auto;display:block;border-radius:inherit;transition:opacity var(--transition-duration) ease}.pdpmedia-item magnify-image{width:100%;height:100%}.pdpmedia-item magnify-image img{aspect-ratio:1.1;object-fit:contain;border-radius:10px}magnify-image[variant=large]{--magnifier-size: 200px;--zoom-level: 3}magnify-image[variant=small]{--magnifier-size: 100px;--zoom-level: 2}magnify-image[variant=detailed]{--magnifier-size: 180px;--zoom-level: 4}magnify-image[theme=dark]{--magnifier-border-color: #333;--magnifier-shadow: 0 4px 12px rgba(255, 255, 255, .2);--modal-bg: rgba(0, 0, 0, .95);--modal-controls-bg: rgba(50, 50, 50, .9)}magnify-image[theme=minimal]{--magnifier-border-color: transparent;--magnifier-shadow: 0 2px 8px rgba(0, 0, 0, .2);--modal-controls-bg: rgba(255, 255, 255, .8)}magnify-image:not([disable-modal]):not([disabled]):before{content:"\1f50d";position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;font-size:12px;padding:4px 6px;border-radius:4px;opacity:0;transition:opacity var(--transition-duration) ease;pointer-events:none;z-index:10}magnify-image:not([disable-modal]):not([disabled]):hover:before{opacity:1}@media (max-width: 768px){magnify-image[mobile-disabled]{pointer-events:none;cursor:default}magnify-image[mobile-disabled]:hover{transform:none}magnify-image[mobile-disabled]:before{display:none}magnify-image:not([mobile-disabled]){--magnifier-size: 120px;--zoom-level: 2}magnify-image:not([disable-modal]):not([disabled]):before{content:"\1f446\1f446";font-size:10px}}magnify-image[loading]{opacity:.7;pointer-events:none}magnify-image[loading]:before{display:none}magnify-image[loading]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:magnify-spin 1s linear infinite;z-index:1001}@keyframes magnify-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}magnify-image:focus-within{outline:2px solid #4A90E2;outline-offset:2px}@media (prefers-contrast: high){magnify-image{--magnifier-border-color: #000;--magnifier-shadow: 0 4px 12px rgba(0, 0, 0, .8);--modal-bg: rgba(0, 0, 0, .98);--modal-controls-bg: rgba(255, 255, 255, 1)}}@media (prefers-reduced-motion: reduce){magnify-image{--transition-duration: 0s}magnify-image:hover{transform:none}.magnify-modal-overlay,.magnify-modal-image{transition:none!important}}@media print{magnify-image:before,magnify-image:after{display:none!important}.magnify-modal-overlay{display:none!important}}.magnify-modal-overlay{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}magnify-image:not([disable-modal]):not([disabled])[title]:after{content:attr(title);position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-duration) ease;z-index:1000}magnify-image:not([disable-modal]):not([disabled])[title]:hover:after{opacity:1}@keyframes modal-zoom-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.magnify-modal-content{animation:modal-zoom-in .3s ease-out}.magnify-modal-overlay::-webkit-scrollbar{display:none}.magnify-modal-overlay{scrollbar-width:none;-ms-overflow-style:none}.magnify-modal-overlay{z-index:999999!important}body.magnify-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important}@media (max-width: 480px){magnify-image:not([disable-modal]):not([disabled]):before{top:4px;right:4px;font-size:10px;padding:2px 4px}}@media (min-width: 769px) and (max-width: 1024px){magnify-image{--magnifier-size: 160px;--zoom-level: 2.2}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/magnify-image.css.map */