@charset "utf-8";

.t-body_scroll-locked { left: 0px; position: fixed; width: 100%; }

.t-zoomer__show_fixed { height: 100vh; max-height: 100vh; max-width: 100%; overflow: hidden; }

@-webkit-keyframes showZoomerWrapper { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes showZoomerWrapper { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.t-zoomer__wrapper { inset: 0px; display: none; opacity: 0; position: fixed; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; user-select: none; z-index: -1; }

.t-zoomer__show .zoomer-no-scale .t-carousel__zoomer__inner { cursor: default; }

.t-zoomer__show .t-zoomer__wrapper { animation: 0.3s ease-in-out 0s 1 normal both running showZoomerWrapper; display: block; z-index: 10000001; }

.t-zoomer__container { text-align: center; top: 0px; }

.t-zoomer__bg, .t-zoomer__container { bottom: 0px; left: 0px; position: absolute; right: 0px; }

.t-zoomer__bg { background: rgb(255, 255, 255); cursor: zoom-in; top: 0px; }

.t-zoomer__comments { box-sizing: border-box; display: block; height: auto; margin: 0px auto; max-width: 700px; padding: 14px; text-align: center; transform: translateZ(0px); }

.t-zoomer__descr { z-index: 3; }

.t-zoomable, .t-zoomer__show .t-carousel__zoomer__inner, .t-zoomer__show .t-zoomable { cursor: zoom-in; }

.t-zoomer__container { z-index: 99999999; }

.t-carousel__zoomed, .t-carousel__zoomer__slides { inset: 0px; position: absolute; }

.t-carousel__zoomer__inner { inset: 15px; overflow: hidden; position: absolute; }

.t-carousel__zoomer__track { backface-visibility: hidden; bottom: 0px; position: absolute; top: 0px; transform-style: preserve-3d; transition-duration: 0.25s; transition-property: transform, -webkit-transform; transition-timing-function: cubic-bezier(0.29, 0.39, 0.2, 0.96); }

.t-carousel__zoomer__item, .t-carousel__zoomer__track { align-items: center; display: flex; }

.t-carousel__zoomer__item { flex-direction: column; flex-shrink: 0; height: 100%; justify-content: center; width: 100vw; }

.t-carousel__zoomer__img { backface-visibility: hidden; display: block; margin: auto; max-height: calc(-30px + 100vh); max-width: 100%; object-fit: contain; overflow: auto; transform: none; }

.t-zoomer-loader { inset: 0px; display: none; height: 40px; margin: auto; mix-blend-mode: difference; position: absolute; width: 40px; z-index: 1000; }

.t-carousel__zoomer__inner:has(.t-carousel__zoomer__item.active img:not(.loaded)) .t-zoomer-loader { display: inline-block; }

.t-zoomer-loader .t-icon-loader-rect { --animation-duration: 1s; animation: t-icon-loader-animation var(--animation-duration) linear infinite; }

.t-zoomer-loader .t-icon-loader-rect:first-child { animation-delay: calc(var(--animation-duration)/-8*8); }

.t-zoomer-loader .t-icon-loader-rect:nth-child(2) { animation-delay: calc(var(--animation-duration)/-8*7); }

.t-zoomer-loader .t-icon-loader-rect:nth-child(3) { animation-delay: calc(var(--animation-duration)/-8*6); }

.t-zoomer-loader .t-icon-loader-rect:nth-child(4) { animation-delay: calc(var(--animation-duration)/-8*5); }

.t-zoomer-loader .t-icon-loader-rect:nth-child(5) { animation-delay: calc(var(--animation-duration)/-8*4); }

.t-zoomer-loader .t-icon-loader-rect:nth-child(6) { animation-delay: calc(var(--animation-duration)/-8*3); }

.t-zoomer-loader .t-icon-loader-rect:nth-child(7) { animation-delay: calc(var(--animation-duration)/-8*2); }

.t-zoomer-loader .t-icon-loader-rect:nth-child(8) { animation-delay: calc(var(--animation-duration)/-8*1); }

@-webkit-keyframes t-icon-loader-animation { 
  100% { opacity: 0; }
}

@keyframes t-icon-loader-animation { 
  100% { opacity: 0; }
}

.t-zoomer__close { cursor: pointer; display: flex; height: auto; padding: 10px; position: fixed; right: 10px; top: 10px; transition: opacity 0.3s ease-in-out; width: auto; z-index: 2147483647; }

.t-zoomer__close:hover { opacity: 0.7; }

.t-zoomer__close-line { background-color: rgb(34, 34, 34); height: 26px; left: 15px; position: absolute; width: 2px; }

.t-zoomer__close-line-first { transform: rotate(45deg); }

.t-zoomer__close-line-second { transform: rotate(-45deg); }

.t-carousel__zoomer__control { bottom: 50px; cursor: pointer; left: 0px; position: absolute; top: 50px; transition: opacity 0.3s ease-in-out; width: 15%; z-index: 99; }

.t-carousel__zoomer__control_right { left: auto; right: 0px; }

.t-carousel__zoomer__control:hover { opacity: 0.6; }

.t-carousel__zoomer__arrow { background: 0px 0px; height: 18px; transform: rotate(45deg); width: 18px; }

.t-carousel__zoomer__arrow__wrapper { position: absolute; top: 50%; transform: translateY(-50%) scale(0.8); }

.t-carousel__zoomer__arrow_right { border-right: 2px solid; border-top: 2px solid; }

.t-carousel__zoomer__arrow_left { border-bottom: 2px solid; border-left: 2px solid; }

img.t-carousel__zoomer__img.ui-draggable.ui-draggable-handle { cursor: grab; }

.t-carousel__zoomer__arrow__wrapper::before { background: rgba(255, 255, 255, 0.3); border-radius: 50%; content: ""; height: 26px; padding: 10px; position: absolute; top: calc(50% - 23px); width: 26px; }

.t-carousel__zoomer__arrow__wrapper_dark::before { background: rgba(1, 1, 1, 0.3); }

.t-carousel__zoomer__arrow__wrapper.t-carousel__zoomer__arrow__wrapper_left::before { left: calc(50% - 26px); }

.t-carousel__zoomer__arrow__wrapper.t-carousel__zoomer__arrow__wrapper_right::before { right: calc(50% - 26px); }

.scale-active .t-carousel__zoomer__img { inset: unset; cursor: zoom-out; max-height: inherit; max-width: inherit; }

.scale-active .t-carousel__zoomer__inner { inset: 0px; }

.scale-active .t-carousel__zoomer__control { height: 15%; margin: auto; }

.t-zoomer__scale.showed { cursor: pointer; display: none; padding: 10px; position: fixed; right: 65px; top: 10px; transition: opacity 0.3s ease-in-out; z-index: 999999999; }

.t-zoomer__scale.showed .icon-increase { display: block; }

.scale-active .t-carousel__zoomer__img { position: absolute; }

.scale-active .t-carousel__zoomer__item { display: none; }

.scale-active .t-carousel__zoomer__item.active { display: block; }

.scale-active .t-zoomer__scale.showed .icon-increase, .t-zoomer__scale.showed .icon-decrease { display: none; }

.scale-active .t-zoomer__scale.showed .icon-decrease { display: block; }

.t-zoomer__close, .t-zoomer__scale.showed { background: rgba(255, 255, 255, 0.3); border-radius: 50%; }

.t-carousel__zoomer__arrow__wrapper_right { right: 20px; }

.t-carousel__zoomer__arrow__wrapper_left { left: 20px; }

.t-zoomer__scale:hover { opacity: 0.7; }

.t-zoomer__hide-animation { animation-delay: 3s; animation-duration: 0.3s; animation-fill-mode: forwards; animation-name: hide; }

.t-zoomer__title { font-size: 16px; font-weight: 400; }

@media screen and (max-width: 1200px) {
  .t-zoomer__title { font-size: 14px; }
}

@media screen and (max-width: 640px) {
  .t-zoomer__title { font-size: 12px; }
}

@media screen and (max-width: 768px) {
  .t-carousel__zoomer__inner { inset: 0px; }
  .t-carousel__zoomer__control .t-carousel__zoomer__arrow { height: 10px; width: 10px; }
  .t-carousel__zoomer-control { width: 10%; }
  .t-carousel__zoomer__arrow__left { left: 15px; }
  .t-carousel__zoomer__arrow__right { right: 15px; }
  .t-carousel__zoomer__arrow__wrapper::before, .t-carousel__zoomer__arrow__wrapper_dark::before { height: 18px; top: calc(50% - 19px); width: 18px; }
  .t-carousel__zoomer__arrow__wrapper.t-carousel__zoomer__arrow__wrapper_left::before { left: calc(50% - 21px); }
  .t-carousel__zoomer__arrow__wrapper.t-carousel__zoomer__arrow__wrapper_right::before { right: calc(50% - 21px); }
}

.t-carousel__zoomer__item-innactive .t-carousel__zoomer__wrapper { display: none; }

@supports (-webkit-overflow-scrolling:touch) {
  .t-carousel__zoomer__img { object-fit: contain; }
}

@-webkit-keyframes hide { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes hide { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}