.__galleryItem img{width: 100%;height: 300px;object-fit: cover; }
.__gallery-ctr {position: fixed;display: flex;justify-content: center;align-items: center;inset:0;/* z-index:1000; */}
.__gallery-blur{filter:blur(5px);}
.__gallery-bg{position: fixed;inset:0;background-color: #ffffffeb;background-size:8px 8px;}
.__gallery-lightbox {display: block;position: absolute;inset: 0;}
/* Header section */
.__gallery-header {}
.__gallery-count {position:fixed;left:0;top:0;padding:10px;color:#fff;font: 20px arial, serif;text-shadow: 0 0 3px #000;}
.__gallery-actions {position:fixed;right:0;top:0;}
.__gallery-loading{width: 150px;height: 150px;position: absolute;}
.__gallery-loading:before{border: 10px solid #c5c5c5;border-radius: 50%;border-top: 10px solid #3498db;width: inherit;height: inherit;animation: __gallery-loader 1s linear infinite;box-shadow: 0 0 2px #000 inset,0 0 2px #000;display:block;content:' ';}
.__gallery-preload{opacity:0.01;position:absolute;top: 0;left: 0;right: 260px}
.__gallery-preload-prev, .__gallery-preload-next, .__gallery-preload-current{width:1px;height:1px;float:left;}
/* Content area */
.__gallery-content {display: flex;justify-content: center;align-items: center;position: absolute;inset: 0;}
.__gallery-main-img {width: 100%;height: 100%;object-fit: contain;display: block;border: 0;transition:all 0.5s;}
.__gallery-zoomfit .__gallery-main-img {animation: __gallery-cfit 3s ease-in-out infinite alternate;}
/* Footer section */
.__gallery-footer {position: fixed;left: 0;right: 0;bottom: 5px;display: flex;align-items: center;justify-content: space-between;padding: 0;}
.__gallery-icons {}
.__gallery-title{color: #fff;font: 18px arial, sans-serif;padding:10px;margin: 0;text-align: center;width:100%;text-shadow:0 0 2px #000, 0 0 5px #000;box-sizing:border-box;}
.__gallery-title:empty{display:none;}
.__gallery-info-ctr{font: 12px verdana;color: #000;}
.__gallery-info{padding:10px;background-color:rgba(255, 255, 255, 0.7);display:none;box-sizing:border-box;}
.__gallery-descr:focus .__gallery-info{display:block !important;}
.__gallery-descr {width: 500px;position:fixed;bottom:5px;right:20px;}
.__gallery-footer .__gallery-icons {display: flex;gap: 10px;}
/* Navigation container */
.__gallery-controls{pointer-events: none;}
.__gallery-prev,
.__gallery-next{pointer-events: auto;text-align: center; width: 40px;height: 40px;position: fixed;top: 45%;cursor: pointer;border-radius: 50%;opacity: 0.7;background: rgba(0,0,0,0.4);z-index: 9999;}
.__gallery-prev{left: 15px;}
.__gallery-next{right: 15px;}
.__gallery-prev::after,.__gallery-next::after{font-family: "FontAwesome";font-size: 28px;color: #fff;line-height: 39px;}
.__gallery-prev::after{content: "\f104" !important;}
.__gallery-next::after{content: "\f105" !important;}
.__gallery-prev:hover,
.__gallery-next:hover{opacity: 1;background: rgba(0,0,0,0.6);}

/* progress bar */
.__gallery-progress-out{position:fixed;top:0;left:0;right:0;height:5px;background-color:rgba(0, 0, 0, 0.6);display:none;}
.__gallery-progress{height:inherit;background-color:gold;width:0%;transition: width 1s;}
/* Fullscreen, Rotate, Slideshow, Crop buttons */
.__gallery-actions{cursor: pointer;position: fixed;top: 0;right: 0;/* background-color:rgba(0,0,0,0.6); */margin:0;padding:0;z-index:2;/* opacity:0.5; */}
.__gallery-actions:hover{opacity:1 !important;}
.__gallery-actions:after{clear:both;}
.__gallery-actions > li{float: left;cursor: pointer;list-style: none;padding: 10px;filter: brightness(0);position: relative;}
.__gallery-actions > li::after{content: '';font-family: "FontAwesome";font-size: 20px;color: #000;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;}
.__gallery-close::after{content: "\f00d" !important;}
.__gallery-play::after{content: "\f04b" !important;}
.__gallery-pause::after{content: "\f04c" !important;}
.__gallery-rotate::after{content: "\f01e" !important;}
.__gallery-fullscreen::after{content: "\f065" !important;}
.__gallery-restore::after{content: "\f066" !important;}
.__gallery-screenfit::after{content: "\f0b2" !important;}
.__gallery-zoomfit .__gallery-screenfit::after{content: "\f066" !important;}
.__gallery-xtag-toggle::after{content: "\f02b" !important;}
.__gallery-xtag-gear::after{content: "\f013" !important;}
.__gallery-zoomfit .__gallery-main-img{object-fit: cover;}

/* Utility classes */
.hidden {display: none;}
.flex-center {display: flex;justify-content: center;align-items: center;}
@keyframes __gallery-loader {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes __gallery-cfit {
  from {object-position: top left;}
  to {object-position: bottom right;}
}
/* Thumbnail styles */
.__gallery-thumbnails {display: flex;justify-content: center;max-width: 100%;overflow-x: auto;margin-top: 10px;white-space: nowrap;position: absolute;right: 0;left: 0;margin: 0 auto;z-index: 9999999999;bottom: 0;background-color: rgb(107 102 102 / 50%);}
.__gallery-thumbnail {width: 80px; height: 50px; object-fit: cover;margin: 3px; cursor: pointer; transition: border-color 0.3s; }
.__gallery-thumbnail:hover {border-color: #3498db;}
.arrow.right{display:none;}
@media (max-width: 500px) {
  .__gallery-descr {width: auto;}
  @media (max-width: 500px) {
    .__gallery-descr {width: auto;box-sizing: border-box;left: 5px;right: 5px;bottom: 5px;}
  }
}
/* width */
.__gallery-thumbnails::-webkit-scrollbar {width: 10px;height: 12px;}
/* Track */
.__gallery-thumbnails::-webkit-scrollbar-track { border-radius: 10px; margin: 20px; }
.__gallery-thumbnails::-webkit-scrollbar-thumb {background: rgb(95, 95, 95); border-radius: 10px; }
.__gallery-thumbnails::-webkit-scrollbar-thumb:hover {background: rgb(95, 95, 95); }