.image-gallery-container{border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:0 auto;max-width:100%;overflow:hidden}.image-gallery-container .modal-content{background-color:transparent}.main-image-container{align-items:center;background-color:#f5f5f5;border-radius:8px 8px 0 0;display:flex;position:relative}.image-wrapper{aspect-ratio:16/9;flex:1;overflow:hidden;position:relative}.image-slider{height:100%;position:relative;transition:transform .4s ease-out;width:100%}.displayed-image{cursor:pointer;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-gallery-container .nav-arrow{align-items:center;background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;font-size:25px;height:100%;justify-content:center;transition:background-color .3s,transform .2s;width:60px;z-index:10}.image-gallery-container .nav-arrow:hover{background-color:hsla(0,0%,8%,.38)}.image-gallery-container .thumbnails-strip{background-color:#fff;border-top:1px solid #eaeaea;display:flex;overflow-x:auto;padding:10px 0;scrollbar-color:#ccc transparent;scrollbar-width:thin}.image-gallery-container .thumbnails-strip::-webkit-scrollbar{height:4px}.image-gallery-container .thumbnails-strip::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.image-gallery-container .thumb{border:2px solid transparent;border-radius:4px;cursor:pointer;height:50px;margin:0 4px;min-width:60px;-o-object-fit:cover;object-fit:cover;opacity:.6;transition:opacity .3s,transform .2s}.image-gallery-container .thumb:hover{opacity:.9;transform:translateY(-2px)}.image-gallery-container .thumb.active{border-color:#3b82f6;opacity:1;transform:translateY(-2px)}.image-gallery-container .modal{align-items:center;background-color:rgba(0,0,0,.9);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-gallery-container .modal-content-wrapper{align-items:center;display:flex;justify-content:center;max-height:90vh;max-width:90%;position:relative}.image-gallery-container .modal-content{max-height:90vh;max-width:90vw;-o-object-fit:contain;object-fit:contain}.image-gallery-container .close{color:#fff;cursor:pointer;font-size:30px;position:absolute;right:30px;top:20px;transition:color .3s;z-index:1010}.image-gallery-container .close:hover{color:#f0f0f0}.image-gallery-container .modal-nav-arrow{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;margin:0 20px;transition:background .3s,transform .2s;width:50px;z-index:1010}.image-gallery-container .modal-nav-arrow:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.image-gallery-container .slide-out-left{animation:slideOutLeft .4s forwards}.image-gallery-container .slide-in-right{animation:slideInRight .4s forwards}.image-gallery-container .slide-out-right{animation:slideOutRight .4s forwards}.image-gallery-container .slide-in-left{animation:slideInLeft .4s forwards}@keyframes slideOutLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media (max-width:768px){.image-gallery-container .nav-arrow{font-size:14px;height:32px;width:32px}.image-gallery-container .modal-nav-arrow{font-size:18px;height:40px;margin:0 10px;width:40px}.image-gallery-container .thumb{height:40px;min-width:50px}}.image-gallery-container .nav-arrow.next-arrow,.image-gallery-container .nav-arrow.prev-arrow{position:absolute!important}.image-gallery-container .nav-arrow.next-arrow{right:0}.image-gallery-container .nav-arrow.prev-arrow{left:0}.image-gallery-container .thumbnails-strip::-webkit-scrollbar{height:8px!important}.image-gallery-container .thumbnails-strip::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:10px!important}.image-gallery-container .thumbnails-strip::-webkit-scrollbar-thumb{background:#888!important;border-radius:10px!important}.image-gallery-container .thumbnails-strip::-webkit-scrollbar-thumb:hover{background:#555!important}