.fancybox__carousel .fancybox__slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fancybox__slide .fancybox__content,
.fancybox__slide .f-panzoom {
  margin: auto;
}

.fancybox__image {
  object-fit: contain;
}

.fancybox__container .f-button.is-close-btn {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.fancybox__container.is-compact .fancybox__toolbar {
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  z-index: 80;
  padding-top: env(safe-area-inset-top, 0);
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.fancybox__container.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  position: fixed;
  top: max(10px, env(safe-area-inset-top, 0px));
  right: max(10px, env(safe-area-inset-right, 0px));
  z-index: 100060;
  width: 44px;
  height: 44px;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: transparent;
  color: #fff;
  box-shadow: none;
}

.fancybox__container.is-compact .fancybox__content > .f-button.is-close-btn svg {
  width: 22px;
  height: 22px;
}