CSS File

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

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

3.t-carousel__zoomer__wrapper{position:relative}

4.t-zoomer__ui-item{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:hsla(0,0%,100%,.5);border-radius:50%;box-shadow:0 0 3px rgba(1,1,1,.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:.3s;transition-property:opacity,background-color,box-shadow;transition-timing-function:ease-in-out;width:37px;will-change:opacity,background-color,box-shadow}

5.t-zoomer__hide-animation{opacity:0}

6.t-zoomer__ui-item--dark{background:rgba(1,1,1,.5)}

7.t-zoomer__ui-item--dark svg{-webkit-filter:invert(1);filter:invert(1)}

8@media (hover:hover){.t-carousel__zoomer__control:hover>.t-zoomer__ui-item,.t-zoomer__ui-item:hover{background:#fff;opacity:1}

9.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%,.25)}

10}

11@-webkit-keyframes showZoomerWrapper{0%{opacity:0}

12to{opacity:1}

13}

14@keyframes showZoomerWrapper{0%{opacity:0}

15to{opacity:1}

16}

17.t-zoomer__wrapper{bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:-1}

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

19.t-zoomer__show .t-zoomer__wrapper{-webkit-animation:showZoomerWrapper .3s ease-in-out both;animation:showZoomerWrapper .3s ease-in-out both;display:block;z-index:10000001}

20.t-zoomer__container{opacity:1;text-align:center;top:0;transition:opacity .4s ease;z-index:99999999}

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

22.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}

23.t-zoomer__container--on-close .t-carousel__zoomer__item.active{opacity:0;-webkit-transform:scale(.7) translateY(50%);transform:scale(.7) translateY(50%)}

24.t-zoomer__bg{cursor:zoom-in;top:0}

25.t-zoomer__comments{background-color:hsla(0,0%,100%,.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:.15s;transition-property:opacity;transition-timing-function:ease-in-out;width:-webkit-max-content;width:max-content;will-change:opacity}

26.scale-active .t-zoomer__comments.t-zoomer__hide-animation,.t-zoomer__comments.t-zoomer__hide-animation{opacity:0}

27.scale-active .t-zoomer__comments{bottom:auto;top:5px}

28.t-zoomer__comments .t-zoomer__descr,.t-zoomer__comments .t-zoomer__title{color:#000}

29.t-zoomer__comments--dark{background-color:rgba(1,1,1,.5)}

30.t-zoomer__comments--dark .t-zoomer__descr,.t-zoomer__comments--dark .t-zoomer__title{color:#fff}

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

32.t-carousel__zoomed,.t-carousel__zoomer__slides{bottom:0;left:0;position:absolute;right:0;top:0}

33.t-carousel__zoomer__inner{bottom:15px;left:15px;overflow:hidden;position:absolute;right:15px;top:15px}

34.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}

35.t-zoomer__container--mobile .t-carousel__zoomer__track{transition:-webkit-transform .25s cubic-bezier(.29,.39,.2,.96);transition:transform .25s cubic-bezier(.29,.39,.2,.96);transition:transform .25s cubic-bezier(.29,.39,.2,.96),-webkit-transform .25s cubic-bezier(.29,.39,.2,.96)}

36.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:.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)}

37.scale-active .t-carousel__zoomer__item{width:100vw}

38.t-zoomer__container--mobile:not(.t-zoomer__container--on-close) .t-carousel__zoomer__item{opacity:1;transition:none}

39.t-carousel__zoomer__item.active{opacity:1}

40.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}

...