.vx-device-preview{--vx-device-background:#f5f5f5;position:relative;display:block;width:100%;aspect-ratio:8/5;margin:0;overflow:hidden;isolation:isolate;background:var(--vx-device-background)}.vx-device-preview,.vx-device-preview *{box-sizing:border-box}.vx-device-preview .vx-device-preview__laptop{position:absolute;z-index:1;top:6%;left:8%;width:76%;padding:1.65% 1.65% 2.1%;border:1px solid #a2a3a6;border-radius:4% 4% 1.3% 1.3%/5.8% 5.8% 1.8% 1.8%;background:#111214;box-shadow:inset 0 0 0 1px #e0e0e1,0 1px 2px #00000014}.vx-device-preview .vx-device-preview__laptop:before{content:"";position:absolute;top:1.1%;left:49.7%;width:.6%;aspect-ratio:1;border-radius:50%;background:#363a40}.vx-device-preview .vx-device-preview__laptop:after{content:"";position:absolute;z-index:2;left:-8.8%;bottom:-4.25%;width:117.6%;height:5.1%;border-radius:0 0 2.5% 2.5%/0 0 80% 80%;background:linear-gradient(#b4b6ba,#b4b6ba) center top/15% 38% no-repeat,linear-gradient(180deg,#e6e7e9 0%,#c4c6ca 42%,#a5a7ab 82%,#c6c7c9 100%);box-shadow:0 2px 2px #0000000d}.vx-device-preview .vx-device-preview__desktop-screen{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#fff}.vx-device-preview .vx-device-preview__phone{position:absolute;z-index:4;right:3.3%;bottom:3.5%;width:19.8%;padding:.8%;border:1px solid #737578;border-radius:17%/8.2%;background:#101112;box-shadow:inset 0 0 0 1px #27292c,0 3px 6px #00000038}.vx-device-preview .vx-device-preview__phone:before{content:"";position:absolute;z-index:3;top:4.3%;left:35%;width:30%;height:3.6%;border-radius:999px;background:#060606}.vx-device-preview .vx-device-preview__phone:after{content:"";position:absolute;z-index:3;right:33%;bottom:2.8%;left:33%;height:.65%;border-radius:999px;background:#ffffff91}.vx-device-preview .vx-device-preview__mobile-screen{display:block;width:100%;aspect-ratio:390/844;overflow:hidden;border-radius:13.5%/6.3%;background:#fff}.vx-device-preview .vx-device-preview__desktop-image,.vx-device-preview .vx-device-preview__mobile-image{display:block!important;width:100%!important;max-width:none!important;height:100%!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:cover!important;object-position:center top!important;transform:none!important;filter:none!important}.work-shot:has(>.vx-device-preview){display:block!important;aspect-ratio:8/5!important;height:auto!important;padding:0!important;background:#f5f5f5!important;line-height:0}.vx-work-shot:has(>.vx-device-preview),.vx-blog-cover:has(>.vx-device-preview){padding:0!important;overflow:hidden;background:#f5f5f5!important;border-color:#e5e7eb;box-shadow:0 10px 30px #17213b12}.vx-work-shot:has(>.vx-device-preview) figcaption,.vx-blog-cover:has(>.vx-device-preview) figcaption{padding:12px 18px;margin:0;background:#fff;line-height:1.55}.vx-work-shot:has(>.vx-device-preview) figcaption,.vx-blog-cover:has(>.vx-device-preview) figcaption{color:#596579!important}
/* Fit every preview to its actual screenshot viewport. */
.vx-device-preview .vx-device-preview__laptop{left:7%;top:6%;width:78%}
.vx-device-preview .vx-device-preview__desktop-screen{position:relative;aspect-ratio:var(--vx-desktop-ratio,16/9)}
.vx-device-preview .vx-device-preview__mobile-screen{position:relative;aspect-ratio:390/844}
.vx-device-preview .vx-device-preview__desktop-image,.vx-device-preview .vx-device-preview__mobile-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-height:none!important;max-width:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:50% 0!important;background:#fff!important}
.vx-device-preview:has(.vx-device-preview__desktop-image[src*="nero-co-motors-pula"]){--vx-desktop-ratio:1425/968}
.vx-device-preview:has(.vx-device-preview__desktop-image[src*="nd-locularis.jpg"]){--vx-desktop-ratio:1265/712}
.vx-device-preview:has(.vx-device-preview__desktop-image[src*="citylinkcroatia.hr.jpg"]){--vx-desktop-ratio:1440/900}
