phi-product-zoom{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}phi-product-zoom.open{display:block}.phi-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background-color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden;overscroll-behavior:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;transform:translateZ(0)}.phi-zoom-overlay.appear{opacity:1;visibility:visible}.phi-zoom-overlay.disappear{opacity:0;visibility:hidden}@media(min-width:768px){.phi-zoom-overlay{background-color:#f6f1eb}}.phi-zoom-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100vw;overflow:hidden;cursor:pointer;touch-action:none;transform:translateZ(0)}.phi-zoom-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.12;filter:blur(12px);transform:scale(1.1);transition:opacity .3s ease}.phi-zoom-img{position:relative;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform .1s ease-out,opacity .3s ease;opacity:0;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.phi-zoom-img.loaded{opacity:1}.phi-zoom-img.is-interacting{transition:none!important}.phi-zoom-close{position:absolute;top:12px;right:12px;width:30px;height:30px;padding:0;border:none;background:#ffffffd9;color:#444;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease;z-index:10;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.phi-zoom-close:hover{background-color:#fff;transform:scale(1.05)}.phi-zoom-close:focus-visible{outline:2px solid #444;outline-offset:2px}.phi-zoom-close svg{width:14px;height:14px}.phi-zoom-close path{stroke:#444;stroke-width:2;fill:none}@media(min-width:768px){.phi-zoom-close{top:24px;right:24px;width:30px;height:30px}}.phi-zoom-controls{position:absolute;right:16px;bottom:80px;left:auto;top:auto;transform:none;width:40px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:10;background-color:#fff9;border-radius:0;transition:opacity .2s ease}@media(min-width:768px){.phi-zoom-controls{left:24px;right:auto;bottom:auto;top:50%;transform:translateY(-50%);width:26px;gap:0}}.phi-zoom-btn{width:32px;height:32px;padding:0;border:none;background:transparent;color:#444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease,transform .15s ease;border-radius:50%}.phi-zoom-btn svg{stroke:#444;stroke-width:2;fill:none;stroke-linecap:round;stroke-miterlimit:10}.phi-zoom-btn:hover:not(:disabled){opacity:.7;transform:scale(1.1)}.phi-zoom-btn:focus-visible{outline:2px solid #444;outline-offset:2px}.phi-zoom-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.phi-zoom-track{display:none;width:1px;height:200px;background:linear-gradient(0deg,#444,#919191 0px);position:relative;cursor:pointer;flex-shrink:0;margin:8px 0}@media(min-width:768px){.phi-zoom-track{display:block;height:240px}}.phi-zoom-thumb{position:absolute;left:50%;bottom:0;width:5px;height:5px;transform:translate(-50%,50%);background:#444;border-radius:50%;cursor:pointer;transition:box-shadow .2s ease;border:none}.phi-zoom-thumb:hover{box-shadow:0 1px 4px #0003}.phi-zoom-thumb:active{cursor:pointer}.phi-zoom-thumb:focus-visible{outline:2px solid #444;outline-offset:4px}.phi-zoom-gallery{position:absolute;bottom:12px;right:12px;left:auto;z-index:10;max-width:calc(100% - 100px)}@media(min-width:768px){.phi-zoom-gallery{bottom:24px;left:24px;right:auto;max-width:none}}.phi-zoom-gallery-wrapper{display:flex;flex-direction:row;gap:4px;padding:4px 8px;background-color:#fff9;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;position:relative}.phi-zoom-gallery-wrapper::-webkit-scrollbar{display:none}.phi-zoom-gallery-item{flex-shrink:0;width:38px;height:36px;padding:0;border:none;background:none;cursor:pointer;border-radius:0;overflow:hidden;transition:opacity .2s ease;opacity:.5;position:relative}.phi-zoom-gallery-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#444;transform:scaleX(0);transition:transform .25s ease}.phi-zoom-gallery-item:hover{opacity:.8}.phi-zoom-gallery-item:focus-visible{outline:1px solid #444;outline-offset:1px}.phi-zoom-gallery-item.active{opacity:1}.phi-zoom-gallery-item.active:after{transform:scaleX(1)}.phi-zoom-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.phi-zoom-gallery-indicator{position:absolute;bottom:0;left:0;height:2px;width:38px;background:#444;transition:transform .3s ease-out;pointer-events:none}.phi-zoom-controls .visually-hidden,.phi-zoom-close .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){.phi-zoom-controls{right:12px;bottom:100px;padding:8px 4px}.phi-zoom-track{height:160px}.phi-zoom-gallery{bottom:16px;max-width:100%;position:absolute;right:unset;width:100%;bottom:0;height:70px;padding:5px 0;background-color:#f6f1eb}.phi-zoom-gallery-item{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){.phi-zoom-overlay,.phi-zoom-img,.phi-zoom-thumb,.phi-zoom-btn,.phi-zoom-gallery-item,.phi-zoom-gallery-indicator{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/phi-product-zoom.css.map */