body{background:#000;color:#fff}.main{position:fixed;top:0px;bottom:0px;left:0px;right:0px}.main__item{display:block;position:absolute;cursor:pointer;top:0;left:0;width:50%;height:50%;display:block}.main__item:nth-of-type(2),.main__item:nth-of-type(4){left:50%}.main__item:nth-of-type(3),.main__item:nth-of-type(4){top:50%}.main video{width:100%;height:100%;display:block;position:absolute;top:0;left:0;object-fit:cover}.main video:focus{outline:none}.arrows{position:fixed;top:50%;left:10px;transform:translateY(-50%);width:20px;height:20px;opacity:0.5;z-index:9;cursor:pointer}.arrows:hover{opacity:1}.arrows--next{left:auto;right:10px;transform:translateY(-50%) rotate(180deg)}.arrows svg{fill:#fff;width:100%;height:100%;display:block}