.product-image-modal{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0;visibility:hidden;background:#faf9f6;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease;z-index:99999!important}.product-image-modal.active{opacity:1!important;visibility:visible!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.product-image-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.product-image-modal .modal-content{position:relative;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.product-image-modal .modal-close{position:fixed;top:20px;right:20px;padding:10px;background:#000;border:none;color:#fff;cursor:pointer;z-index:100001;width:36px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:768px){.product-image-modal .modal-close{top:15px;right:15px;width:44px;height:44px}}.product-image-modal .modal-image-container{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.product-image-modal .zoom-container{position:relative;width:100%;height:100%;overflow:hidden;cursor:pointer;-webkit-transition:cursor .3s ease;transition:cursor .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.product-image-modal .zoom-container.zoomed{cursor:crosshair}.product-image-modal .modal-image{max-width:100vw!important;max-height:100vh!important;width:auto!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform .1s ease-out;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out,-webkit-transform .1s ease-out}.product-image-modal .modal-image.zoomed{-webkit-transform:scale(2);transform:scale(2)}.product-image-modal .modal-navigation{position:fixed;top:50%;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;padding:0 20px;z-index:100002;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.product-image-modal .modal-navigation.hidden{opacity:0;pointer-events:none}.product-image-modal .modal-navigation .modal-nav-btn{background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;width:36px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.product-image-modal .modal-navigation .modal-nav-btn:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px}.product-image-modal .modal-navigation .modal-nav-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.product-image-modal .modal-navigation{padding:0 15px}.product-image-modal .modal-navigation .modal-nav-btn{width:44px;height:44px;padding:12px}}.product-image-modal .zoom-indicator svg{width:16px;height:16px}.product__media img{cursor:pointer!important}
/*# sourceMappingURL=/cdn/shop/t/7/assets/strix-product-media-modal.css.map */