/* Investviz - живые обложки видеоинструкций */
.iva-cv{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;}
/* плитки «Видеоинструкций»: анимация на всю картинку вместо кадра и большого значка ▶ */
.lm-pic.iva-on > svg,.lm-pic.iva-on > img,.lm-pic.iva-on > .lm-plate{visibility:hidden;}
.lm-pic.iva-on .iva-tile{z-index:1;transition:transform .35s ease;transform-origin:50% 55%;}
.lm-tile:hover .lm-pic.iva-on .iva-tile,.lm-tile:focus-visible .lm-pic.iva-on .iva-tile{transform:scale(1.06);}
.lm-pic.iva-on .lm-play{z-index:2;left:auto;top:auto;right:10px;bottom:10px;margin:0;width:30px;height:30px;opacity:.9;transition:opacity .25s,transform .25s;}
.lm-pic.iva-on .lm-play svg{width:12px;height:12px;}
.lm-tile:hover .lm-pic.iva-on .lm-play{transform:scale(1.15);opacity:1;}
.lm-pic.iva-on .lm-devb,.lm-pic.iva-on .lm-dur{z-index:3;}
/* полоски роликов: обложка поверх кадра, пока ролик не запущен */
.iva-ov{position:absolute;inset:0;z-index:2;cursor:pointer;overflow:hidden;background:var(--bg);}
.iva-ov .iva-strip{transition:transform .4s ease,filter .35s;}
.iva-ov:hover .iva-strip,.iva-ov:focus-visible .iva-strip{transform:scale(1.04);}
.iva-ov.iva-dev .iva-strip{filter:grayscale(1);}
.iva-ov.iva-dev:hover .iva-strip,.iva-ov.iva-dev:focus-visible .iva-strip{filter:none;}
.iva-ov:focus-visible{outline:2px solid #29C564;outline-offset:-2px;}
.iva-ov-play{position:absolute;right:16px;bottom:16px;z-index:2;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.62);border:2px solid #29C564;color:#fff;transition:transform .25s;}
.iva-ov-play svg{width:20px;height:20px;margin-left:2px;}
.iva-ov:hover .iva-ov-play{transform:scale(1.12);}
html.theme-light .iva-ov-play{background:rgba(255,255,255,.85);color:#16161A;border-color:#1BA84E;}
@media print{.iva-cv,.iva-ov{display:none;}.lm-pic.iva-on > img{visibility:visible;}}