.t-body_scroll-locked {
  left: 0;
  position: fixed;
  width: 100%;
}
.t-zoomer__show_fixed {
  height: 100vh;
  max-height: 100vh;
  max-width: 100%;
  overflow: hidden;
}
.t-carousel__zoomer__wrapper {
  position: relative;
}
.t-zoomer__ui-item {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: hsla(0, 0%, 100%, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(1, 1, 1, 0.1);
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 37px;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 10px;
  transition-duration: 0.3s;
  transition-property: opacity, background-color, box-shadow;
  transition-timing-function: ease-in-out;
  width: 37px;
  will-change: opacity, background-color, box-shadow;
}
.t-zoomer__hide-animation {
  opacity: 0;
}
.t-zoomer__ui-item--dark {
  background: rgba(1, 1, 1, 0.5);
}
.t-zoomer__ui-item--dark svg {
  -webkit-filter: invert(1);
  filter: invert(1);
}
@media (hover: hover) {
  .t-carousel__zoomer__control:hover > .t-zoomer__ui-item,
  .t-zoomer__ui-item:hover {
    background: #fff;
    opacity: 1;
  }
  .t-carousel__zoomer__control:hover > .t-zoomer__ui-item--dark,
  .t-zoomer__ui-item--dark:hover {
    background: #010101;
    box-shadow: 0 0 3px hsla(0, 0%, 100%, 0.25);
  }
}
@-webkit-keyframes showZoomerWrapper {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes showZoomerWrapper {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.t-zoomer__wrapper {
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: -1;
}
.t-zoomer__show .zoomer-no-scale .t-carousel__zoomer__inner {
  cursor: default;
}
.t-zoomer__show .t-zoomer__wrapper {
  -webkit-animation: showZoomerWrapper 0.3s ease-in-out both;
  animation: showZoomerWrapper 0.3s ease-in-out both;
  display: block;
  z-index: 10000001;
}
.t-zoomer__container {
  opacity: 1;
  text-align: center;
  top: 0;
  transition: opacity 0.4s ease;
  z-index: 99999999;
}
.t-zoomer__bg,
.t-zoomer__container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
.t-zoomer__container--on-close,
.t-zoomer__wrapper:has(.t-zoomer__container--on-close) .t-zoomer__ui-item,
body:has(.t-zoomer__container--on-close) .t_zoomer__animated-wrapper {
  opacity: 0;
}
.t-zoomer__container--on-close .t-carousel__zoomer__item.active {
  opacity: 0;
  -webkit-transform: scale(0.7) translateY(50%);
  transform: scale(0.7) translateY(50%);
}
.t-zoomer__bg {
  cursor: zoom-in;
  top: 0;
}
.t-zoomer__comments {
  background-color: hsla(0, 0%, 100%, 0.5);
  border-radius: 4px;
  bottom: 5px;
  box-sizing: border-box;
  display: inline-block;
  left: 5px;
  margin: auto;
  max-width: calc(100% - 10px);
  opacity: 1;
  padding: 4px 10px;
  position: absolute;
  right: 5px;
  text-align: center;
  transition-duration: 0.15s;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
  will-change: opacity;
}
.scale-active .t-zoomer__comments.t-zoomer__hide-animation,
.t-zoomer__comments.t-zoomer__hide-animation {
  opacity: 0;
}
.scale-active .t-zoomer__comments {
  bottom: auto;
  top: 5px;
}
.t-zoomer__comments .t-zoomer__descr,
.t-zoomer__comments .t-zoomer__title {
  color: #000;
}
.t-zoomer__comments--dark {
  background-color: rgba(1, 1, 1, 0.5);
}
.t-zoomer__comments--dark .t-zoomer__descr,
.t-zoomer__comments--dark .t-zoomer__title {
  color: #fff;
}
.t-zoomable,
.t-zoomer__show .t-carousel__zoomer__inner,
.t-zoomer__show .t-zoomable {
  cursor: zoom-in;
}
.t-carousel__zoomed,
.t-carousel__zoomer__slides {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.t-carousel__zoomer__inner {
  bottom: 15px;
  left: 15px;
  overflow: hidden;
  position: absolute;
  right: 15px;
  top: 15px;
}
.t-carousel__zoomer__track {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.t-zoomer__container--mobile .t-carousel__zoomer__track {
  transition: -webkit-transform 0.25s cubic-bezier(0.29, 0.39, 0.2, 0.96);
  transition: transform 0.25s cubic-bezier(0.29, 0.39, 0.2, 0.96);
  transition:
    transform 0.25s cubic-bezier(0.29, 0.39, 0.2, 0.96),
    -webkit-transform 0.25s cubic-bezier(0.29, 0.39, 0.2, 0.96);
}
.t-carousel__zoomer__item {
  -ms-flex-negative: 0;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  transition-duration: 0.2s;
  transition-property:
    opacity,
    -webkit-transform;
  transition-property: opacity, transform;
  transition-property:
    opacity,
    transform,
    -webkit-transform;
  transition-timing-function: ease-in-out;
  width: calc(100vw - 30px);
}
.scale-active .t-carousel__zoomer__item {
  width: 100vw;
}
.t-zoomer__container--mobile:not(.t-zoomer__container--on-close)
  .t-carousel__zoomer__item {
  opacity: 1;
  transition: none;
}
.t-carousel__zoomer__item.active {
  opacity: 1;
}
.t-carousel__zoomer__img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  margin: auto;
  max-height: calc(100vh - 30px);
  max-width: 100%;
  object-fit: contain;
  overflow: auto;
  -webkit-transform: none;
  transform: none;
}
.t-zoomer-loader {
  bottom: 0;
  display: none;
  height: 40px;
  left: 0;
  margin: auto;
  mix-blend-mode: difference;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  z-index: 1000;
}
.t-carousel__zoomer__inner:has(
    .t-carousel__zoomer__item.active img:not(.loaded)
  )
  .t-zoomer-loader,
.t_zoomer__animated-wrapper .t-zoomer-loader {
  display: inline-block;
}
.t-carousel__zoomer__inner:has(.t-zoomer-loader)
  .t-carousel__zoomer__item.active:has(img:not(.loaded)) {
  opacity: 0;
}
.t-zoomer-loader .t-icon-loader-rect {
  --animation-duration: 1s;
  -webkit-animation: t-icon-loader-animation var(--animation-duration) linear
    infinite;
  animation: t-icon-loader-animation var(--animation-duration) linear infinite;
}
.t-zoomer-loader .t-icon-loader-rect:first-child {
  -webkit-animation-delay: calc(var(--animation-duration) / -8 * 8);
  animation-delay: calc(var(--animation-duration) / -8 * 8);
}
.t-zoomer-loader .t-icon-loader-rect:nth-child(2) {
  -webkit-animation-delay: calc(var(--animation-duration) / -8 * 7);
  animation-delay: calc(var(--animation-duration) / -8 * 7);
}
.t-zoomer-loader .t-icon-loader-rect:nth-child(3) {
  -webkit-animation-delay: calc(var(--animation-duration) / -8 * 6);
  animation-delay: calc(var(--animation-duration) / -8 * 6);
}
.t-zoomer-loader .t-icon-loader-rect:nth-child(4) {
  -webkit-animation-delay: calc(var(--animation-duration) / -8 * 5);
  animation-delay: calc(var(--animation-duration) / -8 * 5);
}
.t-zoomer-loader .t-icon-loader-rect:nth-child(5) {
  -webkit-animation-delay: calc(var(--animation-duration) / -8 * 4);
  animation-delay: calc(var(--animation-duration) / -8 * 4);
}
.t-zoomer-loader .t-icon-loader-rect:nth-child(6) {
  -webkit-animation-delay: calc(var(--animation-duration) / -8 * 3);
  animation-delay: calc(var(--animation-duration) / -8 * 3);
}
.t-zoomer-loader .t-icon-loader-rect:nth-child(7) {
  -webkit-animation-delay: calc(var(--animation-duration) / -8 * 2);
  animation-delay: calc(var(--animation-duration) / -8 * 2);
}
.t-zoomer-loader .t-icon-loader-rect:nth-child(8) {
  -webkit-animation-delay: calc(var(--animation-duration) / -8 * 1);
  animation-delay: calc(var(--animation-duration) / -8 * 1);
}
@-webkit-keyframes t-icon-loader-animation {
  to {
    opacity: 0;
  }
}
@keyframes t-icon-loader-animation {
  to {
    opacity: 0;
  }
}
.t-carousel__zoomer__control {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  bottom: 50px;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  padding: 0 13px;
  position: absolute;
  top: 50px;
  transition: opacity 0.3s ease-in-out;
  width: 15%;
  z-index: 99;
}
.t-carousel__zoomer__control_right {
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  left: auto;
  right: 0;
}
img.t-carousel__zoomer__img.ui-draggable.ui-draggable-handle {
  cursor: grab;
}
.scale-active .t-carousel__zoomer__img {
  bottom: unset;
  cursor: zoom-out;
  left: unset;
  max-height: inherit;
  max-width: inherit;
  position: absolute;
  right: unset;
  top: unset;
}
.scale-active .t-carousel__zoomer__inner {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.scale-active .t-carousel__zoomer__control {
  height: 15%;
  margin: auto;
}
.t-zoomer__scale--disabled {
  cursor: default;
  opacity: 0 !important;
  pointer-events: none;
}
.t-zoomer__ui-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  position: absolute;
  right: 13px;
  top: 13px;
  z-index: 999999999999;
}
.t-zoomer__scale .icon-increase {
  display: block;
}
.scale-active .t-carousel__zoomer__item {
  display: none;
}
.scale-active .t-carousel__zoomer__item.active {
  display: block;
}
.scale-active .t-zoomer__scale .icon-increase,
.t-zoomer__scale .icon-decrease {
  display: none;
}
.scale-active .t-zoomer__scale .icon-decrease {
  display: block;
}
.t-zoomer-control_dark {
  background: #000;
}
.t-zoomer__title {
  font-size: 16px;
  font-weight: 500;
}
.t_zoomer__animated-wrapper {
  pointer-events: none;
  position: fixed;
  transition-duration: 0.35s;
  transition-property: top, left, width, height, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  will-change: top, left, width, height, opacity;
  z-index: 1000000002;
}
.t_zoomer__animated-image {
  height: 100%;
  object-fit: cover;
  opacity: 0;
  width: 100%;
}
.t_zoomer__animated-wrapper--loaded .t_zoomer__animated-image {
  opacity: 1;
}
body:has(.t_zoomer__animated-wrapper)
  .t-carousel__zoomer__inner
  .t-carousel__zoomer__item.active {
  visibility: hidden;
}
@media screen and (max-width: 1200px) {
  .t-zoomer__title {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .t-carousel__zoomer__inner {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
  .t-carousel__zoomer__item {
    width: 100vw;
  }
}
.t-carousel__zoomer__item-innactive .t-carousel__zoomer__wrapper {
  display: none;
}
