.device-scroll-mockup{--frame-radius:24px 24px 0 0;--frame-border:#000}.device-scroll-mockup *{box-sizing:border-box}.device-scroll-mockup__container{margin:0 auto;padding:0;text-align:center}.device-scroll-mockup__frame-wrapper{position:relative}.device-scroll-mockup__screen{aspect-ratio:16/10;background:#000;border-radius:var(--frame-radius);left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:77%;z-index:-1}.device-scroll-mockup__scroll-image{display:block;height:auto;position:relative;transform:translateY(0);width:100%}.device-scroll-mockup__viewport{aspect-ratio:16/10;background:transparent;border-radius:var(--frame-radius);left:50%;pointer-events:auto;position:absolute;transform:translateX(-50%);width:77%;z-index:5}.device-scroll-mockup__frame-image{display:block;height:auto;width:100%}