/* Laptop mockup whose screen scrolls through a full-page screenshot (reference detail pages) */
.adanet-scroll-laptop{position:relative;width:100%;aspect-ratio:1024/600}
.adanet-scroll-screen{position:absolute;left:12.402%;top:5.5%;width:75.391%;height:80.5%;overflow:hidden;background:#fff;container-type:size}
.adanet-detail-scroll .adanet-scroll-screen img{display:block;width:100%;height:auto;max-width:none;border-radius:0;transform:none;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.adanet-detail-scroll:hover .adanet-scroll-screen img,.adanet-detail-scroll:focus-visible .adanet-scroll-screen img{transform:translateY(calc(-100% + 100cqh));transition:transform var(--scroll-dur,6s) cubic-bezier(.45,.05,.55,.95)}
.adanet-detail-scroll .adanet-scroll-frame{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}
.adanet-detail-scroll{display:block;outline:none}
.adanet-detail-scroll:focus-visible{outline:2px solid #087cff;outline-offset:6px;border-radius:12px}
@media(prefers-reduced-motion:reduce){.adanet-detail-scroll:hover .adanet-scroll-screen img,.adanet-detail-scroll:focus-visible .adanet-scroll-screen img{transform:none}}
/* Detail pages: give the scrolling laptop half the content width on desktop (the panel's image-width setting made it too small next to the spec cards) */
@media(min-width:992px){.adanet-spec-layout .clearfix>div:has(>.adanet-detail-scroll){width:50%;flex:0 0 auto;padding-right:28px!important}}