/*адаптация*/
@media screen and (max-width: 1200px) {
    .uc-pc{display: none !important;}
}
  
@media screen and (min-width: 1200px) {
    .uc-mobile {display: none !important;}
}

.uc-hat {position: relative !important; z-index: 100 !important;}
.uc-loader { position: fixed !important; top: -200px !important; left: 0; width: 100%; height: calc(100% + 400px) !important; !important; z-index: 99 !important; display: none; background-color: #000 !important; }
.uc-bigloader { position: fixed !important; top: -200px !important; left: 0; width: 100%; height: calc(100% + 400px) !important; z-index: 999 !important; display: block; background-color: #000 !important; }

.tn-elem.videodefault3x4 {height:auto !important; display: flex !important; overflow: hidden !important; padding-bottom: 0 !important; aspect-ratio: 3 / 4;}
.tn-elem.videodefault4x5 {height:auto !important; display: flex !important; overflow: hidden !important; padding-bottom: 0 !important; aspect-ratio: 4 / 5;}
.tn-elem.videodefault9x16 {height:auto !important; display: flex !important; overflow: hidden !important; padding-bottom: 0 !important; aspect-ratio: 9 / 16;}
.tn-elem.videodefault16x9 {height:auto !important; display: flex !important; overflow: hidden !important; padding-bottom: 0 !important; aspect-ratio: 16 / 9;}
.tn-elem.videodefault8x11 {height:auto !important; display: flex !important; overflow: hidden !important; padding-bottom: 0 !important; aspect-ratio: 8 / 11;}
.tn-elem.videodefault12x11 {height:auto !important; display: flex !important; overflow: hidden !important; padding-bottom: 0 !important; aspect-ratio: 12 / 11;}
.tn-elem.videodefault132x100 {height:auto !important; display: flex !important; overflow: hidden !important; padding-bottom: 0 !important; aspect-ratio: 132 / 100;}

/*уточнение для моб версии*/
.tn-elem.videodefault9x16w {width:auto !important; overflow: hidden !important; padding-bottom: 0 !important; aspect-ratio: 9 / 16 !important;}
.tn-elem.videodefault9x16h {height:auto !important; overflow: hidden !important; padding-bottom: 0 !important; aspect-ratio: 9 / 16 !important;}

.videodefault .tn-atom {
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

.uc-gravity{
    cursor: cell !important;
    overflow: hidden;
    position: relative;
}








/*пунктирное подчеркивание ссылок с скроллом*/
a[href*="more"] {
    -webkit-box-shadow: none !important;
    border-bottom: 1px dashed #585858 !important;
    transition: border-color 0s ease !important;
}
@media screen and (min-width: 1200px) {
    a[href*="more"]:hover {color: #585858 !important;}
    
    .tn-elem.dodo-cursor, .dodo-cursor .tn-atom__video-play-link, .dodo-cursor .tn-atom__video-play-link *, .closepopup .tn-atom {
        cursor: none !important;
    }
    
    .custom-cursor {
        position: fixed;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: 2147483647 !important; /* Максимально возможное значение z-index */
        opacity: 0;
        will-change: transform;
        transition: opacity 0s ease;
    }
    
    .custom-cursor img { width: 100%; display: block; z-index: 2147483647 !important; }
    .custom-cursor.is-visible { opacity: 1; z-index: 2147483647 !important; }
}

/*скролл работ по ссылкам с хешем*/
.post{position:relative;z-index:1;transition:filter .8s;scroll-margin-top:100px}
body.is-reeling .post{filter:brightness(0.15)!important;pointer-events:none}
body.is-reeling .post.blink-active{filter:brightness(1)!important;pointer-events:auto}
.post.is-focused{z-index:100!important}

/* Скролл топ рилсов по пунктирным линиям, анимация иконки в строке с ссылкой */
.image-class {text-decoration: none !important; transition: all 0s ease; vertical-align: middle;}
a:hover .image-class {opacity: 0.2 !important;}

.reel { transition: filter .8s; position: relative; z-index: 1; }
body.is-reeling .reel, .image-class {filter: brightness(0.2) !important; pointer-events: none;}
body.is-reeling .reel.blink-active, .image-class {filter: brightness(1) !important; pointer-events: auto;}
.reel.is-focused { z-index: 100 !important; }


/*соотношения сторон для автоплееров*/
.autoplayers3x4 {height: auto !important; display: flex !important; position: relative !important; overflow: hidden !important; aspect-ratio: 3 / 4;}
.autoplayers4x5 {height: auto !important; display: flex !important; position: relative !important; overflow: hidden !important; aspect-ratio: 4 / 5;}
.autoplayers9x16 {height: auto !important; display: flex !important; position: relative !important; overflow: hidden !important; aspect-ratio: 9 / 16;}
.autoplayers16x9 {height: auto !important; display: flex !important; position: relative !important; overflow: hidden !important; aspect-ratio: 16 / 9;}
.autoplayers8x11 {height: auto !important; display: flex !important; position: relative !important; overflow: hidden !important; aspect-ratio: 8 / 11;}
.autoplayers12x11 {height: auto !important; display: flex !important; position: relative !important; overflow: hidden !important; aspect-ratio: 12 / 11;}
.autoplayers729x904 {height: auto !important; display: flex !important; position: relative !important; overflow: hidden !important; aspect-ratio: 729 / 904;}

/*убираем бордер у всех и ставим заново*/
.tn-elem.videodefault .tn-atom:not(.roundborders){
    border: none !important;
    border-width: 0px !important;
    outline: none !important;
    --t396-borderwidth: 0px !important;
}


.autoplayers, .tn-elem.videodefault:not(.noborder, .roundborders) {
    border: none !important;
    border-width: 0px !important;
    outline: none !important;
    --t396-borderwidth: 0px !important;
    border: 1px solid #303030 !important;
}

/*ноль задержки анимки для иконки стрелочки сортировки*/
.tn-atom__button-icon-arrow-hover {
    animation-duration: 0s !important;
}



/* Стили всех добавляемых кнопок */

        /* Наведение на кнопки плей/пауза аудиоблоков */
        .audio-overlay:hover .audio-play-btn {
          transform: scale(1.2);
        }
        
        .audio-overlay:active .audio-play-btn {
          transform: scale(0.9);
        }
        
        .audio-play-btn {
          transition: transform 0.2s ease;
        }
        
        /* Отключение драга или выделения у кнопок фулскрин автоплееров и плей/пауза у аудиоблоков */
        .audio-overlay, .audioblock, .image-class, .btn-fullscreen, .btn-fullscreen img {
            user-select: none;
            -webkit-user-select: none;
            -webkit-user-drag: none;
            -ms-user-select: none;
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
        }
        .audio-play-btn, .btn-fullscreen, .btn-fullscreen img {
            user-select: none;
            -webkit-user-select: none;
            -webkit-user-drag: none;
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -ms-user-select: none;
            pointer-events: none;
        }
        
        /* Кнопки мьюта и фулскрина на автоплеерах */
        .video-ctrl-btn {
            position: absolute;
            z-index: 20;
            width: 23px;
            height: 23px;
            padding: 0px;
            background: rgba(0, 0, 0, 0);
            border: none;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: 0.2s;
        }
        .video-ctrl-btn img { width: 100%; height: 100%; object-fit: contain; }
        
        /* Кнопка мьюта растягивается на весь шейп */
        .btn-mute {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            padding: 0px !important;
            margin: 0 !important;
            background: transparent !important;
            border-radius: 0 !important;
            z-index: 15 !important;
        }
        
        /* Иконки внутри кнопки мьюта позиционируем в угол */
        .btn-mute img {
            position: absolute;
            bottom: 10px;
            right: 10px;
            width: 23px;
            height: 23px;
            pointer-events: none;
        }
        
        /* Кнопка фуллскрина должна быть выше области мьюта */
        .btn-fullscreen {
            position: absolute !important;
            z-index: 25 !important;
            width: 23px !important;
            height: 23px !important;
            top: 10px !important;
            left: 10px !important;
            background: transparent !important;
        }
        
        /* Ограничиваем область клика фуллскрина только её иконкой */
        .btn-fullscreen img {
            pointer-events: auto;
        }
        
        /* Свитч мьют-анмьют иконок */
        .is-muted .icon-unmute, 
        .is-unmuted .icon-mute { display: none; }
        
        /* Кнопки раскрытия топ рилса */
        .open-link-wrapper {
            position: absolute !important;
            top: 8px !important;    
            left: 8px !important;  
            z-index: 9999999 !important; 
            line-height: 0 !important; 
            pointer-events: none !important; 
        }
    
        .open-link-btn {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: transparent !important;
            border: none !important; 
            padding: 0 !important; 
            cursor: pointer !important;
            width: 29px !important;  
            height: 29px !important; 
            outline: none !important;
            opacity: 0 !important; 
            transition: opacity 0.2s ease, transform 0.2s ease !important;
            pointer-events: auto !important;
            text-decoration: none !important;
        }
    
        .reel:hover .open-link-btn {opacity: 1 !important;}
    
        .open-link-btn:hover {transform: scale(1.15) !important;}
    
        @media (max-width: 1200px) {
            .open-link-btn { opacity: 1 !important; width: 29px !important;  height: 29px !important;}
        }
        
        @media (min-width: 2000px) {
            .open-link-btn { width: 40px !important;  height: 40px !important;}
        }
    
        .open-link-btn.is-fading {opacity: 0 !important;}
        .open-link-btn img {width: 100% !important; height: auto !important; display: block !important;}
    
        /* Кнопки копирования ссылки */
        .copy-link-wrapper {
            position: absolute !important;
            top: 0 !important;    
            right: 0 !important;  
            z-index: 999999 !important; 
            line-height: 0 !important; 
            pointer-events: none !important; 
        }
    
        .copy-link-btn {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: transparent !important;
            border: none !important; 
            padding: 6px !important; 
            cursor: pointer !important;
            width: 17px !important;  
            height: 17px !important; 
            outline: none !important;
            opacity: 0 !important; 
            transition: opacity 0.3s ease, transform 0.2s ease !important;
            pointer-events: auto; 
        }
    
        /* Наведение на десктопе */
        @media (min-width: 1200px) {
            .post:hover .copy-link-btn { opacity: 0.2 !important; }
            .post .copy-link-btn:hover { opacity: 1 !important; }
        }
        @media (max-width: 1200px) {.copy-link-btn { opacity: 0.2 !important; }}
    
        /* Скрытие во время смены иконок */
        .copy-link-btn.is-fading {opacity: 0 !important; pointer-events: none !important;}
    
        /* Состояние после клика (галочка) */
        .copy-link-btn.is-copied { opacity: 1 !important; }
        .copy-link-btn img {width: 100% !important; height: auto !important; display: block !important;}
    
    

/* Сохранение пропорций на фулскрине */
video:fullscreen { object-fit: contain !important; background: #000; }
video:-webkit-full-screen { object-fit: contain !important; background: #000; }



/* Кнопки фильтров */
.sort-button-motion-off, .sort-button-sound-off, .sort-button-content-off, .sort-button-vfx-off {
    display: none !important;
  }
.sort-button-motion-off, .sort-button-sound-off, .sort-button-content-off, .sort-button-vfx-off, .sort-button-motion,  .sort-button-sound,  .sort-button-content,  .sort-button-vfx, .fullscreen, .videodefault:not(.dodo-cursor), .share{
    cursor: pointer !important;
}



/* Курсор кастомный для блока с гравитацией */
.matter-elem{cursor: grab !important;}
.matter-elem:active {cursor: grabbing !important;}