.image-modal-overlay{z-index:10000;background:#110f10f2;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;top:0;left:0}.image-modal-overlay .image-modal-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.image-modal-overlay .image-modal-container .modal-close{cursor:pointer;z-index:10002;background-color:#fff;border:none;border-radius:1px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.image-modal-overlay .image-modal-container .modal-close:hover{background-color:#ffffffd5;transform:scale(1.05)}.image-modal-overlay .image-modal-container .modal-close:active{transform:scale(.95)}.image-modal-overlay .image-modal-container .modal-close svg{width:16px;height:16px}.image-modal-overlay .image-modal-container .modal-image-wrapper{background-color:#0a0a0a33;border-radius:4px;justify-content:center;align-items:center;width:calc(100% - 320px);height:100%;margin:84px 160px;display:flex}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-navigation{z-index:10001;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;left:50px;right:50px}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-navigation .nav-btn{cursor:pointer;background-color:#32472b;border:1px solid #fff;border-radius:1px;justify-content:center;align-items:center;width:44px;height:96px;transition:opacity .3s;display:flex}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-navigation .nav-btn:hover{opacity:.8}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-navigation .nav-btn.right{transform:rotate(180deg)}.image-modal-overlay .image-modal-container .modal-image-wrapper .image-loader{z-index:10000;justify-content:center;align-items:center;display:flex;position:absolute}.image-modal-overlay .image-modal-container .modal-image-wrapper .image-loader .spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-img{object-fit:contain;border-radius:4px;width:100%;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@media screen and (max-width:768px) and (orientation:portrait){.image-modal-overlay .image-modal-container .modal-image-wrapper{width:calc(100% - 80px);height:max-content;margin:60px 40px}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-navigation{left:20px;right:20px}}@media screen and (max-width:480px){.image-modal-overlay .image-modal-container .modal-image-wrapper{width:calc(100% - 40px);height:max-content;margin:50px 20px}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-navigation{left:20px;right:20px}.image-modal-overlay .image-modal-container .modal-image-wrapper .gallery-navigation .nav-btn{width:36px;height:64px}}