@charset "utf-8";

.customily_gallery { direction: ltr !important; }

.customily_gallery_thumbnails .customily_gallery_thumbnails_container { display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 10px; overflow: auto hidden; padding: 4px; }

.customily_gallery_thumbnails .customily_gallery_thumbnails_container::-webkit-scrollbar-track { border-radius: 3px; background-color: rgb(245, 245, 245); }

.customily_gallery_thumbnails .customily_gallery_thumbnails_container::-webkit-scrollbar { width: 5px; height: 5px; background-color: rgb(245, 245, 245); }

.customily_gallery_thumbnails .customily_gallery_thumbnails_container::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgb(220, 220, 220); }

.customily_gallery_thumbnails .customily_gallery_thumbnails_container::-webkit-scrollbar:horizontal { height: 5px; }

.customily_gallery_thumbnails .customily_gallery_thumbnails_container::-webkit-scrollbar-thumb:horizontal { background-color: rgb(220, 220, 220); }

.customily_gallery_thumbnails .customily_gallery_thumbnails_container::-webkit-scrollbar-track:horizontal { background-color: rgb(245, 245, 245); }

.customily_gallery_thumbnails .customily_gallery_thumbnails_container img { width: 100%; object-fit: contain; aspect-ratio: 1 / 1; border-radius: 5px; cursor: pointer; }

.customily_gallery_thumbnails .customily_gallery_thumbnails_container .customily_gallery_thumbnail { border-radius: 5px; flex: 0 0 auto; }

.customily_gallery_thumbnails .customily_gallery_thumbnails_container .customily_gallery_thumbnail:not(.active) { opacity: 0.5; }

.customily_gallery_thumbnails .customily_gallery_thumbnails_container .customily_gallery_thumbnail.active { border: 2px solid rgb(29, 29, 29); }

.customily_gallery_media { display: flex; flex-direction: column; }

.customily_gallery_media img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; object-position: center center; cursor: pointer; height: 100%; }

.customily_gallery_media video { border: none; height: 100%; }

.customily_gallery_video { width: 100%; }

.canvas-thumbnail-badge { border-radius: 7px; width: 20px; height: 20px; background: rgba(255, 255, 255, 0.7); padding: 1px; transform: translate(4px, -30px); display: flex; }

.canvas-thumbnail.hidden, .customily_gallery_media .hidden { display: none; }

.customily_video_wrapper { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 20px; background: transparent; }

.customily_gallery_external_video { width: 80%; height: auto; max-width: 800px; aspect-ratio: 16 / 9; }

@media (max-width: 768px) {
  .customily_gallery_external_video { width: 100%; }
}

.fade { transition: opacity 0.15s linear; }

@media (prefers-reduced-motion: reduce) {
  .fade { transition: none; }
}

.fade:not(.show) { opacity: 0; }

.collapse:not(.show) { display: none; }

.collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s; }

@media (prefers-reduced-motion: reduce) {
  .collapsing { transition: none; }
}

@keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}

.spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border-width: 0.25em; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: initial; border-radius: 50%; animation: 0.75s linear 0s infinite normal none running spinner-border; }

.spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; }

@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; }
}

.spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: 0.75s linear 0s infinite normal none running spinner-grow; }

.spinner-grow-sm { width: 1rem; height: 1rem; }