.custom-image-gallery{position:fixed;top:0;left:0;z-index:10;width:100vw;height:100vh;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;visibility:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity ease-in-out .2s;transition:opacity ease-in-out .2s}.custom-image-gallery.opened{visibility:visible;opacity:1}.custom-image-gallery__inner{width:90%;height:90%;margin:0 auto;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}.custom-image-gallery__inner__images{height:90%;width:100%;position:relative}.custom-image-gallery__inner__images img{width:100%;height:100%;position:absolute;top:0;left:0;-o-object-fit:contain;object-fit:contain;opacity:0;-webkit-transition:opacity ease-in-out .2s;transition:opacity ease-in-out .2s}.custom-image-gallery__inner__images img.active{opacity:1}.custom-image-gallery__inner__controls{position:absolute;bottom:35px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.custom-image-gallery__inner__controls .control-btn{border:0;cursor:pointer;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;background:#fff;border-radius:50%;width:50px;height:50px;opacity:1;position:relative;-webkit-box-shadow:rgba(0,0,0,.1) 0px 4px 12px;box-shadow:#0000001a 0 4px 12px;-webkit-transition:background-color ease-in-out .2s,color ease-in-out .2s;transition:background-color ease-in-out .2s,color ease-in-out .2s}.custom-image-gallery__inner__controls .control-btn:hover{background-color:#000;color:#fff}.custom-image-gallery__inner__controls .control-btn:first-of-type{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.custom-image-gallery__inner__controls .control-btn:last-of-type{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.custom-image-gallery__inner__controls .control-btn:nth-child(2){width:65px;height:65px}.custom-image-gallery__inner__controls .control-btn:nth-child(2) svg{height:15px!important}.custom-image-gallery__inner__controls .control-btn svg{height:10px;width:auto}
/*# sourceMappingURL=/cdn/shop/t/204/assets/ss-custom-image-gallery.css.map */