.desktop-scroll{max-width:800px;width:100%;max-height:500px;position:relative;background:url(/img/bg/bg/notebook.svg) no-repeat center center;background-size:contain;overflow:hidden;padding-bottom:62.5%;height:auto;display:flex;align-items:center}.desktop-scroll__screen{position:absolute;top:7%;left:11.5%;width:77%;max-width:616px;height:80%;border-radius:4px;overflow-y:scroll;scrollbar-width:none}.desktop-scroll__screen::-webkit-scrollbar{display:none}.desktop-scroll__img{width:100%;height:auto;display:flex;justify-content:center}.desktop-scroll__img .image img{width:100%;margin:0 auto;height:auto}.desktop-scroll__sidebar{position:absolute;top:7%;right:11.5%;width:15px;height:80%;background-color:rgba(0,0,0,0);transition:background-color .2s linear,opacity .2s linear}.desktop-scroll__thumb{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute;top:0;opacity:0}.hoverevents .desktop-scroll__thumb{transition:opacity .2s linear,background-color .2s linear,width .2s ease-in-out}.hoverevents .desktop-scroll__thumb.hovered{opacity:1}.hoverevents .desktop-scroll__thumb:hover{opacity:1;background-color:#999;width:11px}.desktop-scroll__sidebar{transition:background-color .2s linear,opacity .2s linear}.desktop-scroll__sidebar:hover{background-color:#eee;opacity:.9}.desktop-scroll__sidebar:hover .desktop-scroll__thumb{opacity:1;background-color:#999;width:11px}