/* Зеркальный отступ слева = ширина вертикального скроллбара (media/js/scrollbar-balance.js). На video_all.html отступ задаётся сразу в critical CSS , без ожидания :has(). */ html:has(.page-video-all) { box-sizing: border-box; } html:has(.page-video-all) body { overflow-x: hidden; } html:has(.page-video-all) .visually-hidden { white-space: normal; } html[data-theme="dark"]:has(.page-video-all) body > .content.page-home { background: #000; } html[data-theme="dark"] .page-video-all, html[data-theme="dark"] .page-video-all .video-grid .row .item .description .video-desc, html[data-theme="dark"] .page-video-all .dzen-channel-reference a { color: #fff; } html[data-theme="dark"] .page-video-all .video-grid .row .item .title { color: #555555; } html[data-theme="dark"] .page-video-all .page-header .description { color: #fff; } html[data-theme="dark"] .page-video-all .video-grid .row .item .description .video-desc { background-color: #202020; } html[data-theme="dark"] .page-video-all .video-grid .row:first-of-type .item:first-of-type .description .video-desc { background-color: transparent; } .page-video-all .page-content { left: 2.5396825397rem; top: 7.3015873016rem; width: 76.1904761905rem; height: auto !important; } .page-video-all .pagination .item img.hover, .page-video-all .pagination .item img.active, .page-video-all .pagination .item.active img, .page-video-all .pagination .item:hover img { display: none; } .page-video-all .pagination .item:not(.active):hover img.hover, .page-video-all .pagination .item.active img.active { display: initial; } .page-video-all .pagination { padding-top: 0.2857142857rem; display: flex; flex-direction: row; flex-wrap: nowrap; height: 1.6984126984rem; } .page-video-all .pagination .item { width: 2.3650793651rem; height: 1.6984126984rem; } .page-video-all .pagination .item:not(:first-of-type) { margin-left: 0.7936507937rem; } .page-video-all .pagination .item:last-of-type { width: 3.4603174603rem; margin-left: 0.873015873rem; } .page-video-all .pagination .item.active { cursor: default; } .page-video-all .pagination .item img { height: 100%; } .page-video-all { color: #666; } .page-video-all .video-grid { left: 0; top: 3.6825396825rem; width: 76.1904761905rem; } .page-video-all .video-grid .row { display: flex; flex-direction: row; flex-wrap: nowrap; } .page-video-all .video-grid .row:not(:first-of-type) { margin-top: 2.2857142857rem; } .page-video-all .video-grid .row .item { width: 18.1428571429rem; flex-grow: 0; margin-right: 1.2063492063rem; } .page-video-all .video-grid .row .item:last-of-type { margin-right: 0; } .page-video-all .video-grid .row .item a.thumb { display: block; width: 100%; max-width: 100%; height: 10.2063492063rem; } .page-video-all .video-grid .row .item a.thumb img { width: 100%; object-fit: contain; } .page-video-all .video-grid .row .item .title { text-align: left; height: 1.3968253968rem; } .page-video-all .video-grid .row .item .description { text-align: left; height: 1.3968253968rem; } .page-video-all .video-grid .row .item .description .video-desc { margin: 0; min-height: 1.3968253968rem; background-color: #e9e9e9; } /* FR999 — без полоски под заставкой, но с той же высотой блока, что на video_1.html */ .page-video-all .video-grid .row:first-of-type .item:first-of-type .description .video-desc { background-color: transparent; visibility: hidden; } body.touch .page-video-all .pagination .item:not(.active):hover img.hover { display: none; } body.touch .page-video-all .pagination .item:not(.active):hover img:not(.hover):not(.active) { display: initial; }