.mobile-scroll{max-width:800px;width:100%;max-height:500px;position:relative;background:url(/img/bg/bg/mobile.svg) no-repeat center center;background-size:contain;overflow:hidden;padding-bottom:62.5%;height:auto;display:flex;align-items:center}.mobile-scroll__screen{position:absolute;top:2.5%;left:35.5%;width:27.5%;max-width:616px;height:92%;border-radius:20px;overflow-y:scroll;scrollbar-width:none}.mobile-scroll__screen::-webkit-scrollbar{display:none}.mobile-scroll__img{width:100%;height:auto;display:flex;justify-content:center}.mobile-scroll__img .image img{width:100%;margin:0 auto;height:auto}.mobile-scroll__sidebar{position:absolute;top:2.5%;right:36.7%;width:15px;height:92%;border-top-right-radius:20px;border-bottom-right-radius:20px;background-color:rgba(0,0,0,0);transition:background-color .2s linear,opacity .2s linear}.mobile-scroll__thumb-wrapper{position:absolute;top:2%;right:0;width:15px;height:96.7%;background-color:rgba(0,0,0,0);transition:background-color .2s linear,opacity .2s linear}.mobile-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 .mobile-scroll__thumb{transition:opacity .2s linear,background-color .2s linear,width .2s ease-in-out}.hoverevents .mobile-scroll__thumb.hovered{opacity:1}.hoverevents .mobile-scroll__thumb:hover{opacity:1;background-color:#999;width:11px}.mobile-scroll__sidebar{transition:background-color .2s linear,opacity .2s linear}.mobile-scroll__sidebar:hover{background-color:#eee;opacity:.9}.mobile-scroll__sidebar:hover .mobile-scroll__thumb{opacity:1;background-color:#999;width:11px}
